From 0bfa1709ce4186a3787ed69b9e0fae3364273b0a Mon Sep 17 00:00:00 2001
From: Ryan Wang <i@ryanc.cc>
Date: Thu, 23 Nov 2023 17:18:08 +0800
Subject: [PATCH] feat: add email field for signup (#4899)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

#### What type of PR is this?

/area console
/kind feature
/milestone 2.11.x

#### What this PR does / why we need it:

Add email field for signup

<img width="832" alt="图片" src="https://github.com/halo-dev/halo/assets/21301288/dabc7411-a18d-4a8b-a0be-f875b16ba58f">

#### Does this PR introduce a user-facing change?

```release-note
用户注册新增电子邮箱字段。
```
---
 console/src/components/signup/SignupForm.vue | 9 ++++++++-
 console/src/locales/en.yaml                  | 2 ++
 console/src/locales/zh-CN.yaml               | 2 ++
 console/src/locales/zh-TW.yaml               | 2 ++
 4 files changed, 14 insertions(+), 1 deletion(-)

diff --git a/console/src/components/signup/SignupForm.vue b/console/src/components/signup/SignupForm.vue
index 88bdd092b..4d6a1fbce 100644
--- a/console/src/components/signup/SignupForm.vue
+++ b/console/src/components/signup/SignupForm.vue
@@ -113,11 +113,18 @@ const inputClasses = {
       :placeholder="$t('core.signup.fields.display_name.placeholder')"
       :validation-label="$t('core.signup.fields.display_name.placeholder')"
       :classes="inputClasses"
-      :autofocus="true"
       type="text"
       validation="required"
     >
     </FormKit>
+    <FormKit
+      v-model="formState.user.spec.email"
+      :placeholder="$t('core.signup.fields.email.placeholder')"
+      :validation-label="$t('core.signup.fields.email.placeholder')"
+      type="email"
+      name="email"
+      validation="required|email|length:0,100"
+    ></FormKit>
     <FormKit
       v-model="formState.password"
       name="password"
diff --git a/console/src/locales/en.yaml b/console/src/locales/en.yaml
index ea30f344b..e5d93d423 100644
--- a/console/src/locales/en.yaml
+++ b/console/src/locales/en.yaml
@@ -28,6 +28,8 @@ core:
         placeholder: Username
       display_name:
         placeholder: Display name
+      email:
+        placeholder: Email
       password:
         placeholder: Password
       password_confirm:
diff --git a/console/src/locales/zh-CN.yaml b/console/src/locales/zh-CN.yaml
index 15493b293..6598026b7 100644
--- a/console/src/locales/zh-CN.yaml
+++ b/console/src/locales/zh-CN.yaml
@@ -28,6 +28,8 @@ core:
         placeholder: 用户名
       display_name:
         placeholder: 名称
+      email:
+        placeholder: 电子邮箱
       password:
         placeholder: 密码
       password_confirm:
diff --git a/console/src/locales/zh-TW.yaml b/console/src/locales/zh-TW.yaml
index e213195ff..449a6d7d1 100644
--- a/console/src/locales/zh-TW.yaml
+++ b/console/src/locales/zh-TW.yaml
@@ -28,6 +28,8 @@ core:
         placeholder: 用戶名
       display_name:
         placeholder: 名稱
+      email:
+        placeholder: 電子郵箱
       password:
         placeholder: 密碼
       password_confirm: