From c344b79cb272b4cdfc53035142f907bcfd548e73 Mon Sep 17 00:00:00 2001
From: JSR <pandajsr72@gmail.com>
Date: Wed, 25 Mar 2026 20:00:12 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E8=AE=BE=E7=BD=AE=E5=B0=8F=E7=BB=84?=
 =?UTF-8?q?=E6=94=AF=E6=8C=81=E4=B8=80=E9=94=AE=E6=B7=BB=E5=8A=A0=E5=88=B0?=
 =?UTF-8?q?=E5=B7=B2=E6=9C=89=E5=B0=8F=E7=BB=84?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/StudentManager.tsx | 70 +++++++++++++++++++++++++++++++
 src/i18n/locales/en-US.json       |  2 +
 src/i18n/locales/zh-CN.json       |  2 +
 3 files changed, 74 insertions(+)

diff --git a/src/components/StudentManager.tsx b/src/components/StudentManager.tsx
index 404d712..18f10b9 100644
--- a/src/components/StudentManager.tsx
+++ b/src/components/StudentManager.tsx
@@ -54,6 +54,8 @@ export const StudentManager: React.FC<{ canEdit: boolean }> = ({ canEdit }) => {
   const [form] = Form.useForm()
   const [groupForm] = Form.useForm()
   const [messageApi, contextHolder] = message.useMessage()
+  const addFormGroupName = Form.useWatch("group_name", form)
+  const editFormGroupName = Form.useWatch("group_name", groupForm)
   const isMobile = useIsMobile()
   const isTablet = useIsTablet()
   const breakpoint = useResponsive()
@@ -666,6 +668,22 @@ export const StudentManager: React.FC<{ canEdit: boolean }> = ({ canEdit }) => {
     return baseColumns
   }, [t, canEdit, isMobile, isTablet, breakpoint])
 
+  const existingGroupNames = useMemo(() => {
+    const groups = new Set<string>()
+    data.forEach((student) => {
+      const normalized = student.group_name?.trim()
+      if (normalized) groups.add(normalized)
+    })
+    return Array.from(groups).sort((a, b) => a.localeCompare(b, "zh-CN"))
+  }, [data])
+
+  const normalizedAddFormGroupName =
+    typeof addFormGroupName === "string" && addFormGroupName.trim() ? addFormGroupName.trim() : ""
+  const normalizedEditFormGroupName =
+    typeof editFormGroupName === "string" && editFormGroupName.trim()
+      ? editFormGroupName.trim()
+      : ""
+
   const paginatedData = data.slice((currentPage - 1) * pageSize, currentPage * pageSize)
 
   return (
@@ -725,6 +743,32 @@ export const StudentManager: React.FC<{ canEdit: boolean }> = ({ canEdit }) => {
           <Form.Item label={t("students.group")} name="group_name">
             <Input placeholder={t("students.groupPlaceholder")} />
           </Form.Item>
+          <div style={{ marginTop: 8 }}>
+            <div style={{ color: "var(--ss-text-secondary)", marginBottom: 8, fontSize: 12 }}>
+              {t("students.existingGroups")}
+            </div>
+            {existingGroupNames.length > 0 ? (
+              <Space wrap size={[8, 8]}>
+                {existingGroupNames.map((group) => {
+                  const active = normalizedAddFormGroupName === group
+                  return (
+                    <Tag
+                      key={`add-group-${group}`}
+                      color={active ? "processing" : undefined}
+                      style={{ cursor: "pointer", userSelect: "none", marginInlineEnd: 0 }}
+                      onClick={() => form.setFieldValue("group_name", group)}
+                    >
+                      {group}
+                    </Tag>
+                  )
+                })}
+              </Space>
+            ) : (
+              <div style={{ color: "var(--ss-text-secondary)", fontSize: 12 }}>
+                {t("students.noExistingGroups")}
+              </div>
+            )}
+          </div>
         </Form>
       </Modal>
 
@@ -746,6 +790,32 @@ export const StudentManager: React.FC<{ canEdit: boolean }> = ({ canEdit }) => {
           <Form.Item label={t("students.group")} name="group_name">
             <Input placeholder={t("students.groupPlaceholder")} />
           </Form.Item>
+          <div style={{ marginTop: 8 }}>
+            <div style={{ color: "var(--ss-text-secondary)", marginBottom: 8, fontSize: 12 }}>
+              {t("students.existingGroups")}
+            </div>
+            {existingGroupNames.length > 0 ? (
+              <Space wrap size={[8, 8]}>
+                {existingGroupNames.map((group) => {
+                  const active = normalizedEditFormGroupName === group
+                  return (
+                    <Tag
+                      key={`edit-group-${group}`}
+                      color={active ? "processing" : undefined}
+                      style={{ cursor: "pointer", userSelect: "none", marginInlineEnd: 0 }}
+                      onClick={() => groupForm.setFieldValue("group_name", group)}
+                    >
+                      {group}
+                    </Tag>
+                  )
+                })}
+              </Space>
+            ) : (
+              <div style={{ color: "var(--ss-text-secondary)", fontSize: 12 }}>
+                {t("students.noExistingGroups")}
+              </div>
+            )}
+          </div>
         </Form>
       </Modal>
 
diff --git a/src/i18n/locales/en-US.json b/src/i18n/locales/en-US.json
index 1005c6a..87ec0a8 100644
--- a/src/i18n/locales/en-US.json
+++ b/src/i18n/locales/en-US.json
@@ -488,6 +488,8 @@
     "editGroupTitle": "Set Group - {{name}}",
     "groupSaveSuccess": "Group saved",
     "groupSaveFailed": "Failed to save group",
+    "existingGroups": "Existing groups (click to fill)",
+    "noExistingGroups": "No existing groups yet",
     "noGroup": "Ungrouped",
     "editAvatarTitle": "Set Avatar - {{name}}",
     "avatarUpload": "Upload Image",
diff --git a/src/i18n/locales/zh-CN.json b/src/i18n/locales/zh-CN.json
index fed10ec..a4e039f 100644
--- a/src/i18n/locales/zh-CN.json
+++ b/src/i18n/locales/zh-CN.json
@@ -488,6 +488,8 @@
     "editGroupTitle": "设置小组 - {{name}}",
     "groupSaveSuccess": "小组保存成功",
     "groupSaveFailed": "小组保存失败",
+    "existingGroups": "已有小组（点击一键填入）",
+    "noExistingGroups": "暂无可用的小组",
     "noGroup": "未分组",
     "editAvatarTitle": "设置头像 - {{name}}",
     "avatarUpload": "上传图片",