fcr-ui-scene 3.7.4 → 3.7.6

package/lib/plugins/module-dev-plugin.js

@@ -1,6 +1,10 @@
 "use strict";
 
+require("core-js/modules/es.object.define-property.js");
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
 require("core-js/modules/es.date.now.js");
 require("core-js/modules/es.date.to-json.js");
@@ -8,7 +12,6 @@ require("core-js/modules/es.json.stringify.js");
 require("core-js/modules/es.object.to-string.js");
 require("core-js/modules/es.promise.js");
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
-var _fcrCore = require("fcr-core");
 /**
  * 创建房间
  * @param roomName
@@ -105,83 +108,61 @@ var getUserToken = /*#__PURE__*/function () {
 var roomId = 'test-room';
 var userId = "test-user-".concat(Date.now());
 var role = 'host';
-window.__DEV_ENGINE_IS_READY__ = createRoom(roomId).then(/*#__PURE__*/function () {
-  var _ref3 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee3(roomId) {
-    return _regenerator["default"].wrap(function (_context3) {
-      while (1) switch (_context3.prev = _context3.next) {
-        case 0:
-          return _context3.abrupt("return", getUserToken(roomId, userId, userId, role).then(function (_ref4) {
-            var token = _ref4.token,
-              appId = _ref4.appId;
-            window.__DEV_ENGINE__ = new _fcrCore.FcrCoreEngine({
-              appId: appId,
-              token: token,
-              region: _fcrCore.FcrRegion.CN,
-              userId: userId,
-              dualCameraVideoStreamConfig: {
-                highVideoEncoderConfig: {
-                  dimensions: {
-                    width: 640,
-                    height: 480
-                  },
-                  frameRate: 15,
-                  bitrate: 800
-                  // isMirror: false,
-                },
-                lowVideoEncoderConfig: {
-                  dimensions: {
-                    width: 320,
-                    height: 240
-                  },
-                  frameRate: 15,
-                  bitrate: 400
-                  // isMirror: false,
-                },
-                enableDualStreamMode: false
-              },
-              dualScreenVideoStreamConfig: {
-                highVideoEncoderConfig: {
-                  dimensions: {
-                    width: 640,
-                    height: 480
-                  },
-                  frameRate: 15,
-                  bitrate: 800
-                  // isMirror: false,
-                },
-                lowVideoEncoderConfig: {
-                  dimensions: {
-                    width: 320,
-                    height: 240
-                  },
-                  frameRate: 15,
-                  bitrate: 400
-                  // isMirror: false,
-                },
-                enableDualStreamMode: false
-              },
-              parameters: {
-                rte: {
-                  rteIpList: ['http://api-solutions-dev.bj2.agoralab.co']
-                },
-                core: {
-                  coreIpList: ['http://api-solutions-dev.bj2.agoralab.co']
-                }
-              }
-            });
-            window.__DEV_ROOM_ID__ = roomId;
-            window.__DEV_USER_ID__ = userId;
-            window.__DEV_USER_ROLE__ = role;
-            window.__DEV_USER_TOKEN__ = token;
-            window.__DEV_APP_ID__ = appId;
-          }));
-        case 1:
-        case "end":
-          return _context3.stop();
-      }
-    }, _callee3);
-  }));
-  return function (_x6) {
-    return _ref3.apply(this, arguments);
-  };
-}());
+
+// window.__DEV_ENGINE_IS_READY__ = createRoom(roomId).then(async (roomId) => {
+//   return getUserToken(roomId, userId, userId, role).then(({ token, appId }) => {
+//     window.__DEV_ENGINE__ = new FcrCoreEngine({
+//       appId: appId,
+//       token: token,
+//       region: FcrRegion.CN,
+//       userId: userId,
+//       dualCameraVideoStreamConfig: {
+//         highVideoEncoderConfig: {
+//           dimensions: { width: 640, height: 480 },
+//           frameRate: 15,
+//           bitrate: 800,
+//           // isMirror: false,
+//         },
+//         lowVideoEncoderConfig: {
+//           dimensions: { width: 320, height: 240 },
+//           frameRate: 15,
+//           bitrate: 400,
+//           // isMirror: false,
+//         },
+//         enableDualStreamMode: false,
+//       },
+//       dualScreenVideoStreamConfig: {
+//         highVideoEncoderConfig: {
+//           dimensions: { width: 640, height: 480 },
+//           frameRate: 15,
+//           bitrate: 800,
+//           // isMirror: false,
+//         },
+//         lowVideoEncoderConfig: {
+//           dimensions: {
+//             width: 320,
+//             height: 240,
+//           },
+//           frameRate: 15,
+//           bitrate: 400,
+//           // isMirror: false,
+//         },
+//         enableDualStreamMode: false,
+//       },
+//       parameters: {
+//         rte: {
+//           rteIpList: ['http://api-solutions-dev.bj2.agoralab.co'],
+//         },
+//         core: {
+//           coreIpList: ['http://api-solutions-dev.bj2.agoralab.co'],
+//         },
+//       },
+//     });
+
+//     window.__DEV_ROOM_ID__ = roomId;
+//     window.__DEV_USER_ID__ = userId;
+//     window.__DEV_USER_ROLE__ = role;
+//     window.__DEV_USER_TOKEN__ = token;
+//     window.__DEV_APP_ID__ = appId;
+//   });
+// });

