| @@ -9,7 +9,6 @@ import { | |||
| useRef, | |||
| } from 'react' | |||
| import { useTranslation } from 'react-i18next' | |||
| import { useThrottleEffect } from 'ahooks' | |||
| import { debounce } from 'lodash-es' | |||
| import type { | |||
| ChatConfig, | |||
| @@ -92,10 +91,19 @@ const Chat: FC<ChatProps> = ({ | |||
| chatFooterInnerRef.current.style.width = `${chatContainerInnerRef.current.clientWidth}px` | |||
| }, []) | |||
| useThrottleEffect(() => { | |||
| useEffect(() => { | |||
| handleScrolltoBottom() | |||
| handleWindowResize() | |||
| }, [chatList], { wait: 500 }) | |||
| }, [handleScrolltoBottom, handleWindowResize]) | |||
| useEffect(() => { | |||
| if (chatContainerRef.current) { | |||
| requestAnimationFrame(() => { | |||
| handleScrolltoBottom() | |||
| handleWindowResize() | |||
| }) | |||
| } | |||
| }) | |||
| useEffect(() => { | |||
| window.addEventListener('resize', debounce(handleWindowResize)) | |||