git save current version as 0.0.4

wolai-frontend/src/components/online-table/HeadlessTableViewer.tsx

@@ -121,6 +121,7 @@ const HeadlessTableViewer: React.FC<HeadlessTableViewerProps> = ({ tableId, embe
     };
   }, [tableId, reloadVersion]);
 
+
   const allowInlineEdit = editable ?? embed;
   const focusLuckysheetEditor = useCallback(() => {
     const applyFocus = () => {
@@ -360,15 +361,33 @@ const HeadlessTableViewer: React.FC<HeadlessTableViewerProps> = ({ tableId, embe
   const overlayVisible = isLoading || !isLuckysheetReady;
   const overlayText = !isLuckysheetReady ? "正在加载 Luckysheet 资源..." : "正在加载表格数据...";
 
-  const embedContainerStyle = embed ? { minHeight: "100vh", height: "100vh" } : undefined;
+  const embedContainerStyle = embed
+    ? { height: "360px", minHeight: "360px", width: "100%", overflow: "hidden" as const }
+    : undefined;
+
+  useEffect(() => {
+    if (!embed) return;
+    const prevDocOverflow = document.documentElement.style.overflow;
+    const prevBodyOverflow = document.body.style.overflow;
+    document.documentElement.style.overflow = "hidden";
+    document.body.style.overflow = "hidden";
+    return () => {
+      document.documentElement.style.overflow = prevDocOverflow;
+      document.body.style.overflow = prevBodyOverflow;
+    };
+  }, [embed]);
 
   return (
     <div
-      className={embed ? "w-full bg-transparent" : "min-h-screen w-full bg-white"}
+      className={
+        embed ? "h-full w-full bg-transparent overflow-hidden" : "min-h-screen w-full bg-white"
+      }
       style={embedContainerStyle}
     >
       <div
-        className={embed ? "relative w-full" : "relative h-[calc(100vh-64px)] w-full"}
+        className={
+          embed ? "relative h-full w-full overflow-hidden" : "relative h-[calc(100vh-64px)] w-full"
+        }
         style={embedContainerStyle}
       >
         <div
@@ -412,3 +431,4 @@ const HeadlessTableViewer: React.FC<HeadlessTableViewerProps> = ({ tableId, embe
 };
 
 export default HeadlessTableViewer;
+