feat: modify the type of animation that appears for the pendant Add button

libs/components/editor-core/src/block-pendant/pendant-render/PandentRender.tsx

@@ -1,5 +1,5 @@
 import {
-    MuiZoom,
+    MuiFade,
     Popover,
     PopperHandler,
     styled,
@@ -100,16 +100,15 @@ export const PendantRender = ({ block }: { block: AsyncBlock }) => {
                 );
             })}
             {hasAddBtn ? (
-                <MuiZoom in={showAddBtn}>
+                <MuiFade in={showAddBtn}>
                     <div>
                         <AddPendantPopover
                             block={block}
                             iconStyle={{ marginTop: 4 }}
                             container={blockRenderContainerRef.current}
-                            trigger="click"
                         />
                     </div>
-                </MuiZoom>
+                </MuiFade>
             ) : null}
         </BlockPendantContainer>
     );

libs/components/ui/src/mui.ts

@@ -51,6 +51,7 @@ import {
     tooltipClasses,
     Typography,
     Zoom,
+    Fade,
 } from '@mui/material';
 
 export { alpha } from '@mui/system';
@@ -233,6 +234,11 @@ export const MuiInput = Input;
  */
 export const MuiZoom = Zoom;
 
+/**
+ * @deprecated It is not recommended to use Mui directly, because the design will not refer to Mui's interaction logic.
+ */
+export const MuiFade = Fade;
+
 /**
  * @deprecated It is not recommended to use Mui directly, because the design will not refer to Mui's interaction logic.
  */