fcr-ui-scene 3.4.5 → 3.5.0

package/lib/modules/chat/components/message-list/message-item/index.js

@@ -0,0 +1,307 @@
+"use strict";
+
+require("core-js/modules/es.symbol.js");
+require("core-js/modules/es.array.filter.js");
+require("core-js/modules/es.array.for-each.js");
+require("core-js/modules/es.array.push.js");
+require("core-js/modules/es.object.define-properties.js");
+require("core-js/modules/es.object.define-property.js");
+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.iterator.constructor.js");
+require("core-js/modules/esnext.iterator.filter.js");
+require("core-js/modules/esnext.iterator.for-each.js");
+require("core-js/modules/web.dom-collections.for-each.js");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+require("core-js/modules/es.array.concat.js");
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+var _messageLabel = require("agora-ui-foundation/lib/components/message-label");
+var _textBubble = require("agora-ui-foundation/lib/components/text-bubble");
+var _i18n = require("agora-ui-foundation/lib/i18n");
+var _mobxReact = require("mobx-react");
+var _types = require("../../../types");
+var _classnames = _interopRequireDefault(require("classnames"));
+var _multiSelectCheckbox = require("agora-ui-foundation/lib/components/multi-select-checkbox");
+var _messageBubble = require("agora-ui-foundation/lib/components/message-bubble");
+var _react = require("react");
+var _store = require("../../../store");
+var _avatar = require("agora-ui-foundation/lib/components/avatar");
+var _multiSelect = require("agora-ui-foundation/lib/components/multi-select");
+var _reactVirtualized = require("react-virtualized");
+var _util = require("../../../util");
+var _copyText = require("../../../../../utilities/copyText");
+var _jsxRuntime = require("react/jsx-runtime");
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _default = exports["default"] = (0, _mobxReact.observer)(function (props) {
+  var _copyMap$size, _arr, _arr2, _arr3, _arr4;
+  var _useContext = (0, _react.useContext)(_store.StoreContext),
+    chatRoomStores = _useContext.chatRoomStores,
+    activeTabIndex = _useContext.activeTabIndex,
+    copyMap = _useContext.copyMap,
+    handleSelectMsg = _useContext.handleSelectMsg;
+  var messageContainerRef = (0, _react.useRef)(null);
+  var messageItemRef = (0, _react.useRef)(null);
+  var _ref = chatRoomStores[activeTabIndex],
+    messageList = _ref.messageList,
+    list = _ref.list,
+    cache = _ref.cache,
+    needRecomputeRowIdMap = _ref.needRecomputeRowIdMap,
+    viewIdx = _ref.viewIdx,
+    setLastScrollTop = _ref.setLastScrollTop,
+    permitPrivateChat = _ref.permitPrivateChat,
+    handleToast = _ref.handleToast;
+  var datum = props.messageItem,
+    index = props.index,
+    localUserId = props.localUserId,
+    key = props.key,
+    parent = props.parent,
+    style = props.style,
+    multiSelectActive = props.multiSelectActive,
+    setMultiSelectActive = props.setMultiSelectActive,
+    scrollToIdx = props.scrollToIdx;
+  var t = (0, _i18n.useI18n)();
+  var publisherRole = datum.role,
+    time = datum.time,
+    _datum$msg = datum.msg,
+    msg = _datum$msg === void 0 ? '' : _datum$msg,
+    color = datum.color,
+    publisherNickName = datum.nickName,
+    publisherUid = datum.uid,
+    isPrivate = datum.isPrivate,
+    targetNickname = datum.target,
+    chatLevel = datum.chatLevel;
+  var arr = messageList;
+  var idx = index;
+  var systemMsg = datum.systemMsg;
+  var publisherIsSelf = publisherUid === localUserId;
+  var checked = (copyMap === null || copyMap === void 0 ? void 0 : copyMap.get(idx)) || false;
+  var checkDisabled = ((_copyMap$size = copyMap.size) !== null && _copyMap$size !== void 0 ? _copyMap$size : 0) >= _multiSelect.MAX_SELECT_CNT && !checked;
+  var needLabel = ((_arr = arr[idx - 1]) === null || _arr === void 0 ? void 0 : _arr.uid) !== publisherUid || ((_arr2 = arr[idx - 1]) === null || _arr2 === void 0 ? void 0 : _arr2.isPrivate) !== isPrivate || ((_arr3 = arr[idx - 1]) === null || _arr3 === void 0 ? void 0 : _arr3.role) !== publisherRole || ((_arr4 = arr[idx - 1]) === null || _arr4 === void 0 ? void 0 : _arr4.target) !== targetNickname;
+  if (needLabel) {
+    needRecomputeRowIdMap.set(datum.id, idx);
+  }
+  var isManager = publisherRole === 'host' || publisherRole === 'union-host';
+  var isFile = datum !== null && datum !== void 0 && datum.img ? true : false;
+  (0, _react.useEffect)(function () {
+    // 标点符号特殊处理
+    // 如果是自己发的消息 由于有flex-end 如果标点符号大于1行, 则设置为100% （不然没法换行）
+    // 如果不是自己发的消息，每条都设置为100%
+    if (messageContainerRef.current && messageItemRef.current) {
+      var messageContainerWidth = messageContainerRef.current.offsetWidth;
+      var messageItemWidth = messageItemRef.current.offsetWidth;
+      if (publisherIsSelf) {
+        if (messageItemWidth > messageContainerWidth) {
+          messageItemRef.current.style.width = '100%';
+          // 由于动态计算了宽度，导致高度不对，所以需要重新计算高度
+          cache.clear(idx, 0);
+          list === null || list === void 0 || list.recomputeRowHeights(idx);
+        }
+      } else {
+        messageItemRef.current.style.width = '100%';
+        var childElement = messageItemRef.current.firstElementChild;
+        if (childElement) {
+          // 消息不是本人发的 有头像 如果长度大于父容器需要减去34px
+          if (childElement.offsetWidth > messageContainerWidth - 34) {
+            childElement.style.width = 'calc(100% - 34px)';
+            // 由于动态计算了宽度，导致高度不对，所以需要重新计算高度
+            cache.clear(idx, 0);
+            list === null || list === void 0 || list.recomputeRowHeights(idx);
+          }
+        }
+      }
+    }
+  }, []);
+  var handleCopyMsg = /*#__PURE__*/function () {
+    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) {
+          case 0:
+            msgHandled = (0, _i18n.getLanguage)() === 'zh' ? "".concat(publisherNickName, "\u5BF9").concat(targetNickname, "\u8BF4(").concat(time, ")\n").concat(msg) : "".concat(publisherNickName, " said to ").concat(targetNickname, "(").concat(time, ")\n").concat(msg);
+            _context.next = 3;
+            return (0, _copyText.copyText)(msgHandled);
+          case 3:
+            handleToast({
+              id: 'copy-multi-msg',
+              toastProps: {
+                type: 'normal',
+                content: t('fmt_statusbar_status_coppied'),
+                size: 'small'
+              }
+            });
+          case 4:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee);
+    }));
+    return function handleCopyMsg(_x, _x2, _x3, _x4) {
+      return _ref2.apply(this, arguments);
+    };
+  }();
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactVirtualized.CellMeasurer, {
+    cache: cache,
+    columnIndex: 0,
+    rowIndex: index,
+    parent: parent,
+    children: function children() {
+      var _arr5;
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        ref: messageContainerRef,
+        style: _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, style), {}, {
+          display: 'flex',
+          flexDirection: 'column'
+        }, systemMsg ? {
+          width: '100%'
+        } : {
+          width: 'auto'
+        }), systemMsg ? {} : publisherIsSelf ? {
+          marginRight: 15,
+          marginLeft: multiSelectActive ? 8 : 25,
+          alignItems: 'flex-end',
+          right: 0
+        } : {
+          marginRight: 15,
+          marginLeft: multiSelectActive ? 8 : 15,
+          alignItems: 'flex-start',
+          right: 0
+        }), {}, {
+          pointerEvents: 'all'
+        }, index === 0 ? {
+          paddingTop: 10
+        } : {}),
+        id: String(idx),
+        children: systemMsg ? publisherRole === 'system' ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_textBubble.TextBubble, {
+          txt: (0, _util.handleMessageTime)(time),
+          type: "transparent",
+          bold: true,
+          lineHeight: "small",
+          styles: {
+            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, {
+          children: [needLabel && /*#__PURE__*/(0, _jsxRuntime.jsx)(_messageLabel.MessageLabel, {
+            handleClickPrivateChat: function handleClickPrivateChat() {
+              permitPrivateChat(publisherUid);
+            },
+            styles: {
+              marginLeft: publisherUid !== localUserId && multiSelectActive ? 24 : 0,
+              marginTop: index === 0 ? 0 : 15
+            },
+            color: color,
+            time: (0, _util.handleMessageTime)(time),
+            publisher: publisherNickName,
+            avatar: publisherUid !== localUserId ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_avatar.FcrAvatar, {
+              size: 24,
+              textSize: 24,
+              nickName: publisherNickName
+            }) : null,
+            publisherIsSelf: publisherIsSelf,
+            targetIsSelf: isPrivate,
+            target: targetNickname || _types.ALL_TO_USER.userName,
+            isPrivate: isPrivate,
+            tag: isManager ? /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+              className: (0, _classnames["default"])('fcr-msg-tag', {
+                'fcr-msg-tag--union': publisherRole === 'union-host'
+              }),
+              children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+                children: publisherRole === 'host' ? t('fmt_role_host') : t('fmt_role_cohost')
+              })
+            }) : null
+          }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+            className: "fcr-line-message",
+            style: {
+              display: 'flex',
+              alignItems: 'center',
+              justifyContent: publisherIsSelf ? multiSelectActive ? 'space-between' : 'flex-end' : 'flex-start',
+              flexDirection: 'row',
+              width: '100%'
+            },
+            children: [multiSelectActive && !systemMsg && /*#__PURE__*/(0, _jsxRuntime.jsx)(_multiSelectCheckbox.MultiSelectCheckbox, {
+              self: publisherIsSelf,
+              checked: checked,
+              nextMsgBelongSameUser: ((_arr5 = arr[idx + 1]) === null || _arr5 === void 0 ? void 0 : _arr5.uid) === publisherUid,
+              checkDisabled: checkDisabled || isFile,
+              onChange: function onChange(checked) {
+                if (checkDisabled) return;
+                handleSelectMsg(idx, checked);
+              }
+            }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+              onClick: function onClick() {
+                if (!multiSelectActive || checkDisabled) {
+                  return;
+                }
+                var newChecked = !checked;
+                handleSelectMsg(idx, newChecked);
+              },
+              ref: messageItemRef,
+              children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_messageBubble.MessageBubble, {
+                file: datum === null || datum === void 0 ? void 0 : datum.img,
+                msg: msg,
+                role: publisherRole,
+                isSelf: publisherIsSelf
+                // 消息间间距
+                ,
+                marginBottom: 'small',
+                styles: {
+                  marginLeft: publisherUid !== localUserId && !multiSelectActive ? 34 : 0
+                },
+                onCopy: (/*#__PURE__*/function () {
+                  var _ref3 = (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) {
+                        case 0:
+                          if (!(type === 'singling')) {
+                            _context2.next = 5;
+                            break;
+                          }
+                          _context2.next = 3;
+                          return handleCopyMsg(msg, (0, _util.handleMessageTime)(time), publisherIsSelf && isPrivate ? t('fmt_settings_labels_you') : publisherNickName, // 你
+                          targetNickname !== null && targetNickname !== void 0 ? targetNickname : _types.ALL_TO_USER.userName);
+                        case 3:
+                          _context2.next = 6;
+                          break;
+                        case 5:
+                          if (type === 'multiple') {
+                            currentScrollTop = list === null || list === void 0 ? void 0 : list.getOffsetForRow({
+                              index: idx
+                            });
+                            scrollToIdx(viewIdx);
+                            setLastScrollTop(currentScrollTop);
+                            setMultiSelectActive && setMultiSelectActive(true);
+                          }
+                        case 6:
+                        case "end":
+                          return _context2.stop();
+                      }
+                    }, _callee2);
+                  }));
+                  return function (_x5) {
+                    return _ref3.apply(this, arguments);
+                  };
+                }()),
+                onPrivate: function onPrivate() {
+                  permitPrivateChat(publisherUid);
+                }
+              })
+            })]
+          })]
+        })
+      });
+    }
+  }, key);
+});

