feat: 调整注册逻辑

2025-10-14 16:02:33 +08:00
parent cd50d718fe
commit e0ca328e1c
12 changed files with 1570 additions and 1206 deletions
--- a/src/components/Auth/VerificationCodeInput.js
+++ b/src/components/Auth/VerificationCodeInput.js
@@ -0,0 +1,44 @@
+import React from "react";
+import { FormControl, FormErrorMessage, HStack, Input, Button } from "@chakra-ui/react";
+
+/**
+ * 通用验证码输入组件
+ */
+export default function VerificationCodeInput({
+    value,
+    onChange,
+    onSendCode,
+    countdown,
+    isLoading,
+    isSending,
+    error,
+    placeholder = "请输入6位验证码",
+    buttonText = "获取验证码",
+    countdownText = (count) => `${count}s`,
+    colorScheme = "green",
+    isRequired = true
+}) {
+    return (
+        <FormControl isRequired={isRequired} isInvalid={!!error}>
+            <HStack>
+                <Input
+                    name="verificationCode"
+                    value={value}
+                    onChange={onChange}
+                    placeholder={placeholder}
+                    maxLength={6}
+                />
+                <Button
+                    colorScheme={colorScheme}
+                    onClick={onSendCode}
+                    isDisabled={countdown > 0 || isLoading}
+                    isLoading={isSending}
+                    minW="120px"
+                >
+                    {countdown > 0 ? countdownText(countdown) : buttonText}
+                </Button>
+            </HStack>
+            <FormErrorMessage>{error}</FormErrorMessage>
+        </FormControl>
+    );
+}