新增现在支持编译为Windows桌面端

2025-10-05 05:45:34 +08:00
parent e30e5b4fe2
commit 29d4152e81
21 changed files with 6008 additions and 3453 deletions
--- a/src/components/CustomTitleBar.tsx
+++ b/src/components/CustomTitleBar.tsx
@@ -0,0 +1,107 @@
+import React, { useState, useEffect } from 'react';
+import { Button } from './ui/Button';
+import { HelpCircle, Minus, Square, X } from 'lucide-react';
+import { InfoModal } from './InfoModal';
+
+export const CustomTitleBar: React.FC = () => {
+  const [showInfoModal, setShowInfoModal] = useState(false);
+  const [isMaximized, setIsMaximized] = useState(false);
+
+  // 检查窗口是否最大化
+  useEffect(() => {
+    const checkMaximized = () => {
+      if (window.electron && window.electron.isMaximized) {
+        window.electron.isMaximized().then(setIsMaximized);
+      }
+    };
+
+    checkMaximized();
+
+    // 监听窗口状态变化
+    const handleResize = () => {
+      checkMaximized();
+    };
+
+    window.addEventListener('resize', handleResize);
+    return () => window.removeEventListener('resize', handleResize);
+  }, []);
+
+  const minimizeWindow = () => {
+    if (window.electron && window.electron.minimize) {
+      window.electron.minimize();
+    }
+  };
+
+  const maximizeWindow = () => {
+    if (window.electron && window.electron.maximize) {
+      window.electron.maximize();
+    }
+  };
+
+  const closeWindow = () => {
+    if (window.electron && window.electron.close) {
+      window.electron.close();
+    }
+  };
+
+  return (
+    <>
+      <header className="h-12 bg-white flex items-center justify-between px-3 rounded-t-xl border-b border-gray-200 draggable">
+        <div className="flex items-center space-x-2 non-draggable">
+          <div className="flex items-center justify-center w-8 h-8 rounded-lg bg-yellow-50">
+            {/* 使用应用的主要图标 */}
+            <img src="./favicon.svg" alt="App Icon" className="w-6 h-6" />
+          </div>
+          <h1 className="text-base font-medium text-gray-800 hidden sm:block">
+            Nano Banana AI 图像编辑器
+          </h1>
+        </div>
+
+        <div className="flex items-center space-x-1 non-draggable">
+          <Button 
+            variant="ghost" 
+            size="icon"
+            onClick={() => setShowInfoModal(true)}
+            className="h-7 w-7 text-gray-500 hover:text-gray-700 hover:bg-gray-100 rounded-full card non-draggable"
+          >
+            <HelpCircle className="h-4 w-4" />
+          </Button>
+          
+          {/* 窗口控制按钮 - 仅在 Electron 环境中显示 */}
+          {window.electron && (
+            <>
+              <Button 
+                variant="ghost" 
+                size="icon"
+                onClick={minimizeWindow}
+                className="h-7 w-7 text-gray-500 hover:text-gray-700 hover:bg-gray-100 rounded-full card non-draggable"
+              >
+                <Minus className="h-4 w-4" />
+              </Button>
+              
+              <Button 
+                variant="ghost" 
+                size="icon"
+                onClick={maximizeWindow}
+                className="h-7 w-7 text-gray-500 hover:text-gray-700 hover:bg-gray-100 rounded-full card non-draggable"
+              >
+                <Square className="h-4 w-4" />
+              </Button>
+              
+              <Button 
+                variant="ghost" 
+                size="icon"
+                onClick={closeWindow}
+                className="h-7 w-7 text-gray-500 hover:text-gray-700 hover:bg-red-100 rounded-full card non-draggable"
+              >
+                <X className="h-4 w-4" />
+              </Button>
+            </>
+          )}
+        </div>
+      </header>
+      
+      <InfoModal open={showInfoModal} onOpenChange={setShowInfoModal} />
+    </>
+  );
+};