package/lib/providers/ability-provider.d.ts

@@ -1,5 +1,6 @@
 import { FcrAbilityControl } from 'fcr-core/lib/room-control/ability-control/type';
 import { FcrPlatform } from 'fcr-core/lib/type';
+import { FcrUIManagedObject } from '../object-manager';
 export interface FcrUIAbilityProvider {
     /**
      * 检查当前平台是否支持获取房间详情
@@ -10,17 +11,24 @@ export interface FcrUIAbilityProvider {
      * @param platform 目标平台
      */
     isHostSupportedByPlatform(platform: FcrPlatform): boolean;
+    /**
+     * 当前平台是否支持直播
+     */
     isLiveSupported(): boolean;
+    /**
+     * 当前平台是否支持同传
+     */
     isInterpreterSupported(): boolean;
     /**
      * 检查当前平台是否支持批注
      */
     isAnnotationSupported(): boolean;
 }
-export declare class FcrUIAbilityProviderImpl implements FcrUIAbilityProvider {
+export declare class FcrUIAbilityProviderImpl implements FcrUIAbilityProvider, FcrUIManagedObject {
     private _abilityControl;
     protected logger: import("agora-foundation/lib/logger").Logger;
     constructor(_abilityControl: FcrAbilityControl);
+    release(): void;
     /**
      * 检查当前平台是否支持获取房间详情
      */

package/lib/providers/ability-provider.js

@@ -6,56 +6,58 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.FcrUIAbilityProviderImpl = void 0;
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
 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 _type = require("fcr-core/lib/room-control/ability-control/type");
-var _base = require("../base");
 var _logger = require("../utilities/logger");
-var FcrUIAbilityProviderImpl = exports.FcrUIAbilityProviderImpl = /*#__PURE__*/(0, _createClass2["default"])(function FcrUIAbilityProviderImpl(_abilityControl) {
-  var _this = this;
-  (0, _classCallCheck2["default"])(this, FcrUIAbilityProviderImpl);
-  (0, _defineProperty2["default"])(this, "logger", (0, _logger.createLogger)({
-    prefix: 'FcrUIAbilityProviderImpl'
-  }));
-  /**
-   * 检查当前平台是否支持获取房间详情
-   */
-  (0, _defineProperty2["default"])(this, "isRoomDetailSupported", function () {
-    var result = _this._abilityControl.isAbilitySupported(_type.FcrAbility.RoomDetail);
-    return result;
-  });
-  /**
-   * 检查指定平台是否支持特定能力
-   * @param platform 目标平台
-   */
-  (0, _defineProperty2["default"])(this, "isHostSupportedByPlatform", function (platform) {
-    var result = _this._abilityControl.isPlatformAbilitySupported(platform, _type.FcrAbility.RoleHost);
-    return result;
-  });
-  /**
-   * 检查当前平台是否支持指定能力
-   */
-  (0, _defineProperty2["default"])(this, "isLiveSupported", function () {
-    var result = _this._abilityControl.isAbilitySupported(_type.FcrAbility.Live);
-    return result;
-  });
-  /**
-   * 检查当前平台是否支持指定能力
-   */
-  (0, _defineProperty2["default"])(this, "isInterpreterSupported", function () {
-    var result = _this._abilityControl.isAbilitySupported(_type.FcrAbility.Interpreter);
-    return result;
-  });
-  /**
-   * 检查当前平台是否支持批注
-   */
-  (0, _defineProperty2["default"])(this, "isAnnotationSupported", function () {
-    var result = _this._abilityControl.isAbilitySupported(_type.FcrAbility.Annotation);
-    return result;
-  });
-  this._abilityControl = _abilityControl;
-  // @ts-ignore
-  window._abilityProvider = this;
-});
-(0, _base.registerDependency)('abilityProvider');
+var FcrUIAbilityProviderImpl = exports.FcrUIAbilityProviderImpl = /*#__PURE__*/function () {
+  function FcrUIAbilityProviderImpl(_abilityControl) {
+    var _this = this;
+    (0, _classCallCheck2["default"])(this, FcrUIAbilityProviderImpl);
+    (0, _defineProperty2["default"])(this, "logger", (0, _logger.createLogger)({
+      prefix: 'FcrUIAbilityProviderImpl'
+    }));
+    /**
+     * 检查当前平台是否支持获取房间详情
+     */
+    (0, _defineProperty2["default"])(this, "isRoomDetailSupported", function () {
+      var result = _this._abilityControl.isAbilitySupported(_type.FcrAbility.RoomDetail);
+      return result;
+    });
+    /**
+     * 检查指定平台是否支持特定能力
+     * @param platform 目标平台
+     */
+    (0, _defineProperty2["default"])(this, "isHostSupportedByPlatform", function (platform) {
+      var result = _this._abilityControl.isPlatformAbilitySupported(platform, _type.FcrAbility.RoleHost);
+      return result;
+    });
+    /**
+     * 检查当前平台是否支持指定能力
+     */
+    (0, _defineProperty2["default"])(this, "isLiveSupported", function () {
+      var result = _this._abilityControl.isAbilitySupported(_type.FcrAbility.Live);
+      return result;
+    });
+    /**
+     * 检查当前平台是否支持指定能力
+     */
+    (0, _defineProperty2["default"])(this, "isInterpreterSupported", function () {
+      var result = _this._abilityControl.isAbilitySupported(_type.FcrAbility.Interpreter);
+      return result;
+    });
+    /**
+     * 检查当前平台是否支持批注
+     */
+    (0, _defineProperty2["default"])(this, "isAnnotationSupported", function () {
+      var result = _this._abilityControl.isAbilitySupported(_type.FcrAbility.Annotation);
+      return result;
+    });
+    this._abilityControl = _abilityControl;
+  }
+  return (0, _createClass2["default"])(FcrUIAbilityProviderImpl, [{
+    key: "release",
+    value: function release() {}
+  }]);
+}();

package/lib/providers/annotation/provider.d.ts

@@ -0,0 +1,15 @@
+import { FcrUIManagedObject } from '../../object-manager';
+import { FcrUIAnnotationObserver, FcrUIAnnotationProvider } from './type';
+export declare class FcrUIAnnotationProviderImpl implements FcrUIManagedObject, FcrUIAnnotationProvider {
+    private _observable;
+    addObserver(observer: FcrUIAnnotationObserver): void;
+    removeObserver(observer: FcrUIAnnotationObserver): void;
+    startAnnotation(): Promise<void>;
+    stopAnnotation(): Promise<void>;
+    selectTool(): Promise<void>;
+    clear(): Promise<void>;
+    undo(): Promise<void>;
+    redo(): Promise<void>;
+    getBoardDom(): HTMLElement | null;
+    release(): void;
+}

package/lib/providers/annotation/provider.js

@@ -0,0 +1,69 @@
+"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.FcrUIAnnotationProviderImpl = void 0;
+require("core-js/modules/es.object.to-string.js");
+require("core-js/modules/es.promise.js");
+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 _imports = require("fcr-core/lib/imports");
+var FcrUIAnnotationProviderImpl = exports.FcrUIAnnotationProviderImpl = /*#__PURE__*/function () {
+  function FcrUIAnnotationProviderImpl() {
+    (0, _classCallCheck2["default"])(this, FcrUIAnnotationProviderImpl);
+    (0, _defineProperty2["default"])(this, "_observable", new _imports.AgoraObservable());
+  }
+  return (0, _createClass2["default"])(FcrUIAnnotationProviderImpl, [{
+    key: "addObserver",
+    value: function addObserver(observer) {
+      this._observable.addObserver(observer);
+    }
+  }, {
+    key: "removeObserver",
+    value: function removeObserver(observer) {
+      this._observable.removeObserver(observer);
+    }
+  }, {
+    key: "startAnnotation",
+    value: function startAnnotation() {
+      return Promise.resolve();
+    }
+  }, {
+    key: "stopAnnotation",
+    value: function stopAnnotation() {
+      return Promise.resolve();
+    }
+  }, {
+    key: "selectTool",
+    value: function selectTool() {
+      return Promise.resolve();
+    }
+  }, {
+    key: "clear",
+    value: function clear() {
+      return Promise.resolve();
+    }
+  }, {
+    key: "undo",
+    value: function undo() {
+      return Promise.resolve();
+    }
+  }, {
+    key: "redo",
+    value: function redo() {
+      return Promise.resolve();
+    }
+  }, {
+    key: "getBoardDom",
+    value: function getBoardDom() {
+      return null;
+    }
+  }, {
+    key: "release",
+    value: function release() {}
+  }]);
+}();

package/lib/providers/annotation/type.d.ts

@@ -0,0 +1,60 @@
+export interface FcrUIAnnotationObserver {
+    /**
+     * 标注开始
+     */
+    onAnnotationStarted?: () => void;
+    /**
+     * 标注停止
+     */
+    onAnnotationStopped?: () => void;
+    /**
+     * 白板已准备好挂载
+     * @param boardDom
+     */
+    onBoardReady?: (boardDom: HTMLElement) => void;
+    /**
+     * 白板错误
+     * @param error
+     */
+    onBoardError?: (error: string) => void;
+}
+export interface FcrUIAnnotationProvider {
+    /**
+     * 开始标注
+     */
+    startAnnotation(): Promise<void>;
+    /**
+     * 停止标注
+     */
+    stopAnnotation(): Promise<void>;
+    /**
+     * 选择工具
+     */
+    selectTool(): Promise<void>;
+    /**
+     * 清除画布
+     */
+    clear(): Promise<void>;
+    /**
+     * 撤销
+     */
+    undo(): Promise<void>;
+    /**
+     * 重做
+     */
+    redo(): Promise<void>;
+    /**
+     * 获取白板dom
+     */
+    getBoardDom(): HTMLElement | null;
+    /**
+     *
+     * @param observer
+     */
+    addObserver(observer: FcrUIAnnotationObserver): void;
+    /**
+     *
+     * @param observer
+     */
+    removeObserver(observer: FcrUIAnnotationObserver): void;
+}

package/lib/providers/annotation/type.js

@@ -0,0 +1,6 @@
+"use strict";
+
+require("core-js/modules/es.object.define-property.js");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/lib/providers/app-list-provider.d.ts

@@ -1,12 +1,13 @@
-import { DeviceSettingDialogConfig } from '../modules/setting/store';
 import { FcrUIWebWidgetConfig } from '../type';
-import { FcrUIDialogProvider } from './dialog-provider';
 import { FcrUIEventProvider } from './event-provider';
 import { FcrUIWidgetProvider } from './widget-provider';
-import { AppItemProps } from '../modules/action-bar/types';
-import { FcrUISharedApplistSourceImpl } from '../shared-data-source/app-list-data';
+import { AppItemProps } from '../modules/action-bar/type';
+import { FcrUISharedApplistSourceImpl } from '../shared-data/app-list-data';
 import { FcrIconType } from 'agora-ui-foundation/lib/components/icon/type';
 import { FcrLiveStreamingState } from 'fcr-core/lib/type';
+import { FcrUIManagedObject } from '../object-manager';
+import { FcrUIDialogProvider } from './dialog/type';
+import { DeviceSettingDialogConfig } from '../modules/setting/type';
 export declare enum FcrUIApplistItemType {
     INTERPRETER = 0,
     LIVE_STREAMING = 1,
@@ -31,7 +32,7 @@ export interface FcrUIApplistProvider {
     addObserver(observer: FcrUIApplistObserver): void;
     removeObserver(observer: FcrUIApplistObserver): void;
 }
-export declare class FcrUIApplistProviderImpl implements FcrUIApplistProvider {
+export declare class FcrUIApplistProviderImpl implements FcrUIApplistProvider, FcrUIManagedObject {
     private _dialogProvider;
     private _eventProvider;
     private _widgetProvider;
@@ -45,7 +46,6 @@ export declare class FcrUIApplistProviderImpl implements FcrUIApplistProvider {
     get hasStartLiveStreamingPermission(): boolean;
     get widgetConfigs(): FcrUIWebWidgetConfig[];
     get appItemOptions(): AppItemProps[];
-    private _notifyClick;
     openDeviceSettingDialog(arg: Partial<DeviceSettingDialogConfig>): void;
     openInterpreterDialog(): void;
     openLiveStreamingDialog(): void;
@@ -95,4 +95,6 @@ export declare class FcrUIApplistProviderImpl implements FcrUIApplistProvider {
     }[];
     addObserver(observer: FcrUIApplistObserver): void;
     removeObserver(observer: FcrUIApplistObserver): void;
+    release(): void;
+    private _notifyClick;
 }

package/lib/providers/app-list-provider.js

@@ -53,14 +53,13 @@ var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/cl
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _mobx = require("mobx");
-var _store = require("../modules/setting/store");
 var _type = require("../type");
 var _constant = require("../utilities/constant");
-var _base = require("../base");
 var _decorator = require("agora-foundation/lib/decorator");
 var _type2 = require("agora-ui-foundation/lib/components/icon/type");
 var _type3 = require("fcr-core/lib/type");
 var _imports = require("fcr-core/lib/imports");
+var _type4 = require("../modules/setting/type");
 var _FcrUIApplistProviderImpl;
 var _initProto, _clickWidgetDecs, _ref;
 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)]; } }; }
