fcr-ui-scene 3.4.2 → 3.4.4

package/lib/modules/chat/components/chat-tabs/index.js

@@ -0,0 +1,61 @@
+"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["default"] = void 0;
+var _mobxReact = require("mobx-react");
+var _react = require("react");
+var _store = require("../../store");
+var _tabs = require("agora-ui-foundation/lib/components/tabs");
+var _fcr_chat_reddot = _interopRequireDefault(require("../../../../../public/assets/fcr_chat_reddot.svg"));
+var _i18n = require("agora-ui-foundation/lib/i18n");
+var _type = require("../../../../type");
+var _jsxRuntime = require("react/jsx-runtime");
+var _default = exports["default"] = (0, _mobxReact.observer)(function () {
+  var _useContext = (0, _react.useContext)(_store.StoreContext),
+    chatRoomStores = _useContext.chatRoomStores,
+    activeTabIndex = _useContext.activeTabIndex,
+    handlerActiveTab = _useContext.handlerActiveTab;
+  var chatRoomWaitingRoomStore = chatRoomStores[_type.FcrUIRoomType.WAITING_ROOM];
+  var chatRoomMainRoomStore = chatRoomStores[_type.FcrUIRoomType.MAIN_ROOM];
+  var t = (0, _i18n.useI18n)();
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    className: "chat-tabs-container",
+    children: chatRoomWaitingRoomStore && chatRoomMainRoomStore && chatRoomWaitingRoomStore.userCount > 0 ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_tabs.FcrTabs, {
+      items: [{
+        label: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+          className: "chat-container-icon",
+          children: [chatRoomMainRoomStore.unReadMsgCount > 0 && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+            className: "fcr-action-bar-chat-unread-count",
+            children: chatRoomMainRoomStore.unReadMsgCount > 99 ? /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
+              src: _fcr_chat_reddot["default"]
+            }) : chatRoomMainRoomStore.unReadMsgCount
+          }), t('fmt_waitingroom_sidebar_chat_label_meeting', {
+            reason1: chatRoomMainRoomStore.userCount
+          })]
+        }),
+        key: "".concat(_type.FcrUIRoomType.MAIN_ROOM)
+      }, {
+        label: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+          className: "chat-container-icon",
+          children: [chatRoomWaitingRoomStore.unReadMsgCount > 0 && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+            className: "fcr-action-bar-chat-unread-count",
+            children: chatRoomWaitingRoomStore.unReadMsgCount > 99 ? /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
+              src: _fcr_chat_reddot["default"]
+            }) : chatRoomWaitingRoomStore.unReadMsgCount
+          }), t('fmt_waitingroom_sidebar_label_waiting', {
+            reason1: chatRoomWaitingRoomStore.userCount
+          })]
+        }),
+        key: "".concat(_type.FcrUIRoomType.WAITING_ROOM)
+      }],
+      activeKey: "".concat(activeTabIndex),
+      onChange: function onChange(key) {
+        handlerActiveTab(key);
+      }
+    }) : null
+  });
+});

package/lib/modules/chat/components/message-list/chat-empty/index.d.ts

@@ -0,0 +1,2 @@
+declare const _default: () => import("react/jsx-runtime").JSX.Element;
+export default _default;

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

@@ -0,0 +1,26 @@
+"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["default"] = void 0;
+var _i18n = require("agora-ui-foundation/lib/i18n");
+var _fcr_defaultpage = _interopRequireDefault(require("../../../../../../public/assets/fcr_defaultpage.png"));
+var _jsxRuntime = require("react/jsx-runtime");
+var _default = exports["default"] = function _default() {
+  var t = (0, _i18n.useI18n)();
+  return /*#__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')
+    })]
+  });
+};

package/lib/modules/chat/components/message-list/history-unread-message-button/index.d.ts

@@ -0,0 +1,7 @@
+type IHistoryUnreadMessageButton = {
+    historyMsgVisible: boolean;
+    scrollToIdx: (idx: number) => void;
+    setHistoryMsgVisible: (visible: boolean) => void;
+};
+declare const _default: (props: IHistoryUnreadMessageButton) => import("react/jsx-runtime").JSX.Element;
+export default _default;

package/lib/modules/chat/components/message-list/history-unread-message-button/index.js

@@ -0,0 +1,55 @@
+"use strict";
+
+require("core-js/modules/es.object.define-property.js");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+require("core-js/modules/es.array.find-index.js");
+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],
+    messageList = _ref.messageList,
+    historyUnreadCount = _ref.historyUnreadCount,
+    updateHistoryUnReadCount = _ref.updateHistoryUnReadCount,
+    readMsgIndex = _ref.readMsgIndex,
+    updateReadMsgIndex = _ref.updateReadMsgIndex;
+  var historyMsgVisible = props.historyMsgVisible,
+    scrollToIdx = props.scrollToIdx,
+    setHistoryMsgVisible = props.setHistoryMsgVisible;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+    children: historyMsgVisible && messageList.length > 0 && historyUnreadCount > 0 ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_latestButton.LatestButton, {
+      onClick: function onClick() {
+        var len = messageList.length;
+        // 回到历史消息指定位置
+        var idx = (readMsgIndex === null || readMsgIndex === void 0 ? void 0 : readMsgIndex.index) < 0 ? 0 : messageList.findIndex(function (msg) {
+          return msg.id === readMsgIndex.msgId;
+        });
+        scrollToIdx(idx);
+        setHistoryMsgVisible(false);
+        updateReadMsgIndex && updateReadMsgIndex({
+          index: len - 1,
+          msgId: messageList[len - 1].id
+        });
+        updateHistoryUnReadCount(0);
+      },
+      txt: "".concat(t('fmt_chat_tips_newmessage', {
+        reason1: historyUnreadCount
+      })),
+      iconTransform: true,
+      direction: "top",
+      styles: {
+        zIndex: 999
+      }
+    }) : null
+  });
+});

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

@@ -0,0 +1,15 @@
+import { MsgListType } from '../../../types';
+import { MeasuredCellParent } from 'react-virtualized/dist/es/CellMeasurer';
+type IMessageItem = {
+    messageItem: MsgListType;
+    index: number;
+    localUserId: string | undefined;
+    key: string;
+    parent: MeasuredCellParent;
+    style: React.CSSProperties | undefined;
+    multiSelectActive: boolean | undefined;
+    setMultiSelectActive: ((active: boolean) => void) | undefined;
+    scrollToIdx: (idx: number) => void;
+};
+declare const _default: (props: IMessageItem) => import("react/jsx-runtime").JSX.Element;
+export default _default;

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

@@ -0,0 +1,279 @@
+"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.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");
+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 _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;
+  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", {
+        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'
+        }), {}, {
+          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);
+              },
+              style: {
+                // marginLeft: uid !== userId && multiSelectActive ? 24 : 0,
+              },
+              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,
+                  width: 'auto'
+                },
+                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
+  });
+});