fix: delete block leftMenu not delete (#472)

libs/components/editor-plugins/src/menu/left-menu/LeftMenu.tsx

@@ -18,17 +18,21 @@ interface LeftMenuProps {
     editor?: Virgo;
     hooks: PluginHooks;
     blockId: string;
+    onDelete: () => void;
 }
 
 export function LeftMenu(props: LeftMenuProps) {
-    const { editor, anchorEl, hooks, blockId, onClose } = props;
+    const { editor, anchorEl, hooks, blockId, onClose, onDelete } = props;
     const { t } = useTranslation();
     const menu: CascaderItemProps[] = useMemo(
         () => [
             {
                 title: t('Delete'),
-                callback: () => {
-                    editor.commands.blockCommands.removeBlock(blockId);
+                callback: async () => {
+                    await editor.commands.blockCommands.removeBlock(
+                        blockId,
+                        onDelete
+                    );
                 },
                 shortcut: 'Del',
                 icon: <DeleteCashBinIcon />,

libs/components/editor-plugins/src/menu/left-menu/LeftMenuDraggable.tsx

@@ -165,6 +165,10 @@ export const LeftMenuDraggable = (props: LeftMenuProps) => {
         setAnchorEl(currentTarget);
     };
 
+    const onDelete = useCallback(() => {
+        setBlock(undefined);
+    }, []);
+
     const onClose = useCallback(() => setAnchorEl(undefined), [setAnchorEl]);
 
     useEffect(() => {
@@ -241,6 +245,7 @@ export const LeftMenuDraggable = (props: LeftMenuProps) => {
                             editor={props.editor}
                             hooks={props.hooks}
                             onClose={onClose}
+                            onDelete={onDelete}
                             blockId={block.block.id}
                         >
                             <Draggable onClick={onClick}>