@@ -121,27 +120,20 @@ var FcrUIApplistProviderImpl = exports.FcrUIApplistProviderImpl = /*#__PURE__*/f
       });
       return appItems;
     }
-  }, {
-    key: "_notifyClick",
-    value: function _notifyClick(clickFn, type) {
-      clickFn();
-      this._observable.notifyObservers('onApplistItemClick', type);
-    }
   }, {
     key: "openDeviceSettingDialog",
     value: function openDeviceSettingDialog(arg) {
-      this._dialogProvider.openDeviceSettingDialog(arg);
+      this._dialogProvider.openDialog(_constant.FcrUIDialogKey.SETTINGS, arg);
     }
   }, {
     key: "openInterpreterDialog",
     value: function openInterpreterDialog() {
-      this._eventProvider.sendEvent(_constant.FcrUIAction.OPEN_INTERPRETER_DIALOG);
+      this._dialogProvider.openDialog(_constant.FcrUIDialogKey.INTERPRETER);
     }
   }, {
     key: "openLiveStreamingDialog",
     value: function openLiveStreamingDialog() {
       this._dialogProvider.openDialog(_constant.FcrUIDialogKey.LIVE_STREAMING);
-      this._eventProvider.sendEvent(_constant.FcrUIAction.TOGGLE_LAYOUT_BAR_LOCK, true);
     }
   }, {
     key: "clickWidget",
@@ -202,7 +194,7 @@ var FcrUIApplistProviderImpl = exports.FcrUIApplistProviderImpl = /*#__PURE__*/f
         onClick: function onClick() {
           return _this3._notifyClick(function () {
             return _this3.openDeviceSettingDialog({
-              activeTab: _store.DeviceSettingTab.VIDEO,
+              activeTab: _type4.DeviceSettingTab.VIDEO,
               videoActiveTab: 'virtual-background'
             });
           }, FcrUIApplistItemType.BEAUTY_BACKGROUND);
@@ -243,9 +235,19 @@ var FcrUIApplistProviderImpl = exports.FcrUIApplistProviderImpl = /*#__PURE__*/f
     value: function removeObserver(observer) {
       this._observable.removeObserver(observer);
     }
+  }, {
+    key: "release",
+    value: function release() {}
+  }, {
+    key: "_notifyClick",
+    value: function _notifyClick(clickFn, type) {
+      clickFn();
+      this._observable.notifyObservers('onApplistItemClick', type);
+    }
   }]);
 }();
 _FcrUIApplistProviderImpl = FcrUIApplistProviderImpl;
