@myun/gimi-chat 0.7.9 → 0.8.0

package/dist/components/message-list/index.js

@@ -10,7 +10,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-import React, { useCallback, useLayoutEffect, useMemo, useState } from 'react';
+import React, { useCallback, useEffect, useMemo, useState } from 'react';
 import classNames from 'classnames';
 import styles from "./index.module.css";
 import { Spin } from '@douyinfe/semi-ui';
@@ -120,10 +120,11 @@ var MessageList = function MessageList(_ref) {
     _useState2 = _slicedToArray(_useState, 2),
     scrollParent = _useState2[0],
     setScrollParent = _useState2[1];
-  useLayoutEffect(function () {
-    var _containerRef$current;
-    setScrollParent((_containerRef$current = containerRef.current) !== null && _containerRef$current !== void 0 ? _containerRef$current : null);
-  }, [containerRef]);
+  useEffect(function () {
+    if (containerRef.current && containerRef.current !== scrollParent) {
+      setScrollParent(containerRef.current);
+    }
+  }, [containerRef, scrollParent, chatList]);
   var visibleChatList = useMemo(function () {
     return (chatList || []).filter(function (item) {
       if (!item) return false;