Merge pull request #49 from sunday-ma/feature/fix-login-enter-key

fix: 添加登录表单 Enter 键提交功能

src/pages/LoginPage.tsx

@@ -1,4 +1,4 @@
-import { useEffect, useMemo, useState } from 'react';
+import React, { useEffect, useMemo, useState, useCallback } from 'react';
 import { Navigate, useNavigate, useLocation } from 'react-router-dom';
 import { useTranslation } from 'react-i18next';
 import { Button } from '@/components/ui/Button';
@@ -81,6 +81,13 @@ export function LoginPage() {
     }
   };
 
+  const handleSubmitKeyDown = useCallback((event: React.KeyboardEvent) => {
+    if (event.key === 'Enter' && !loading) {
+      event.preventDefault();
+      handleSubmit();
+    }
+  }, [loading, handleSubmit]);
+
   return (
     <div className="login-page">
       <div className="login-card">
@@ -129,11 +136,13 @@ export function LoginPage() {
         )}
 
         <Input
+          autoFocus
           label={t('login.management_key_label')}
           placeholder={t('login.management_key_placeholder')}
           type={showKey ? 'text' : 'password'}
           value={managementKey}
           onChange={(e) => setManagementKey(e.target.value)}
+          onKeyDown={handleSubmitKeyDown}
           rightElement={
             <button
               type="button"