-var _applyDecs$e = (0, _slicedToArray2["default"])(_applyDecs(_FcrUIApplistProviderImpl, [[_mobx.computed, 3, "appItemOptions"], [_decorator.bound, 2, "_notifyClick"], [_decorator.bound, 2, "openDeviceSettingDialog"], [_decorator.bound, 2, "openInterpreterDialog"], [_decorator.bound, 2, "openLiveStreamingDialog"], [_clickWidgetDecs, 18, "clickWidget"], [_mobx.computed, 3, "interpreterProps"], [_mobx.computed, 3, "liveStreamingProps"], [_mobx.computed, 3, "beautyBackgroundProps"], [_mobx.computed, 3, "widgetListProps"], [_decorator.bound, 2, "addObserver"], [_decorator.bound, 2, "removeObserver"]], []).e, 1);
-_initProto = _applyDecs$e[0];
-(0, _base.registerDependency)('applistProvider');
+var _applyDecs$e = _applyDecs(_FcrUIApplistProviderImpl, [[_mobx.computed, 3, "appItemOptions"], [_decorator.bound, 2, "openDeviceSettingDialog"], [_decorator.bound, 2, "openInterpreterDialog"], [_decorator.bound, 2, "openLiveStreamingDialog"], [_clickWidgetDecs, 18, "clickWidget"], [_mobx.computed, 3, "interpreterProps"], [_mobx.computed, 3, "liveStreamingProps"], [_mobx.computed, 3, "beautyBackgroundProps"], [_mobx.computed, 3, "widgetListProps"], [_decorator.bound, 2, "_notifyClick"]], []).e;
+var _applyDecs$e2 = (0, _slicedToArray2["default"])(_applyDecs$e, 1);
+_initProto = _applyDecs$e2[0];
+_applyDecs$e;

