fcr-ui-scene 3.4.1 → 3.4.2

package/lib/modules/chat/index.dev.js

@@ -1,73 +1,72 @@
-"use strict";
+// import { ChatUIModule } from '.';
+// import ReactDOM from 'react-dom';
+// import { hot } from 'react-hot-loader/root';
+// import { useEffect } from 'react';
+// import { DemoWrapper } from './demo-wrapper';
+// import { FcrUIEventStore } from '../../common/event-control';
+// import { FcrSecurityStore } from '../../common/security-store';
+// import { FcrRoomStore } from '../../common/room-control';
+// import { FcrUISceneConfig } from '../../type';
+// import { FcrDeviceStore } from '../../common/device-store';
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
-var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
-var _ = require(".");
-var _reactDom = _interopRequireDefault(require("react-dom"));
-var _root = require("react-hot-loader/root");
-var _react = require("react");
-var _demoWrapper = require("./demo-wrapper");
-var _eventStore = require("../../common/event-store");
-var _securityStore = require("../../common/security-store");
-var _roomStore = require("../../common/room-store");
-var _deviceStore = require("../../common/device-store");
-var _jsxRuntime = require("react/jsx-runtime");
-var App = (0, _root.hot)(function () {
-  return null;
-});
-_reactDom["default"].render(/*#__PURE__*/(0, _jsxRuntime.jsx)(App, {}), document.querySelector('#root'));
-window.__DEV_ENGINE_IS_READY__.then(/*#__PURE__*/(0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee() {
-  var engine, roomId, roomControl, uiEventStore, deviceStore, securityStore, uiModule, App;
-  return _regenerator["default"].wrap(function _callee$(_context) {
-    while (1) switch (_context.prev = _context.next) {
-      case 0:
-        engine = window.__DEV_ENGINE__;
-        roomId = window.__DEV_ROOM_ID__; // TODO: dev 环境需要 login
-        // await engine.login();
-        roomControl = engine.createMainRoomControl(roomId);
-        uiEventStore = new _eventStore.FcrUIEventStore();
-        deviceStore = new _deviceStore.FcrDeviceStore(engine.getDesktopMediaControl(), uiEventStore);
-        securityStore = new _securityStore.FcrSecurityStore(roomControl.getPrivilegeControl(), roomControl.getUserControl(), roomControl.getStreamControl(), uiEventStore); // TODO: dev 环境需要 join
-        // await roomControl.join({
-        //   userRole: FcrUserRole.HOST,
-        //   userName: 'zxq-test' + Math.random() * 1000,
-        //   streamLatency: FcrStreamLatencyLevel.ULTRA_LOW,
-        //   createStreamConfigs: [],
-        // });
-        uiModule = new _.ChatUIModule({
-          mediaControl: engine.getDesktopMediaControl(),
-          roomControl: roomControl,
-          securityStore: securityStore,
-          deviceStore: deviceStore,
-          uiEventStore: uiEventStore,
-          roomStore: new _roomStore.FcrRoomStore(uiEventStore, deviceStore, {}, engine),
-          streamControl: roomControl.getStreamControl(),
-          userControl: roomControl.getUserControl(),
-          privilegeControl: roomControl.getPrivilegeControl(),
-          chatRoomControl: roomControl.getChatRoomControl(),
-          engine: null,
-          remoteVideoRenderManager: null,
-          config: null,
-          parameters: null,
-          deviceStreamStore: null
-        });
-        App = (0, _root.hot)(function () {
-          (0, _react.useEffect)(function () {
-            return function () {
-              uiModule.onUnload();
-              roomControl.leave();
-              engine.logout();
-            };
-          }, []);
-          return /*#__PURE__*/(0, _jsxRuntime.jsx)(_demoWrapper.DemoWrapper, {
-            children: uiModule.getComponent()
-          });
-        });
-        _reactDom["default"].render(/*#__PURE__*/(0, _jsxRuntime.jsx)(App, {}), document.querySelector('#root'));
-      case 9:
-      case "end":
-        return _context.stop();
-    }
-  }, _callee);
-})));
+// const App = hot(() => null);
+
+// ReactDOM.render(<App />, document.querySelector('#root')!);
+
+// window.__DEV_ENGINE_IS_READY__.then(async () => {
+//   const engine = window.__DEV_ENGINE__;
+//   const roomId = window.__DEV_ROOM_ID__;
+
+//   // await engine.login();
+
+//   const roomControl = engine.createMainRoomControl(roomId);
+
+//   const uiEventStore = new FcrUIEventStore();
+//   const deviceStore = new FcrDeviceStore(engine.getDesktopMediaControl(), uiEventStore);
+//   const securityStore = new FcrSecurityStore(
+//     roomControl.getPrivilegeControl(),
+//     roomControl.getUserControl(),
+//     roomControl.getStreamControl(),
+//     uiEventStore,
+//   );
+
+//   // await roomControl.join({
+//   //   userRole: FcrUserRole.HOST,
+//   //   userName: 'zxq-test' + Math.random() * 1000,
+//   //   streamLatency: FcrStreamLatencyLevel.ULTRA_LOW,
+//   //   createStreamConfigs: [],
+//   // });
+
+//   const uiModule = new ChatUIModule({
+//     mediaControl: engine.getDesktopMediaControl(),
+//     roomControl,
+//     securityStore,
+//     deviceStore,
+//     uiEventStore,
+//     roomStore: new FcrRoomStore(uiEventStore, deviceStore, {} as FcrUISceneConfig, engine),
+//     streamControl: roomControl.getStreamControl(),
+//     userControl: roomControl.getUserControl(),
+//     privilegeControl: roomControl.getPrivilegeControl(),
+//     chatRoomControl: roomControl.getChatRoomControl(),
+//     engine: null as any,
+//     remoteVideoRenderManager: null as any,
+//     config: null as any,
+//     parameters: null as any,
+//     deviceStreamStore: null as any,
+//   });
+
+//   const App = hot(() => {
+//     useEffect(
+//       () => () => {
+//         uiModule.onUnload();
+//         roomControl.leave();
+//         engine.logout();
+//       },
+//       [],
+//     );
+//     return <DemoWrapper>{uiModule.getComponent()}</DemoWrapper>;
+//   });
+
+//   ReactDOM.render(<App />, document.querySelector('#root')!);
+// });
+"use strict";

