feat: add group options for project configuration

Author: MidnightCrowing

src/stores/projectsStore.ts

@@ -44,6 +44,17 @@ export const useProjectsStore = defineStore('projects', () => {
     }))
   })
 
+  // 所有组别
+  const allGroups = computed(() => {
+    const groupSet = new Set<string>()
+    for (const project of projects.value) {
+      if (project.group && project.group.trim() !== '') {
+        groupSet.add(project.group)
+      }
+    }
+    return Array.from(groupSet).sort((a, b) => a.localeCompare(b))
+  })
+
   // -------------------------
   // Actions
   // -------------------------
@@ -169,6 +180,7 @@ export const useProjectsStore = defineStore('projects', () => {
     allProjects,
     tempProjects,
     mainLangSummary,
+    allGroups,
 
     // actions
     addProject,

src/views/ProjectConfig/ProjectConfig.vue

@@ -35,6 +35,7 @@ const projectPathInputValidated = ref<boolean>(false)
 const projectNameInputValidated = ref<boolean>(false)
 const repositoryFolderName = ref<string>('')
 const excludedPaths = isUpdateProject ? [localProjectItem.value.path || ''] : []
+const groupOptions = ref<JeComboboxOptionProps[]>(projects.allGroups.map(group => ({ label: group, value: group })))
 
 function fillProjectName() {
   localProjectItem.value.name = repositoryFolderName.value
@@ -358,7 +359,7 @@ function updateProject() {
         <div flex="~ row items-center" gap="10px">
           <JeCombobox
             v-model="localProjectItem.group"
-            :options="mainLanguageOptions"
+            :options="groupOptions"
             :spellcheck="false"
             w="200px"
           />