refactor: 调整动态导入方式改为静态导入

Author: zhaoshiwei1

src/components/admin/fullscreen-editor.tsx

@@ -4,19 +4,9 @@ import { useState, useEffect, useCallback } from "react";
 import { X, Send, Save } from "lucide-react";
 import { Button } from "@/components/ui/button";
 import { Badge } from "@/components/ui/badge";
-import dynamic from "next/dynamic";
+import MDEditor from "@uiw/react-md-editor";
 import PublishDialog from "./publish-dialog";
 
-// 动态导入MDEditor以避免SSR问题
-const MDEditor = dynamic(() => import("@uiw/react-md-editor"), {
-  ssr: false,
-  loading: () => (
-    <div className="h-full flex items-center justify-center">
-      <div className="text-muted-foreground">正在加载编辑器...</div>
-    </div>
-  ),
-});
-
 interface FullscreenEditorProps {
   title: string;
   content: string;

src/components/posts/post-list.tsx

@@ -4,7 +4,7 @@ import { useState, useEffect, useCallback } from "react";
 import Link from "next/link";
 import { format } from "date-fns";
 import { zhCN } from "date-fns/locale";
-import dynamic from "next/dynamic";
+import { BackgroundImage } from "@/components/optimized/image-with-fallback";
 
 // 类型定义
 interface PostListProps {
@@ -27,18 +27,6 @@ interface Post {
   }>;
 }
 
-// 动态导入优化的图片组件，减少初始包大小
-const BackgroundImage = dynamic(
-  () =>
-    import("@/components/optimized/image-with-fallback").then(
-      (mod) => mod.BackgroundImage
-    ),
-  {
-    loading: () => <div className="w-full h-full bg-gray-200 animate-pulse" />,
-    ssr: true, // 改为 true 以支持服务端渲染
-  }
-);
-
 export default function PostList({
   className = "",
   categorySlug,