package/lib/modules/chat/index.js

@@ -50,6 +50,7 @@ Object.defineProperty(exports, "CHAT_WRAPPER_CLASS", {
 exports.ChatUIModule = void 0;
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
 require("core-js/modules/es.error.to-string.js");
+require("core-js/modules/es.array.concat.js");
 require("core-js/modules/es.date.to-string.js");
 require("core-js/modules/es.function.bind.js");
 require("core-js/modules/es.object.to-string.js");
@@ -65,13 +66,15 @@ var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _base = require("../../base");
 require("./index.css");
-var _chat = require("./chat");
+var _view = require("./view");
 var _decorator = require("agora-foundation/lib/decorator");
 var _store = _interopRequireWildcard(require("./store"));
 var _messageTextarea = require("agora-ui-foundation/lib/components/message-textarea");
 var _chatWrapper = require("agora-ui-foundation/lib/components/chat-wrapper");
 var _type = require("fcr-core/lib/room-control/chatroom-control/type");
 var _i18n = require("agora-ui-foundation/lib/i18n");
+var _type2 = require("fcr-core/lib/room-control/type");
+var _chatAction = require("./components/chat-action");
 var _jsxRuntime = require("react/jsx-runtime");
 var _ChatUIModule;
 var _initProto;
@@ -85,21 +88,47 @@ function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e
 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 ChatUIModule = exports.ChatUIModule = /*#__PURE__*/function (_UIModule) {
-  function ChatUIModule(args) {
-    var _args$roomControl$get;
+  function ChatUIModule() {
     var _this;
     (0, _classCallCheck2["default"])(this, ChatUIModule);
-    _this = _callSuper(this, ChatUIModule);
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+    _this = _callSuper(this, ChatUIModule, [].concat(args));
     (0, _defineProperty2["default"])(_this, "_store", void _initProto(_this));
-    _this._store = new _store["default"](args);
-    _this.sendMessage = _this.sendMessage.bind(_this);
-    _this.updateReadMsgIndex = _this.updateReadMsgIndex.bind(_this);
-    var userId = (_args$roomControl$get = args.roomControl.getUserControl()) === null || _args$roomControl$get === void 0 || (_args$roomControl$get = _args$roomControl$get.getLocalUser()) === null || _args$roomControl$get === void 0 ? void 0 : _args$roomControl$get.userId;
-    _this._uid = userId !== null && userId !== void 0 ? userId : 'test' + Math.random().toString(36).substr(2);
     return _this;
   }
   (0, _inherits2["default"])(ChatUIModule, _UIModule);
   return (0, _createClass2["default"])(ChatUIModule, [{
+    key: "onNodeWillActive",
+    value: function onNodeWillActive() {
+      var _this$currentRoomCont, _this$currentRoomCont2, _this$currentRoomCont3, _roomControl$getRoomI, _this$mainRoomControl, _this$waitingRoomCont, _this$mainRoomControl2, _roomControl$getUserC;
+      var userControl = (_this$currentRoomCont = this.currentRoomControlProvider) === null || _this$currentRoomCont === void 0 || (_this$currentRoomCont = _this$currentRoomCont.currentRoomControl) === null || _this$currentRoomCont === void 0 ? void 0 : _this$currentRoomCont.getUserControl();
+      var chatRoomControl = (_this$currentRoomCont2 = this.currentRoomControlProvider) === null || _this$currentRoomCont2 === void 0 || (_this$currentRoomCont2 = _this$currentRoomCont2.currentRoomControl) === null || _this$currentRoomCont2 === void 0 ? void 0 : _this$currentRoomCont2.getChatRoomControl();
+      var roomControl = (_this$currentRoomCont3 = this.currentRoomControlProvider) === null || _this$currentRoomCont3 === void 0 ? void 0 : _this$currentRoomCont3.currentRoomControl;
+      this._store = new _store["default"]({
+        roomControl: roomControl,
+        uiEventStore: this.eventProvider,
+        securityStore: ((_roomControl$getRoomI = roomControl.getRoomInfo()) === null || _roomControl$getRoomI === void 0 ? void 0 : _roomControl$getRoomI.roomType) === _type2.FcrRoomType.Mainroom ? (_this$mainRoomControl = this.mainRoomControlProvider) === null || _this$mainRoomControl === void 0 ? void 0 : _this$mainRoomControl.privilegeProvider : (_this$waitingRoomCont = this.waitingRoomControlProvider) === null || _this$waitingRoomCont === void 0 ? void 0 : _this$waitingRoomCont.privilegeProvider,
+        userControl: userControl,
+        chatRoomControl: chatRoomControl,
+        mainRoomControl: (_this$mainRoomControl2 = this.mainRoomControlProvider) === null || _this$mainRoomControl2 === void 0 ? void 0 : _this$mainRoomControl2.mainRoomControl,
+        waitingRoomControlProvider: this.waitingRoomControlProvider,
+        roomProvider: this.roomProvider,
+        chatProvider: this.chatProvider
+      });
+      this.sendMessage = this.sendMessage.bind(this);
+      this.updateReadMsgIndex = this.updateReadMsgIndex.bind(this);
+      var userId = (_roomControl$getUserC = roomControl.getUserControl()) === null || _roomControl$getUserC === void 0 || (_roomControl$getUserC = _roomControl$getUserC.getLocalUser()) === null || _roomControl$getUserC === void 0 ? void 0 : _roomControl$getUserC.userId;
+      this._uid = userId !== null && userId !== void 0 ? userId : 'test' + Math.random().toString(36).substr(2);
+    }
+  }, {
+    key: "onNodeWillInactive",
+    value: function onNodeWillInactive() {
+      var _this$_store;
+      (_this$_store = this._store) === null || _this$_store === void 0 || _this$_store.release();
+    }
+  }, {
     key: "getComponent",
     value: function getComponent(params) {
       var _this2 = this;
@@ -108,7 +137,7 @@ var ChatUIModule = exports.ChatUIModule = /*#__PURE__*/function (_UIModule) {
         singling = _ref$singling === void 0 ? false : _ref$singling;
       return /*#__PURE__*/(0, _jsxRuntime.jsx)(_store.StoreContext.Provider, {
         value: this._store,
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_chat.Chat, {
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_view.Chat, {
           updateReadIndex: this.updateReadMsgIndex,
           sendMsg: function sendMsg(msg) {
             _this2.sendMessage(msg, _type.FcrChatRoomMessageType.Text);
@@ -130,27 +159,27 @@ var ChatUIModule = exports.ChatUIModule = /*#__PURE__*/function (_UIModule) {
     value: function getActionsComponent() {
       return /*#__PURE__*/(0, _jsxRuntime.jsx)(_store.StoreContext.Provider, {
         value: this._store,
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_chat.ChatAction, {})
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_chatAction.ChatAction, {})
       });
     }
   }, {
     key: "sendMessage",
     value: function () {
       var _sendMessage = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee(msg, type) {
-        var _this$_store$chatRoom, _this$_store$chatRoom2, _reason;
+        var _chatRoomStores$activ, _chatRoomStores$activ2, _reason;
         return _regenerator["default"].wrap(function _callee$(_context) {
           while (1) switch (_context.prev = _context.next) {
             case 0:
               _context.prev = 0;
               _context.next = 3;
-              return (_this$_store$chatRoom = this._store.chatRoomStores[this._store.activeTabIndex]) === null || _this$_store$chatRoom === void 0 ? void 0 : _this$_store$chatRoom.sendMessage(msg, type);
+              return (_chatRoomStores$activ = this._store.chatRoomStores[this._store.activeTabIndex]) === null || _chatRoomStores$activ === void 0 ? void 0 : _chatRoomStores$activ.sendMessage(msg, type);
             case 3:
               _context.next = 8;
               break;
             case 5:
               _context.prev = 5;
               _context.t0 = _context["catch"](0);
-              (_this$_store$chatRoom2 = this._store.chatRoomStores[this._store.activeTabIndex]) === null || _this$_store$chatRoom2 === void 0 || _this$_store$chatRoom2.handleToast({
+              (_chatRoomStores$activ2 = this._store.chatRoomStores[this._store.activeTabIndex]) === null || _chatRoomStores$activ2 === void 0 || _chatRoomStores$activ2.handleToast({
                 id: 'send-msg',
                 toastProps: {
                   content: (_reason = _context.t0.reason) !== null && _reason !== void 0 ? _reason : (0, _i18n.transI18n)('fmt_chat_tips_Networkconnect'),
@@ -173,11 +202,11 @@ var ChatUIModule = exports.ChatUIModule = /*#__PURE__*/function (_UIModule) {
     key: "updateReadMsgIndex",
     value: function () {
       var _updateReadMsgIndex = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee2(data) {
-        var _this$_store$chatRoom3;
+        var _chatRoomStores$activ3;
         return _regenerator["default"].wrap(function _callee2$(_context2) {
           while (1) switch (_context2.prev = _context2.next) {
             case 0:
-              (_this$_store$chatRoom3 = this._store.chatRoomStores[this._store.activeTabIndex]) === null || _this$_store$chatRoom3 === void 0 || _this$_store$chatRoom3.updateReadMsgIndex(data);
+              (_chatRoomStores$activ3 = this._store.chatRoomStores[this._store.activeTabIndex]) === null || _chatRoomStores$activ3 === void 0 || _chatRoomStores$activ3.updateReadMsgIndex(data);
             case 1:
             case "end":
               return _context2.stop();
@@ -189,12 +218,6 @@ var ChatUIModule = exports.ChatUIModule = /*#__PURE__*/function (_UIModule) {
       }
       return updateReadMsgIndex;
     }()
-  }, {
-    key: "onUnload",
-    value: function onUnload() {
-      var _this$_store$chatRoom4;
-      (_this$_store$chatRoom4 = this._store.chatRoomStores[this._store.activeTabIndex]) === null || _this$_store$chatRoom4 === void 0 || _this$_store$chatRoom4.release();
-    }
   }]);
 }(_base.UIModule);
 _ChatUIModule = ChatUIModule;

package/lib/modules/chat/message-list.js

@@ -61,6 +61,7 @@ var _textBubble = require("agora-ui-foundation/lib/components/text-bubble");
 var _latestButton = require("agora-ui-foundation/lib/components/latest-button");
 var _store = require("./store");
 var _i18n = require("agora-ui-foundation/lib/i18n");
+var _contex = require("./contex");
 var _mobxReact = require("mobx-react");
 var _throttle = _interopRequireDefault(require("lodash/throttle"));
 var _multiSelect = require("agora-ui-foundation/lib/components/multi-select");
@@ -69,7 +70,6 @@ var _classnames = _interopRequireDefault(require("classnames"));
 var _copyText = require("../../utilities/copyText");
 var _platform = require("../../utilities/platform");
 var _env = require("agora-foundation/lib/utilities/env");
-var _fcr_defaultpage = _interopRequireDefault(require("../../../public/assets/fcr_defaultpage.png"));
 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; }
@@ -94,43 +94,40 @@ var MessageList = exports.MessageList = (0, _mobxReact.observer)(function (_ref)
     selectCnt = _ref.selectCnt,
     copyTips = _ref.copyTips;
   var t = (0, _i18n.useI18n)();
-  var _useContext = (0, _react.useContext)(_store.StoreContext),
-    chatRoomStores = _useContext.chatRoomStores,
-    activeTabIndex = _useContext.activeTabIndex;
-  var _ref2 = chatRoomStores[activeTabIndex],
-    storeMsgs = _ref2.messageList,
-    readMsgIndex = _ref2.readMsgIndex,
-    needCbBottomCount = _ref2.needCbBottomCount,
-    list = _ref2.list,
-    mostRecentHeight = _ref2.mostRecentHeight,
-    mostRecentWidth = _ref2.mostRecentWidth,
-    cache = _ref2.cache,
-    scrollHeight = _ref2.scrollHeight,
-    scrollTop = _ref2.scrollTop,
-    clientHeight = _ref2.clientHeight,
-    firstMsgId = _ref2.firstMsgId,
-    readIdx = _ref2.readIdx,
-    viewIdx = _ref2.viewIdx,
-    historyUnReadCount = _ref2.historyUnreadCount,
-    hasHistoryMsg = _ref2.hasHistoryMsg,
-    newMsgsUnReadCnt = _ref2.newMsgsUnReadCnt,
-    isHost = _ref2.isHost,
-    isCohost = _ref2.isCohost,
-    initReadInfo = _ref2.initReadInfo,
-    updateScrollInfo = _ref2.updateScrollInfo,
-    updateHasHistoryMsg = _ref2.updateHasHistoryMsg,
-    updateHistoryCnt = _ref2.updateHistoryUnreadCnt,
-    updateViewIdx = _ref2.updateViewIdx,
-    updateReadIdx = _ref2.updateReadIdx,
-    updateFirstMsgId = _ref2.updateFirstMsgId,
-    updateHistoryUnReadCount = _ref2.updateHistoryUnReadCount,
-    updateList = _ref2.updateList,
-    updateMostRecentHeight = _ref2.updateMostRecentHeight,
-    updateMostRecentWidth = _ref2.updateMostRecentWidth,
-    forceNotifyMsgs = _ref2.forceNotifyMsgs,
-    permitPrivateChat = _ref2.permitPrivateChat,
-    lastScrollTop = _ref2.lastScrollTop,
-    setLastScrollTop = _ref2.setLastScrollTop;
+  var _useContext = (0, _react.useContext)(_contex.StoreContext),
+    storeMsgs = _useContext.messageList,
+    readMsgIndex = _useContext.readMsgIndex,
+    needCbBottomCount = _useContext.needCbBottomCount,
+    list = _useContext.list,
+    mostRecentHeight = _useContext.mostRecentHeight,
+    mostRecentWidth = _useContext.mostRecentWidth,
+    cache = _useContext.cache,
+    scrollHeight = _useContext.scrollHeight,
+    scrollTop = _useContext.scrollTop,
+    clientHeight = _useContext.clientHeight,
+    firstMsgId = _useContext.firstMsgId,
+    readIdx = _useContext.readIdx,
+    viewIdx = _useContext.viewIdx,
+    historyUnReadCount = _useContext.historyUnreadCount,
+    hasHistoryMsg = _useContext.hasHistoryMsg,
+    newMsgsUnReadCnt = _useContext.newMsgsUnReadCnt,
+    isHost = _useContext.isHost,
+    isCohost = _useContext.isCohost,
+    initReadInfo = _useContext.initReadInfo,
+    updateScrollInfo = _useContext.updateScrollInfo,
+    updateHasHistoryMsg = _useContext.updateHasHistoryMsg,
+    updateHistoryCnt = _useContext.updateHistoryUnreadCnt,
+    updateViewIdx = _useContext.updateViewIdx,
+    updateReadIdx = _useContext.updateReadIdx,
+    updateFirstMsgId = _useContext.updateFirstMsgId,
+    updateHistoryUnReadCount = _useContext.updateHistoryUnReadCount,
+    updateList = _useContext.updateList,
+    updateMostRecentHeight = _useContext.updateMostRecentHeight,
+    updateMostRecentWidth = _useContext.updateMostRecentWidth,
+    forceNotifyMsgs = _useContext.forceNotifyMsgs,
+    permitPrivateChat = _useContext.permitPrivateChat,
+    lastScrollTop = _useContext.lastScrollTop,
+    setLastScrollTop = _useContext.setLastScrollTop;
   var _useState = (0, _react.useState)(storeMsgs !== null && storeMsgs !== void 0 ? storeMsgs : []),
     _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
     messageList = _useState2[0],
@@ -210,7 +207,7 @@ var MessageList = exports.MessageList = (0, _mobxReact.observer)(function (_ref)
     scrollToIdx(viewIdx);
   }, [newMsgsUnReadCnt]);
   var handleCopyMsg = /*#__PURE__*/function () {
-    var _ref3 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee(msg, time, publisherNickName, targetNickname) {
+    var _ref2 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee(msg, time, publisherNickName, targetNickname) {
       var msgHandled;
       return _regenerator["default"].wrap(function _callee$(_context) {
         while (1) switch (_context.prev = _context.next) {
@@ -227,7 +224,7 @@ var MessageList = exports.MessageList = (0, _mobxReact.observer)(function (_ref)
       }, _callee);
     }));
     return function handleCopyMsg(_x, _x2, _x3, _x4) {
-      return _ref3.apply(this, arguments);
+      return _ref2.apply(this, arguments);
     };
   }();
   var handleSelectMsg = function handleSelectMsg(idx, checked) {
@@ -248,12 +245,12 @@ var MessageList = exports.MessageList = (0, _mobxReact.observer)(function (_ref)
     // list?.scrollToPosition(_scrollTop);
   };
   var rowRenderer = function rowRenderer(messageList) {
-    return function (_ref4) {
+    return function (_ref3) {
       var _arr, _arr2, _arr3, _arr4, _datum$img;
-      var index = _ref4.index,
-        key = _ref4.key,
-        parent = _ref4.parent,
-        style = _ref4.style;
+      var index = _ref3.index,
+        key = _ref3.key,
+        parent = _ref3.parent,
+        style = _ref3.style;
       var datum = messageList[index % messageList.length];
       var publisherRole = datum.role,
         time = datum.time,
@@ -298,9 +295,7 @@ var MessageList = exports.MessageList = (0, _mobxReact.observer)(function (_ref)
               marginRight: 15,
               marginLeft: multiSelectActive ? 8 : 15,
               alignItems: 'flex-start'
-            }), {}, {
-              pointerEvents: 'all'
-            }, index === 0 ? {
+            }), index === 0 ? {
               paddingTop: 10
             } : {}),
             id: String(idx),
@@ -313,7 +308,6 @@ var MessageList = exports.MessageList = (0, _mobxReact.observer)(function (_ref)
                 marginBottom: 16
               }
             }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_textBubble.TextBubble, {
-              classnames: "fcr-line-system-message",
               txt: "".concat((0, _util.handleChatLevelChangedSystemMsg)(t, chatLevel, publisherRole, publisherNickName, publisherIsSelf)),
               marginBottom: 15
             }) : /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
@@ -385,7 +379,7 @@ var MessageList = exports.MessageList = (0, _mobxReact.observer)(function (_ref)
                       width: 'auto'
                     },
                     onCopy: (/*#__PURE__*/function () {
-                      var _ref5 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee2(type) {
+                      var _ref4 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee2(type) {
                         var currentScrollTop;
                         return _regenerator["default"].wrap(function _callee2$(_context2) {
                           while (1) switch (_context2.prev = _context2.next) {
@@ -416,7 +410,7 @@ var MessageList = exports.MessageList = (0, _mobxReact.observer)(function (_ref)
                         }, _callee2);
                       }));
                       return function (_x5) {
-                        return _ref5.apply(this, arguments);
+                        return _ref4.apply(this, arguments);
                       };
                     }()),
                     onPrivate: function onPrivate() {
@@ -582,24 +576,13 @@ var MessageList = exports.MessageList = (0, _mobxReact.observer)(function (_ref)
       styles: {
         zIndex: 999
       }
-    }) : null, messageList.length === 0 ? /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-      className: "fcr-no-data-chat",
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
-        style: {
-          width: 138,
-          height: 100
-        },
-        src: _fcr_defaultpage["default"]
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-        children: t('fmt_chat_tips_nodata')
-      })]
-    }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactVirtualized.AutoSizer, {
+    }) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactVirtualized.AutoSizer, {
       style: {
         alignSelf: 'stretch'
       },
-      children: function children(_ref6) {
-        var height = _ref6.height,
-          width = _ref6.width;
+      children: function children(_ref5) {
+        var height = _ref5.height,
+          width = _ref5.width;
         if (height !== mostRecentHeight || width !== mostRecentWidth) {
           cache.clearAll();
           if (list) {
@@ -609,8 +592,8 @@ var MessageList = exports.MessageList = (0, _mobxReact.observer)(function (_ref)
         updateMostRecentHeight(height);
         updateMostRecentWidth(width);
         return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactVirtualized.List, {
-          ref: function ref(_ref7) {
-            updateList(_ref7);
+          ref: function ref(_ref6) {
+            updateList(_ref6);
           },
           style: {
             padding: 'inherit',

package/lib/modules/chat/mock.d.ts

@@ -1,2 +1,2 @@
-import { MsgListType } from './store';
+import { MsgListType } from './types';
 export declare const messages: MsgListType[];