initial commit

2025-08-04 22:16:26 +08:00
commit e0a9c1ab4c
20 changed files with 1127 additions and 0 deletions
--- a/src/renderer/components/ProviderList.tsx
+++ b/src/renderer/components/ProviderList.tsx
@@ -0,0 +1,97 @@
+import React from 'react'
+import { Provider, ProviderStatus } from '../../shared/types'
+import './ProviderList.css'
+
+interface ProviderListProps {
+  providers: Record<string, Provider>
+  currentProviderId: string
+  statuses: Record<string, ProviderStatus>
+  onSwitch: (id: string) => void
+  onDelete: (id: string) => void
+}
+
+const ProviderList: React.FC<ProviderListProps> = ({
+  providers,
+  currentProviderId,
+  statuses,
+  onSwitch,
+  onDelete
+}) => {
+  const formatResponseTime = (time: number) => {
+    if (time < 0) return '-'
+    return `${time}ms`
+  }
+
+  const getStatusIcon = (status?: ProviderStatus) => {
+    if (!status) return '⏳'
+    return status.isOnline ? '✅' : '❌'
+  }
+
+  const getStatusText = (status?: ProviderStatus) => {
+    if (!status) return '检查中...'
+    if (status.isOnline) return '正常'
+    return status.error || '连接失败'
+  }
+
+  return (
+    <div className="provider-list">
+      {Object.values(providers).length === 0 ? (
+        <div className="empty-state">
+          <p>还没有添加任何供应商</p>
+          <p>点击右上角的"添加供应商"按钮开始</p>
+        </div>
+      ) : (
+        <div className="provider-items">
+          {Object.values(providers).map((provider) => {
+            const status = statuses[provider.id]
+            const isCurrent = provider.id === currentProviderId
+            
+            return (
+              <div 
+                key={provider.id} 
+                className={`provider-item ${isCurrent ? 'current' : ''}`}
+              >
+                <div className="provider-info">
+                  <div className="provider-name">
+                    <input
+                      type="radio"
+                      name="provider"
+                      checked={isCurrent}
+                      onChange={() => onSwitch(provider.id)}
+                      disabled={!status?.isOnline}
+                    />
+                    <span>{provider.name}</span>
+                    {isCurrent && <span className="current-badge">当前使用</span>}
+                  </div>
+                  <div className="provider-url">{provider.apiUrl}</div>
+                </div>
+                
+                <div className="provider-status">
+                  <span className="status-icon">{getStatusIcon(status)}</span>
+                  <span className="status-text">{getStatusText(status)}</span>
+                  {status?.isOnline && (
+                    <span className="response-time">
+                      {formatResponseTime(status.responseTime)}
+                    </span>
+                  )}
+                </div>
+                
+                <div className="provider-actions">
+                  <button 
+                    className="delete-btn"
+                    onClick={() => onDelete(provider.id)}
+                    disabled={isCurrent}
+                  >
+                    删除
+                  </button>
+                </div>
+              </div>
+            )
+          })}
+        </div>
+      )}
+    </div>
+  )
+}
+
+export default ProviderList