feat: support bookmark (#2458)

Co-authored-by: himself65 <himself65@outlook.com>

packages/component/src/ui/menu/menu-item.tsx

@@ -13,6 +13,7 @@ export type IconMenuProps = PropsWithChildren<{
   endIcon?: ReactElement;
   iconSize?: [number, number];
   disabled?: boolean;
+  active?: boolean;
 }> &
   HTMLAttributes<HTMLButtonElement>;
 

packages/component/src/ui/menu/styles.ts

@@ -51,7 +51,8 @@ export const StyledContent = styled('div')(() => {
 export const StyledMenuItem = styled('button')<{
   isDir?: boolean;
   disabled?: boolean;
-}>(({ isDir = false, disabled = false }) => {
+  active?: boolean;
+}>(({ isDir = false, disabled = false, active = false }) => {
   return {
     width: '100%',
     borderRadius: '5px',
@@ -82,5 +83,11 @@ export const StyledMenuItem = styled('button')<{
       : {
           backgroundColor: 'var(--affine-hover-color)',
         },
+
+    ...(active && !disabled
+      ? {
+          backgroundColor: 'var(--affine-hover-color)',
+        }
+      : {}),
   };
 });