package/lib/modules/chat/components/message-list/scroll-bottom-button/index.d.ts

@@ -0,0 +1,9 @@
+type IScrollBottomButton = {
+    latestBtnVisible: boolean;
+    scrollToIdx: (idx: number) => void;
+    setLatestBtnVisible: (visible: boolean) => void;
+    scrollIndex: number | undefined;
+    latestBtnVisibleFlagRef: React.MutableRefObject<boolean>;
+};
+declare const _default: (props: IScrollBottomButton) => import("react/jsx-runtime").JSX.Element;
+export default _default;

package/lib/modules/chat/components/message-list/scroll-bottom-button/index.js

@@ -0,0 +1,67 @@
+"use strict";
+
+require("core-js/modules/es.object.define-property.js");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _latestButton = require("agora-ui-foundation/lib/components/latest-button");
+var _mobxReact = require("mobx-react");
+var _react = require("react");
+var _store = require("../../../store");
+var _i18n = require("agora-ui-foundation/lib/i18n");
+var _jsxRuntime = require("react/jsx-runtime");
+var _default = exports["default"] = (0, _mobxReact.observer)(function (props) {
+  var t = (0, _i18n.useI18n)();
+  var _useContext = (0, _react.useContext)(_store.StoreContext),
+    chatRoomStores = _useContext.chatRoomStores,
+    activeTabIndex = _useContext.activeTabIndex;
+  var _ref = chatRoomStores[activeTabIndex],
+    forceNotifyMsgs = _ref.forceNotifyMsgs,
+    messageList = _ref.messageList,
+    readIdx = _ref.readIdx,
+    list = _ref.list,
+    clientHeight = _ref.clientHeight,
+    scrollHeight = _ref.scrollHeight,
+    updateReadMsgIndex = _ref.updateReadMsgIndex,
+    newMsgsUnReadCnt = _ref.newMsgsUnReadCnt;
+  var latestBtnVisible = props.latestBtnVisible,
+    scrollToIdx = props.scrollToIdx,
+    setLatestBtnVisible = props.setLatestBtnVisible,
+    scrollIndex = props.scrollIndex,
+    latestBtnVisibleFlagRef = props.latestBtnVisibleFlagRef;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+    children: latestBtnVisible === true ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_latestButton.LatestButton, {
+      onClick: function onClick() {
+        var _messageList;
+        forceNotifyMsgs();
+        var len = messageList.length;
+
+        // 回到最新消息的第一条
+        if (readIdx === len - 1) {
+          // 没有新消息
+          if (scrollIndex === len - 1) {
+            list === null || list === void 0 || list.scrollToPosition(scrollHeight - clientHeight);
+          } else {
+            scrollToIdx(len - 1);
+          }
+        }
+        setLatestBtnVisible(false);
+        latestBtnVisibleFlagRef.current = false;
+        updateReadMsgIndex && updateReadMsgIndex({
+          index: len - 1,
+          msgId: (_messageList = messageList[len - 1]) === null || _messageList === void 0 ? void 0 : _messageList.id
+        });
+      },
+      txt: "".concat(
+      // readIdx === messageList.length - 1
+      newMsgsUnReadCnt === 0 ? t('fmt_chat_button_latestlocation') // 回到最新位置
+      : t('fmt_chat_tips_newmessage', {
+        reason1: newMsgsUnReadCnt || messageList.length - 1 - readIdx
+      })),
+      styles: {
+        zIndex: 999
+      }
+    }) : null
+  });
+});

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