package/lib/providers/board-share/bar-control/base.d.ts

@@ -0,0 +1,47 @@
+import { FcrImageData } from 'fcr-core/lib/imports';
+import { FcrBoardToolType, FcrBoardShape } from 'fcr-core/lib/room-control/whiteboard-control/enums';
+import { FcrConnectionState, FcrUserInfo } from 'fcr-core/lib/type';
+import { FcrToolbarState } from '../../../modules/components/toolbar/types';
+import { FcrUIMainWindowRendererObserver, WhiteboardToolAction } from '../../../modules/secondary-window/type';
+import { WhiteboardThemeType } from '../../../modules/whiteboard/type';
+import { FcrUIPrivilegeProvider } from '../../../providers/privilege-provider';
+import { FcrUIBoardBarControl } from '../type';
+import { FcrPrivilegedWhiteboardControl } from 'fcr-core/lib/room-control/whiteboard-control-v2/whiteboard-control/type';
+export declare abstract class FcrUIBoardControlShareProviderBase implements FcrUIBoardBarControl {
+    private readonly _privilegeProvider;
+    private readonly _boardControl;
+    protected logger: import("agora-foundation/lib/logger").Logger;
+    private _showLoading;
+    private _roomName;
+    private get _boardMainRoom();
+    accessor currentTheme: Required<WhiteboardThemeType>;
+    accessor sharingUserInfo: FcrUserInfo | undefined;
+    accessor backgroundColor: string;
+    accessor hasWriteBoardPermission: boolean;
+    accessor connectionState: FcrConnectionState;
+    accessor joinSuccess: boolean;
+    accessor toolbarState: FcrToolbarState;
+    abstract get toolbarStateObserver(): FcrUIMainWindowRendererObserver;
+    get showLoading(): boolean;
+    get canWriteBoard(): boolean;
+    constructor(_privilegeProvider: FcrUIPrivilegeProvider, _boardControl: FcrPrivilegedWhiteboardControl);
+    setControlEnable(enable: boolean): void;
+    setSharingUser(userInfo: FcrUserInfo): void;
+    setBackgroundColor(color: string): void;
+    setWhiteboardTool(tool: {
+        action: WhiteboardToolAction;
+        tool: FcrBoardToolType | FcrBoardShape | string | number;
+    }): void;
+    setTheme(theme: WhiteboardThemeType): void;
+    setShowLoading(show: boolean): void;
+    setCommonColors(colors: string[]): void;
+    saveDraft(): void;
+    setProgress(progress: number): void;
+    setJoinSuccess(success: boolean): void;
+    abstract inActive(): void;
+    release(): void;
+    abstract setIsDualDisplayMode(isDualDisplayMode: boolean): void;
+    resetWhiteboardTool(): void;
+    setRoomName(roomName: string): void;
+    protected _handleDraftSaved(image: FcrImageData): void;
+}