init: the first public commit for AFFiNE

2026-08-11 14:08:55 +08:00 · 2022-07-22 15:49:21 +08:00
commit e3e3741393
1451 changed files with 108124 additions and 0 deletions
@@ -0,0 +1,52 @@
+import type { MuiPopperPlacementType as PopperPlacementType } from '../mui';
+import React, { forwardRef, type PropsWithChildren } from 'react';
+import { type PopperHandler, Popper } from '../popper';
+import { PopoverContainer } from './container';
+import type { PopoverProps, PopoverDirection } from './interface';
+
+const placementToContainerDirection: Record<
+    PopperPlacementType,
+    PopoverDirection
+> = {
+    top: 'none',
+    'top-start': 'left-bottom',
+    'top-end': 'right-bottom',
+    right: 'none',
+    'right-start': 'left-top',
+    'right-end': 'left-bottom',
+    bottom: 'none',
+    'bottom-start': 'left-top',
+    'bottom-end': 'right-top',
+    left: 'none',
+    'left-start': 'right-top',
+    'left-end': 'right-bottom',
+    auto: 'none',
+    'auto-start': 'none',
+    'auto-end': 'none',
+};
+
+export const Popover = forwardRef<
+    PopperHandler,
+    PropsWithChildren<PopoverProps>
+>((props, ref) => {
+    const { popoverDirection, placement, content, children, style } = props;
+    return (
+        <Popper
+            {...props}
+            ref={ref}
+            content={
+                <PopoverContainer
+                    style={style}
+                    direction={
+                        popoverDirection ||
+                        placementToContainerDirection[placement]
+                    }
+                >
+                    {content}
+                </PopoverContainer>
+            }
+        >
+            {children}
+        </Popper>
+    );
+});