feat: support ssr

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@alifd/overlay",
-  "version": "0.3.6",
+  "version": "0.3.7",
   "description": "overlay base component",
   "files": [
     "demo/",
@@ -67,7 +67,7 @@
     "url": "https://github.com/alibaba-fusion/overlay.git"
   },
   "license": "MIT",
-  "homepage": "https://unpkg.com/@alifd/overlay@0.3.6/build/index.html",
+  "homepage": "https://unpkg.com/@alifd/overlay@0.3.7/build/index.html",
   "lint-staged": {
     "@(src|scripts|docs/*/demo)/**/*.@(js|jsx|ts|tsx|md)": [
       "prettier --write"

src/overlay.tsx

@@ -374,7 +374,7 @@ const Overlay = React.forwardRef<HTMLDivElement, OverlayProps>((props, ref) => {
   //  - react17 中，如果弹窗 mousedown 阻止了 e.stopPropagation(), 那么 document 就不会监听到事件，因为事件冒泡到挂载节点 rootElement 就中断了。
   //  - https://reactjs.org/blog/2020/08/10/react-v17-rc.html#changes-to-event-delegation
   useListener(
-    document,
+    typeof document !== 'undefined' ? document : null,
     'mousedown',
     clickEvent,
     false,
@@ -392,7 +392,7 @@ const Overlay = React.forwardRef<HTMLDivElement, OverlayProps>((props, ref) => {
     }
   };
   useListener(
-    document,
+    typeof document !== 'undefined' ? document : null,
     'keydown',
     keydownEvent,
     false,
@@ -406,7 +406,9 @@ const Overlay = React.forwardRef<HTMLDivElement, OverlayProps>((props, ref) => {
     updatePosition();
   };
   useListener(
-    overflowRef.current?.map((t) => (t === document.documentElement ? document : t)),
+    typeof document !== 'undefined'
+      ? overflowRef.current?.map((t) => (t === document.documentElement ? document : t))
+      : null,
     'scroll',
     scrollEvent,
     false,