feat: 平滑滚动

src/pages/Chat/Chat.tsx

@@ -120,7 +120,8 @@ export const Chat: React.FC = () => {
   }, [shouldSendQuestion])
   }, [shouldSendQuestion])
 
 
   const scrollToBottom = () => {
   const scrollToBottom = () => {
-    scrollableRef.current.scrollTop = scrollableRef.current.scrollHeight
+    // scrollableRef.current.scrollTop = scrollableRef.current.scrollHeight
+    scrollableRef.current.scrollTo(scrollableRef.current.scrollHeight, { behavior: 'smooth' })
   }
   }
 
 
   useEffect(() => {
   useEffect(() => {
@@ -150,7 +151,7 @@ export const Chat: React.FC = () => {
                 duration: 0.3,
                 duration: 0.3,
                 opacity: { duration: 0.1 },
                 opacity: { duration: 0.1 },
               }}
               }}
-              className={`${styles.scrollable} scrollbar-hide`}
+              className={`${styles.scrollable} scrollbar-hide scroll-smooth`}
             >
             >
               <div className={styles.inter}>
               <div className={styles.inter}>
                 {allItems.map((record, index) => (
                 {allItems.map((record, index) => (

src/pages/Chat/components/ChatItem/ChatAnswerShower.tsx

@@ -11,7 +11,7 @@ interface ChatAnswerShowerProps {
 }
 }
 
 
 export const ChatAnswerShower: React.FC<ChatAnswerShowerProps> = ({ answer, isLastAnswer, onSubmitQuestion }) => {
 export const ChatAnswerShower: React.FC<ChatAnswerShowerProps> = ({ answer, isLastAnswer, onSubmitQuestion }) => {
-  const hideOperate = answer.attachmentList.some(attachment => attachment.type === 'box')
+  const hideOperate = (answer.attachmentList || []).some(attachment => attachment.type === 'box')
   return (
   return (
     <div className="answerShower">
     <div className="answerShower">
       {answer.answer && (
       {answer.answer && (