0.0.0.4

app/settings/page.tsx

@@ -4,14 +4,18 @@ import { SiteHeader } from "@/components/site-header"
 import { useFamily } from "@/context/family-context"
 import { Button } from "@/components/ui/button"
 import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card"
-import { Download, Upload, AlertTriangle, RefreshCw } from "lucide-react"
+import { Download, Upload, AlertTriangle, RefreshCw, FileText, Bell } from "lucide-react"
 import { Alert, AlertDescription, AlertTitle } from "@/components/ui/alert"
 import { useRef, useState } from "react"
+import { exportToGedcom, importFromGedcom } from "@/lib/gedcom"
+import { NotificationSettings } from "@/components/settings/notification-settings"
 
 export default function SettingsPage() {
   const { treeData, loadData, resetData } = useFamily()
   const [importStatus, setImportStatus] = useState<string>("")
+  const [gedcomStatus, setGedcomStatus] = useState<string>("")
   const fileInputRef = useRef<HTMLInputElement>(null)
+  const gedcomInputRef = useRef<HTMLInputElement>(null)
 
   return (
     <div className="min-h-screen bg-background flex flex-col font-sans">
@@ -20,6 +24,9 @@ export default function SettingsPage() {
         <h1 className="text-3xl font-serif font-bold mb-8">系统设置 (Settings)</h1>
 
         <div className="space-y-6">
+          {/* 通知设置 */}
+          <NotificationSettings />
+
           <Card>
             <CardHeader>
               <CardTitle className="flex items-center gap-2">
@@ -98,6 +105,67 @@ export default function SettingsPage() {
             </CardContent>
           </Card>
 
+          <Card>
+            <CardHeader>
+              <CardTitle className="flex items-center gap-2">
+                <FileText className="h-5 w-5" /> GEDCOM 格式
+              </CardTitle>
+              <CardDescription>导入/导出标准 GEDCOM 格式，兼容其他家谱软件（如 Ancestry、MyHeritage）。</CardDescription>
+            </CardHeader>
+            <CardContent className="space-y-4">
+              <div className="flex items-center gap-4">
+                <Button
+                  variant="outline"
+                  onClick={() => {
+                    const gedcomText = exportToGedcom(treeData)
+                    const blob = new Blob([gedcomText], { type: "text/plain;charset=utf-8" })
+                    const url = URL.createObjectURL(blob)
+                    const link = document.createElement("a")
+                    link.href = url
+                    link.download = `family_tree_${new Date().toISOString().split("T")[0]}.ged`
+                    document.body.appendChild(link)
+                    link.click()
+                    document.body.removeChild(link)
+                  }}
+                >
+                  <Download className="mr-2 h-4 w-4" />
+                  导出 GEDCOM
+                </Button>
+                
+                <input
+                  type="file"
+                  ref={gedcomInputRef}
+                  className="hidden"
+                  accept=".ged,.gedcom"
+                  onChange={(e) => {
+                    const file = e.target.files?.[0]
+                    if (!file) return
+
+                    const reader = new FileReader()
+                    reader.onload = async (event) => {
+                      try {
+                        const gedcomText = event.target?.result as string
+                        const importedData = importFromGedcom(gedcomText)
+                        await loadData(importedData)
+                        setGedcomStatus("GEDCOM 导入成功！")
+                        if (gedcomInputRef.current) gedcomInputRef.current.value = ""
+                      } catch (err) {
+                        console.error(err)
+                        setGedcomStatus("错误：无法解析 GEDCOM 文件")
+                      }
+                    }
+                    reader.readAsText(file)
+                  }}
+                />
+                <Button variant="outline" onClick={() => gedcomInputRef.current?.click()}>
+                  <Upload className="mr-2 h-4 w-4" />
+                  导入 GEDCOM
+                </Button>
+                {gedcomStatus && <span className="text-sm text-muted-foreground">{gedcomStatus}</span>}
+              </div>
+            </CardContent>
+          </Card>
+
           <Card>
             <CardHeader>
               <CardTitle className="flex items-center gap-2">