@@ -0,0 +1,2 @@
+import ChatStore from './store';
+export declare const StoreContext: import("react").Context<ChatStore>;

package/lib/modules/chat/contex.js

@@ -0,0 +1,9 @@
+"use strict";
+
+require("core-js/modules/es.object.define-property.js");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.StoreContext = void 0;
+var _react = require("react");
+var StoreContext = exports.StoreContext = /*#__PURE__*/(0, _react.createContext)(null);

package/lib/modules/chat/demo-wrapper.d.ts

@@ -0,0 +1 @@
+export declare const DemoWrapper: React.FC;

package/lib/modules/chat/demo-wrapper.js

@@ -0,0 +1,42 @@
+"use strict";
+
+require("core-js/modules/es.object.define-property.js");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DemoWrapper = void 0;
+var _jsxRuntime = require("react/jsx-runtime");
+var DemoWrapper = exports.DemoWrapper = function DemoWrapper(_ref) {
+  var children = _ref.children;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    style: {
+      display: 'flex',
+      width: '100%',
+      height: '100%',
+      justifyContent: 'center',
+      alignItems: 'center',
+      padding: 20
+    },
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      style: {
+        background: 'aliceblue',
+        marginTop: 160,
+        height: '100%',
+        width: '100%',
+        display: 'flex',
+        alignItems: 'center',
+        justifyContent: 'center'
+      },
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        style: {
+          marginTop: 20,
+          marginBottom: 50,
+          display: 'flex',
+          height: 500,
+          width: 340
+        },
+        children: children
+      })
+    })
+  });
+};

