解决系统弹窗阻塞问题：实现非阻塞用户交互

- 创建自定义ConfirmDialog组件替代系统confirm
- 删除功能使用自定义确认对话框，避免界面阻塞
- 添加/编辑模态框使用内联错误提示替代alert
- 优化用户体验：更详细的确认信息和统一的视觉风格

src/renderer/components/EditProviderModal.tsx

@@ -17,6 +17,7 @@ const EditProviderModal: React.FC<EditProviderModalProps> = ({ provider, onSave,
     websiteUrl: provider.websiteUrl || ''
   })
   const [showPassword, setShowPassword] = useState(false)
+  const [error, setError] = useState('')
 
   useEffect(() => {
     setFormData({
@@ -29,9 +30,10 @@ const EditProviderModal: React.FC<EditProviderModalProps> = ({ provider, onSave,
 
   const handleSubmit = (e: React.FormEvent) => {
     e.preventDefault()
+    setError('')
     
     if (!formData.name || !formData.apiUrl || !formData.apiKey) {
-      alert('请填写所有必填字段')
+      setError('请填写所有必填字段')
       return
     }
 
@@ -79,6 +81,12 @@ const EditProviderModal: React.FC<EditProviderModalProps> = ({ provider, onSave,
       <div className="modal-content" onClick={(e) => e.stopPropagation()}>
         <h2>编辑供应商</h2>
 
+        {error && (
+          <div className="error-message">
+            {error}
+          </div>
+        )}
+
         <form onSubmit={handleSubmit}>
           <div className="form-group">
             <label htmlFor="name">供应商名称 *</label>