refactor: 前端登陆页新实现

apps/frontend/app/console/login/components/PasswordLoginMode.tsx

@@ -2,16 +2,24 @@ import { Button } from "@/components/ui/button";
 import { Input } from "@/components/ui/input";
 import LoginHeader from "./LoginHeader";
 import { Label } from "@/components/ui/label"
+import { FormEvent, useCallback } from "react";
+import { toast } from "sonner";
+import { AuthAPI } from "@/lib/api/client";
+import { handleAPIError } from "@/lib/api/common";
+
+export default function PasswordLoginMode() {
+    const handleForgetPassword = useCallback(() => {
+        toast.warning('开发中，敬请期待！暂时可通过发送邮件至网站管理员进行密码重置。');
+    }, []);
 
-export default function PasswordLoginMode({ forgetPassword }: { forgetPassword: () => void }) {
     return (
         <>
             <LoginHeader />
             <div className="grid gap-3">
-                <Label htmlFor="email">电子邮箱/手机号/账号</Label>
+                <Label htmlFor="password-login-mode-identifier">电子邮箱/手机号/账号</Label>
                 <Input
-                    id="password-login-mode-account"
-                    name="account"
+                    id="password-login-mode-identifier"
+                    name="identifier"
                     type="text"
                     placeholder="电子邮箱/手机号/账号"
                     required
@@ -19,9 +27,9 @@ export default function PasswordLoginMode({ forgetPassword }: { forgetPassword:
             </div>
             <div className="grid gap-3">
                 <div className="flex items-center h-4">
-                    <Label htmlFor="password">密码</Label>
+                    <Label htmlFor="password-login-mode-password">密码</Label>
                     <a
-                        onClick={forgetPassword}
+                        onClick={handleForgetPassword}
                         className="ml-auto text-sm underline-offset-2 hover:underline cursor-pointer"
                     >
                         忘记密码？
@@ -38,4 +46,11 @@ export default function PasswordLoginMode({ forgetPassword }: { forgetPassword:
             </Button>
         </>
     )
+}
+
+export async function handleSubmit(formData: FormData) {
+    const identifier = formData.get('identifier')?.toString() || '';
+    const password = formData.get('password')?.toString() || '';
+
+    return AuthAPI.loginByPassword(identifier, password)
 }