fcr-ui-scene 3.6.3 → 3.6.4-rc.1

package/lib/modules/whiteboard/components/toolbar/components/extra-tool-picker.js

@@ -18,7 +18,7 @@ require("core-js/modules/es.array.map.js");
 require("core-js/modules/es.date.to-string.js");
 require("core-js/modules/es.object.to-string.js");
 require("core-js/modules/es.regexp.to-string.js");
-require("core-js/modules/esnext.async-iterator.map.js");
+require("core-js/modules/esnext.iterator.constructor.js");
 require("core-js/modules/esnext.iterator.map.js");
 var _mobxReact = require("mobx-react");
 var _hooks = require("../hooks");
@@ -28,8 +28,7 @@ var _type = require("agora-ui-foundation/lib/components/icon/type");
 var _store = require("../store");
 var _expansion = require("./expansion");
 var _jsxRuntime = require("react/jsx-runtime");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 var AdditionToolPickerItem = exports.AdditionToolPickerItem = (0, _mobxReact.observer)(function () {
   var _useContext = (0, _react.useContext)(_store.ToolbarContext),
     toolbarDockPosition = _useContext.observables.toolbarDockPosition;

package/lib/modules/whiteboard/components/toolbar/components/move-handle.js

@@ -10,8 +10,6 @@ require("core-js/modules/es.object.get-own-property-descriptor.js");
 require("core-js/modules/es.object.get-own-property-descriptors.js");
 require("core-js/modules/es.object.keys.js");
 require("core-js/modules/es.object.to-string.js");
-require("core-js/modules/esnext.async-iterator.filter.js");
-require("core-js/modules/esnext.async-iterator.for-each.js");
 require("core-js/modules/esnext.iterator.constructor.js");
 require("core-js/modules/esnext.iterator.filter.js");
 require("core-js/modules/esnext.iterator.for-each.js");

package/lib/modules/whiteboard/components/toolbar/components/pen-picker.js

@@ -7,8 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.PenPickerItem = void 0;
 require("core-js/modules/es.array.map.js");
-require("core-js/modules/esnext.async-iterator.map.js");
-require("core-js/modules/esnext.iterator.map.js");
+require("core-js/modules/es.object.to-string.js");
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = require("react");

package/lib/modules/whiteboard/components/toolbar/components/shape-picker.js

@@ -8,9 +8,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.ShapePickerItem = void 0;
 require("core-js/modules/es.array.includes.js");
 require("core-js/modules/es.array.map.js");
-require("core-js/modules/es.string.includes.js");
-require("core-js/modules/esnext.async-iterator.map.js");
-require("core-js/modules/esnext.iterator.map.js");
+require("core-js/modules/es.object.to-string.js");
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = require("react");

package/lib/modules/whiteboard/components/toolbar/hooks/index.js

@@ -11,8 +11,6 @@ require("core-js/modules/es.array.filter.js");
 require("core-js/modules/es.array.map.js");
 require("core-js/modules/es.array.reverse.js");
 require("core-js/modules/es.object.to-string.js");
-require("core-js/modules/esnext.async-iterator.filter.js");
-require("core-js/modules/esnext.async-iterator.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");
@@ -349,8 +347,8 @@ var useAnnotationVisibleTools = exports.useAnnotationVisibleTools = function use
   // },
   {
     renderItem: function renderItem() {
-      var _ref10 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
-        offset = _ref10.offset;
+      var _ref0 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
+        offset = _ref0.offset;
       return /*#__PURE__*/(0, _jsxRuntime.jsx)(_eraserPicker.EraserPickerItem, {
         offset: offset
       });

package/lib/modules/whiteboard/components/toolbar/index.js

@@ -11,7 +11,7 @@ require("core-js/modules/es.array.map.js");
 require("core-js/modules/es.date.to-string.js");
 require("core-js/modules/es.object.to-string.js");
 require("core-js/modules/es.regexp.to-string.js");
-require("core-js/modules/esnext.async-iterator.map.js");
+require("core-js/modules/esnext.iterator.constructor.js");
 require("core-js/modules/esnext.iterator.map.js");
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _mobxReact = require("mobx-react");

package/lib/modules/whiteboard/components/toolbar/store.js

@@ -165,16 +165,17 @@ var ToolbarStore = exports.ToolbarStore = /*#__PURE__*/function () {
     key: "_onUiEvent",
     value: function () {
       var _onUiEvent2 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee(event, params) {
-        return _regenerator["default"].wrap(function _callee$(_context) {
+        var _t;
+        return _regenerator["default"].wrap(function (_context) {
           while (1) switch (_context.prev = _context.next) {
             case 0:
-              _context.t0 = event;
-              _context.next = _context.t0 === _constant.FcrUIAction.RESET_WHITEBOARD_TOOLBAR_VARS ? 3 : 5;
+              _t = event;
+              _context.next = _t === _constant.FcrUIAction.RESET_WHITEBOARD_TOOLBAR_VARS ? 1 : 2;
               break;
-            case 3:
+            case 1:
               this.resetToolbarVars();
-              return _context.abrupt("break", 5);
-            case 5:
+              return _context.abrupt("continue", 2);
+            case 2:
             case "end":
               return _context.stop();
           }
@@ -410,13 +411,13 @@ var ToolbarStore = exports.ToolbarStore = /*#__PURE__*/function () {
       var _getSnapshotImage2 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee2() {
         var _this5 = this;
         var mainWindow, progress, imageData;
-        return _regenerator["default"].wrap(function _callee2$(_context2) {
+        return _regenerator["default"].wrap(function (_context2) {
           while (1) switch (_context2.prev = _context2.next) {
             case 0:
               this.observables.progress = 0;
               mainWindow = this.boardMainWindow;
               if (!mainWindow) {
-                _context2.next = 8;
+                _context2.next = 2;
                 break;
               }
               progress = setInterval(function () {
@@ -426,9 +427,9 @@ var ToolbarStore = exports.ToolbarStore = /*#__PURE__*/function () {
                   clearInterval(progress);
                 }
               }, 4);
-              _context2.next = 6;
+              _context2.next = 1;
               return mainWindow.getSnapshotImage();
-            case 6:
+            case 1:
               imageData = _context2.sent;
               (0, _mobx.runInAction)(function () {
                 setTimeout(function () {
@@ -444,7 +445,7 @@ var ToolbarStore = exports.ToolbarStore = /*#__PURE__*/function () {
                   // });
                 }, 400);
               });
-            case 8:
+            case 2:
             case "end":
               return _context2.stop();
           }

package/lib/modules/whiteboard/index.js

@@ -18,7 +18,6 @@ require("core-js/modules/es.object.get-own-property-descriptor.js");
 require("core-js/modules/es.object.get-own-property-descriptors.js");
 require("core-js/modules/es.object.keys.js");
 require("core-js/modules/es.reflect.construct.js");
-require("core-js/modules/esnext.async-iterator.filter.js");
 require("core-js/modules/esnext.function.metadata.js");
 require("core-js/modules/esnext.iterator.filter.js");
 require("core-js/modules/esnext.map.delete-all.js");
@@ -57,9 +56,6 @@ require("core-js/modules/es.set.js");
 require("core-js/modules/es.string.includes.js");
 require("core-js/modules/es.string.iterator.js");
 require("core-js/modules/es.weak-map.js");
-require("core-js/modules/esnext.async-iterator.find.js");
-require("core-js/modules/esnext.async-iterator.for-each.js");
-require("core-js/modules/esnext.async-iterator.some.js");
 require("core-js/modules/esnext.iterator.constructor.js");
 require("core-js/modules/esnext.iterator.find.js");
 require("core-js/modules/esnext.iterator.for-each.js");
@@ -180,7 +176,7 @@ var FcrWhiteboardUIModule = exports.FcrWhiteboardUIModule = /*#__PURE__*/functio
       onConnectionStateUpdated: function () {
         var _onConnectionStateUpdated = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee(state) {
           var _this$_whiteboardCont, _this$_whiteboardCont2, mainWindow, isActive, ownerUserId, _this$_userControl, ownerUser;
-          return _regenerator["default"].wrap(function _callee$(_context) {
+          return _regenerator["default"].wrap(function (_context) {
             while (1) switch (_context.prev = _context.next) {
               case 0:
                 _this.logger.info('Fcr board connection state changed to', state);
@@ -208,7 +204,7 @@ var FcrWhiteboardUIModule = exports.FcrWhiteboardUIModule = /*#__PURE__*/functio
                   _this._boardMainWindow = mainWindow;
                   _this.mount();
                 }
-              case 4:
+              case 1:
               case "end":
                 return _context.stop();
             }

package/lib/modules/whiteboard/style.css

@@ -136,3 +136,15 @@
   width: 100%;
   height: 100%;
 } */
+
+.whiteboard-action-prevent {
+  width: 100%;
+  height: 100%;
+  position: absolute;
+  left: 0px;
+  top: 0px;
+  z-index: 100;
+  cursor:
+    url('data:image/svg+xml,%3Csvg width="18" height="18" viewBox="0 0  " fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cg clip-path="url(%23clip0_71146_163811)"%3E%3Cg filter="url(%23filter0_d_71146_163811)"%3E%3Cpath fill-rule="evenodd" clip-rule="evenodd" d="M4.95701 14.2575L1.05431 2.41514C0.867777 1.84912 1.1772 1.23963 1.74543 1.05381C1.96805 0.981012 2.20837 0.982105 2.43032 1.05693L14.264 5.04624C14.8305 5.23722 15.1343 5.84949 14.9426 6.4138C14.8422 6.70924 14.6183 6.94694 14.3288 7.0656L9.3004 9.12601C9.08832 9.21291 8.92123 9.38255 8.83806 9.59543L6.99502 14.3123C6.77809 14.8675 6.15043 15.1423 5.59309 14.9263C5.29135 14.8093 5.058 14.5639 4.95701 14.2575Z" fill="%234262FF"/%3E%3Cpath fill-rule="evenodd" clip-rule="evenodd" d="M4.95701 14.2575L1.05431 2.41514C0.867777 1.84912 1.1772 1.23963 1.74543 1.05381C1.96805 0.981012 2.20837 0.982105 2.43032 1.05693L14.264 5.04624C14.8305 5.23722 15.1343 5.84949 14.9426 6.4138C14.8422 6.70924 14.6183 6.94694 14.3288 7.0656L9.3004 9.12601C9.08832 9.21291 8.92123 9.38255 8.83806 9.59543L6.99502 14.3123C6.77809 14.8675 6.15043 15.1423 5.59309 14.9263C5.29135 14.8093 5.058 14.5639 4.95701 14.2575Z" stroke="white" stroke-linecap="round" stroke-linejoin="round"/%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3Cfilter id="filter0_d_71146_163811" x="-2.5" y="-1.5" width="23" height="23" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"%3E%3CfeFlood flood-opacity="0" result="BackgroundImageFix"/%3E%3CfeColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/%3E%3CfeOffset dx="1" dy="2"/%3E%3CfeGaussianBlur stdDeviation="2"/%3E%3CfeComposite in2="hardAlpha" operator="out"/%3E%3CfeColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.14 0"/%3E%3CfeBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_71146_163811"/%3E%3CfeBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_71146_163811" result="shape"/%3E%3C/filter%3E%3CclipPath id="clip0_71146_163811"%3E%3Crect width="18" height="18" fill="white"/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E'),
+    auto;
+}

package/lib/modules/whiteboard/view.js

@@ -52,6 +52,8 @@ var Whiteboard = exports.Whiteboard = (0, _mobxReact.observer)(function () {
     }), canOperate && showToolbar && writeEnabled && /*#__PURE__*/(0, _jsxRuntime.jsx)(_toolbar.Toolbar, {}), loading && /*#__PURE__*/(0, _jsxRuntime.jsx)(_loading.Loading, {}), progress > 0 && progress < 100 && /*#__PURE__*/(0, _jsxRuntime.jsx)(_progress["default"], {
       title: "".concat(transI18n('fmt_screenshare_whiteboard_tips_downloading'), "..."),
       progress: progress
+    }), (!canOperate || !showToolbar || !writeEnabled) && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: "whiteboard-action-prevent"
     })]
   });
 });

package/lib/modules/widget/index.js

@@ -60,8 +60,7 @@ var _store = _interopRequireWildcard(require("./store"));
 var _jsxRuntime = require("react/jsx-runtime");
 var _WebWidgetUIModule;
 var _initProto;
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2["default"])(o), (0, _possibleConstructorReturn2["default"])(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2["default"])(t).constructor) : o.apply(t, e)); }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 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)]; } }; }

package/lib/modules/widget/web-widget.js

@@ -161,7 +161,7 @@ var FcrUIWebWidgetImpl = exports.FcrUIWebWidgetImpl = /*#__PURE__*/function () {
     key: "fetchUserList",
     value: function () {
       var _fetchUserList = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee(params) {
-        return _regenerator["default"].wrap(function _callee$(_context) {
+        return _regenerator["default"].wrap(function (_context) {
           while (1) switch (_context.prev = _context.next) {
             case 0:
               return _context.abrupt("return", this._userControl.fetchUserList(params));

package/lib/plugins/browser-runtime-plugin.js

@@ -61,7 +61,7 @@ if (!window.runtime) {
     },
     checkMediaPermission: function () {
       var _checkMediaPermission = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee(mediaType) {
-        return _regenerator["default"].wrap(function _callee$(_context) {
+        return _regenerator["default"].wrap(function (_context) {
           while (1) switch (_context.prev = _context.next) {
             case 0:
               return _context.abrupt("return", true);

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

@@ -17,11 +17,11 @@ var _fcrCore = require("fcr-core");
 var createRoom = /*#__PURE__*/function () {
   var _ref = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee(roomName) {
     var url, res, json;
-    return _regenerator["default"].wrap(function _callee$(_context) {
+    return _regenerator["default"].wrap(function (_context) {
       while (1) switch (_context.prev = _context.next) {
         case 0:
           url = "http://api-solutions-dev.bj2.agoralab.co/conference/companys/v1/rooms";
-          _context.next = 3;
+          _context.next = 1;
           return fetch(url, {
             headers: {
               'Content-Type': 'application/json'
@@ -36,14 +36,14 @@ var createRoom = /*#__PURE__*/function () {
               roomProperties: {}
             })
           });
-        case 3:
+        case 1:
           res = _context.sent;
-          _context.next = 6;
+          _context.next = 2;
           return res.json();
-        case 6:
+        case 2:
           json = _context.sent;
           return _context.abrupt("return", json.data.roomId);
-        case 8:
+        case 3:
         case "end":
           return _context.stop();
       }
@@ -65,11 +65,11 @@ var createRoom = /*#__PURE__*/function () {
 var getUserToken = /*#__PURE__*/function () {
   var _ref2 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee2(roomId, userId, userName, role) {
     var url, res, json;
-    return _regenerator["default"].wrap(function _callee2$(_context2) {
+    return _regenerator["default"].wrap(function (_context2) {
       while (1) switch (_context2.prev = _context2.next) {
         case 0:
           url = "https://api-solutions-dev.bj2.agoralab.co/conference/companys/v1/rooms";
-          _context2.next = 3;
+          _context2.next = 1;
           return fetch(url, {
             headers: {
               'Content-Type': 'application/json'
@@ -82,17 +82,17 @@ var getUserToken = /*#__PURE__*/function () {
               userName: userName
             })
           });
-        case 3:
+        case 1:
           res = _context2.sent;
-          _context2.next = 6;
+          _context2.next = 2;
           return res.json();
-        case 6:
+        case 2:
           json = _context2.sent;
           return _context2.abrupt("return", {
             token: json.data.token,
             appId: json.data.appId
           });
-        case 8:
+        case 3:
         case "end":
           return _context2.stop();
       }
@@ -107,7 +107,7 @@ 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 _callee3$(_context3) {
+    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) {

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

@@ -1,19 +1,26 @@
 import { FcrAbilityControl } from 'fcr-core/lib/room-control/ability-control/type';
 import { FcrPlatform } from 'fcr-core/lib/type';
 export interface FcrUIAbilityProvider {
+    /**
+     * 检查当前平台是否支持获取房间详情
+     */
     isRoomDetailSupported(): boolean;
     /**
      * 判断指定平台是否支持设置主持人
      * @param platform 目标平台
      */
     isHostSupportedByPlatform(platform: FcrPlatform): boolean;
+    /**
+     * 检查当前平台是否支持批注
+     */
+    isAnnotationSupported(): boolean;
 }
 export declare class FcrUIAbilityProviderImpl implements FcrUIAbilityProvider {
     private _abilityControl;
     protected logger: import("agora-foundation/lib/logger").Logger;
     constructor(_abilityControl: FcrAbilityControl);
     /**
-     * 检查当前平台是否支持指定能力
+     * 检查当前平台是否支持获取房间详情
      */
     isRoomDetailSupported: () => boolean;
     /**
@@ -29,4 +36,8 @@ export declare class FcrUIAbilityProviderImpl implements FcrUIAbilityProvider {
      * 检查当前平台是否支持指定能力
      */
     isInterpreterSupported: () => boolean;
+    /**
+     * 检查当前平台是否支持批注
+     */
+    isAnnotationSupported: () => boolean;
 }

package/lib/providers/ability-provider.js

@@ -19,7 +19,7 @@ var FcrUIAbilityProviderImpl = exports.FcrUIAbilityProviderImpl = /*#__PURE__*/(
     prefix: 'FcrUIAbilityProviderImpl'
   }));
   /**
-   * 检查当前平台是否支持指定能力
+   * 检查当前平台是否支持获取房间详情
    */
   (0, _defineProperty2["default"])(this, "isRoomDetailSupported", function () {
     var result = _this._abilityControl.isAbilitySupported(_type.FcrAbility.RoomDetail);
@@ -47,6 +47,13 @@ var FcrUIAbilityProviderImpl = exports.FcrUIAbilityProviderImpl = /*#__PURE__*/(
     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;
 });
 (0, _base.registerDependency)('abilityProvider');

package/lib/providers/annotation-provider.js

@@ -45,8 +45,6 @@ require("core-js/modules/es.json.stringify.js");
 require("core-js/modules/es.object.to-string.js");
 require("core-js/modules/es.string.iterator.js");
 require("core-js/modules/es.weak-map.js");
-require("core-js/modules/esnext.async-iterator.find.js");
-require("core-js/modules/esnext.async-iterator.for-each.js");
 require("core-js/modules/esnext.iterator.constructor.js");
 require("core-js/modules/esnext.iterator.find.js");
 require("core-js/modules/esnext.iterator.for-each.js");
@@ -112,7 +110,7 @@ var FcrUIAnnotationProviderImpl = exports.FcrUIAnnotationProviderImpl = /*#__PUR
       onConnectionStateUpdated: function () {
         var _onConnectionStateUpdated = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee(state) {
           var _this$_annotationCont, mainWindow;
-          return _regenerator["default"].wrap(function _callee$(_context) {
+          return _regenerator["default"].wrap(function (_context) {
             while (1) switch (_context.prev = _context.next) {
               case 0:
                 if (state === _fcrCore.FcrConnectionState.CONNECTED) {
@@ -267,7 +265,7 @@ var FcrUIAnnotationProviderImpl = exports.FcrUIAnnotationProviderImpl = /*#__PUR
     key: "toggleAnnotation",
     value: function () {
       var _toggleAnnotation = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee2() {
-        return _regenerator["default"].wrap(function _callee2$(_context2) {
+        return _regenerator["default"].wrap(function (_context2) {
           while (1) switch (_context2.prev = _context2.next) {
             case 0:
               if (this.annotating) {
@@ -335,7 +333,7 @@ var FcrUIAnnotationProviderImpl = exports.FcrUIAnnotationProviderImpl = /*#__PUR
       var _setBoundsToAnnotationWindow = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee3(info) {
         var _this2 = this;
         var targetBounds, _ref2, bounds, _getCurrentSharingWor, width, height, x, y, windows, win;
-        return _regenerator["default"].wrap(function _callee3$(_context3) {
+        return _regenerator["default"].wrap(function (_context3) {
           while (1) switch (_context3.prev = _context3.next) {
             case 0:
               targetBounds = null;
@@ -368,7 +366,7 @@ var FcrUIAnnotationProviderImpl = exports.FcrUIAnnotationProviderImpl = /*#__PUR
                 action: _constant.FcrUIRendererEventAction.SET_CURRENT_SHARE_SCREEN_BOUNDS,
                 payload: targetBounds
               });
-            case 4:
+            case 1:
             case "end":
               return _context3.stop();
           }
@@ -402,11 +400,9 @@ var FcrUIAnnotationProviderImpl = exports.FcrUIAnnotationProviderImpl = /*#__PUR
     key: "_initAnnotationTransaction",
     value: function _initAnnotationTransaction(screenShareOwnerId) {
       this._annotationControl = this.getAnnotationControl();
-      if (this._localUser.userId !== screenShareOwnerId) {
-        if (this._annotationControl) {
-          this._annotationControl.addObserver(this._annotationObserver);
-          this._annotationControl.open();
-        }
+      if (this._annotationControl) {
+        this._annotationControl.addObserver(this._annotationObserver);
+        this._annotationControl.open();
       }
     }
   }]);