feat: 对话列表最后一条常态化显示action

src/ChatItem/demos/Tmarkdown.tsx

@@ -55,6 +55,7 @@
         avatar={avatar}
         editing={edit}
         onEditingChange={setEdit}
+        type="pure"
       />
     </StoryBook>
   );

src/ChatItem/demos/index.tsx

@@ -48,7 +48,9 @@
         }
         avatar={avatar}
         editing={edit}
+        isLatest={true}
         onEditingChange={setEdit}
+        type="pure"
       />
     </StoryBook>
   );

src/ChatItem/index.tsx

@@ -5,12 +5,12 @@
 import BorderSpacing from '@lobehub/ui/es/chat/ChatItem/components/BorderSpacing';
 import ErrorContent from '@lobehub/ui/es/chat/ChatItem/components/ErrorContent';
 import Title from '@lobehub/ui/es/chat/ChatItem/components/Title';
-import { useStyles } from '@lobehub/ui/es/chat/ChatItem/style';
 import { useResponsive } from 'antd-style';
 import { memo } from 'react';
 import { Flexbox } from 'react-layout-kit';
 
 import MessageContent from './components/MessageContent';
+import { useStyles } from './style';
 import { ChatItemProps } from './type';
 
 const MOBILE_AVATAR_SIZE = 32;
@@ -42,6 +42,7 @@
     fontSize,
     markdownProps,
     markdownClassname,
+    isLatest,
     ...rest
   }) => {
     const { mobile } = useResponsive();
@@ -53,6 +54,7 @@
       time,
       title: avatar.title,
       type,
+      isLatest,
     });
 
     return (

src/ChatItem/style.ts

@@ -12,6 +12,7 @@
       avatarSize,
       editing,
       time,
+      isLatest,
     }: {
       avatarSize?: number;
       editing?: boolean;
@@ -21,6 +22,7 @@
       time?: number;
       title?: string;
       type?: 'block' | 'pure';
+      isLatest?: boolean;
     }
   ) => {
     const blockStylish = css`
@@ -101,8 +103,8 @@
 
           time,
           div[role='menubar'] {
-            pointer-events: none;
-            opacity: 0;
+            pointer-events: ${isLatest ? 'unset' : 'none'};
+            opacity: ${isLatest ? 1 : 0};
             transition: opacity 200ms ${token.motionEaseOut};
           }
 

src/ChatItem/type.ts

@@ -81,4 +81,8 @@ export interface ChatItemProps {
    * @description The markdownClassname of the chat item
    */
   markdownClassname?: string;
+  /**
+   * @description Whether this message is latest
+   */
+  isLatest?: boolean;
 }