package/lib/modules/chat/index.css

@@ -74,3 +74,12 @@
   margin-left: 15px;
   width: 100%;
 }
+
+.fcr-line-message .fcr-message-bubble span {
+  display: block;
+  overflow-wrap: break-word;
+}
+
+.fcr-line-message-container {
+  width: 100%;
+}

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

@@ -5,6 +5,9 @@ import { FcrChatRoomFile, FcrChatRoomMessageType } from 'fcr-core/lib/room-contr
 import { FcrUICurrentRoomControlProvider, FcrUIMainRoomControlProvider, FcrUIRoomProvider, FcrUIWaitingRoomControlProvider } from '../../providers/room-provider';
 import { FcrUIEventProvider } from '../../providers/event-provider';
 import { FcrUIChatProvider } from '../../providers/chat-provider';
+import { FcrUISharedLayoutDataSource } from '../../shared-data-source/layout-data';
+import { FcrUISharedWaitingRoomDataSource } from '../../shared-data-source/waiting-room';
+import { FcrUISharedChatDataSource } from '../../shared-data-source/chat-data';
 export { CHAT_WRAPPER_CLASS };
 export declare class ChatUIModule extends UIModule {
     private _store?;
@@ -15,6 +18,9 @@ export declare class ChatUIModule extends UIModule {
     waitingRoomControlProvider?: FcrUIWaitingRoomControlProvider;
     roomProvider?: FcrUIRoomProvider;
     chatProvider?: FcrUIChatProvider;
+    sharedLayoutDataSource?: FcrUISharedLayoutDataSource;
+    sharedWaitingRoomDataSource?: FcrUISharedWaitingRoomDataSource;
+    sharedChatDataSource?: FcrUISharedChatDataSource;
     onNodeWillActive(): void;
     onNodeWillInactive(): void;
     getComponent(params?: {

package/lib/modules/chat/index.js

@@ -115,7 +115,10 @@ var ChatUIModule = exports.ChatUIModule = /*#__PURE__*/function (_UIModule) {
         mainRoomControl: (_this$mainRoomControl2 = this.mainRoomControlProvider) === null || _this$mainRoomControl2 === void 0 ? void 0 : _this$mainRoomControl2.mainRoomControl,
         waitingRoomControlProvider: this.waitingRoomControlProvider,
         roomProvider: this.roomProvider,
-        chatProvider: this.chatProvider
+        chatProvider: this.chatProvider,
+        sharedLayoutDataSource: this.sharedLayoutDataSource,
+        sharedWaitingRoomDataSource: this.sharedWaitingRoomDataSource,
+        sharedChatDataSource: this.sharedChatDataSource
       });
       this.sendMessage = this.sendMessage.bind(this);
       this.updateReadMsgIndex = this.updateReadMsgIndex.bind(this);

package/lib/modules/chat/message-list.d.ts

@@ -0,0 +1,22 @@
+import React, { CSSProperties } from 'react';
+import './index.css';
+export interface MessageListProps {
+    styles?: CSSProperties;
+    onCopy?: (msgInfo: {
+        msg: string;
+        time: string;
+        sender: number;
+    }) => void;
+    updateReadMsgIndex?: (data?: {
+        index: number;
+        msgId: string;
+    }) => void;
+    userId?: string;
+    setMultiSelectActive?: (active: boolean) => void;
+    multiSelectActive?: boolean;
+    copyMap?: Map<number, boolean>;
+    setCopyMap?: (copyMap: Map<number, boolean>) => void;
+    selectCnt?: number;
+    copyTips?: () => void;
+}
+export declare const MessageList: ({ styles, updateReadMsgIndex, userId: localUserId, setMultiSelectActive, multiSelectActive, copyMap, setCopyMap, selectCnt, copyTips, }: React.PropsWithChildren<MessageListProps>) => import("react/jsx-runtime").JSX.Element;