feat: system config logic integrate

Author: nonhana

apps/backend/src/auth/auth.module.ts

@@ -2,12 +2,18 @@ import { Module } from '@nestjs/common'
 import { AuthGuard } from '@/common/guards/auth.guard'
 import { CookieModule } from '@/cookie/cookie.module'
 import { PrismaModule } from '@/infra/prisma/prisma.module'
+import { SystemConfigModule } from '@/infra/system-config/system-config.module'
 import { SessionModule } from '@/session/session.module'
 import { AuthController } from './auth.controller'
 import { AuthService } from './auth.service'
 
 @Module({
-  imports: [SessionModule, PrismaModule, CookieModule],
+  imports: [
+    SessionModule,
+    PrismaModule,
+    CookieModule,
+    SystemConfigModule,
+  ],
   controllers: [AuthController],
   providers: [AuthService, AuthGuard],
   exports: [AuthService, AuthGuard, CookieModule],

apps/backend/src/auth/auth.service.ts

@@ -1,9 +1,11 @@
+import { SystemConfigKey } from '@apiplayer/shared'
 import { Injectable, Logger } from '@nestjs/common'
 import { compare, hash } from 'bcrypt'
 import { HanaException } from '@/common/exceptions/hana.exception'
 import { DEFAULT_COOKIE_MAX_AGE, REMEMBER_ME_COOKIE_MAX_AGE } from '@/constants/cookie'
 import { RoleName } from '@/constants/role'
 import { PrismaService } from '@/infra/prisma/prisma.service'
+import { SystemConfigService } from '@/infra/system-config/system-config.service'
 import { SessionService } from '@/session/session.service'
 import { CheckAvailabilityReqDto, LoginReqDto, RegisterReqDto } from './dto'
 
@@ -15,6 +17,7 @@ export class AuthService {
   constructor(
     private readonly prisma: PrismaService,
     private readonly sessionService: SessionService,
+    private readonly systemConfigService: SystemConfigService,
   ) {}
 
   /** 对密码进行哈希处理 */
@@ -206,6 +209,11 @@ export class AuthService {
 
   /** 用户注册 */
   async register(dto: RegisterReqDto) {
+    const registerEnabled = this.systemConfigService.get<boolean>(SystemConfigKey.REGISTER_ENABLED)
+    if (!registerEnabled) {
+      throw new HanaException('REGISTER_DISABLED')
+    }
+
     const { email, username, name, password, confirmPassword } = dto
 
     try {

apps/backend/src/infra/system-config/system-config.controller.ts

@@ -50,7 +50,7 @@ export class SystemConfigController {
 
   /** 获取所有配置详细信息列表 */
   @Get('all-with-metadata')
-  @RequireSystemAdmin()
+  @Public()
   async getConfigsDetail(): Promise<SystemConfigItemDto[]> {
     const result = this.systemConfigService.getAllWithMetadata()
     return plainToInstance(SystemConfigItemDto, result)

apps/backend/src/infra/system-config/system-config.module.ts

@@ -1,12 +1,15 @@
-import { Global, Module } from '@nestjs/common'
+import { forwardRef, Global, Module } from '@nestjs/common'
 import { AuthModule } from '@/auth/auth.module'
 import { PermissionModule } from '@/permission/permission.module'
 import { SystemConfigController } from './system-config.controller'
 import { SystemConfigService } from './system-config.service'
 
 @Global()
 @Module({
-  imports: [AuthModule, PermissionModule],
+  imports: [
+    forwardRef(() => AuthModule),
+    PermissionModule,
+  ],
   controllers: [SystemConfigController],
   providers: [SystemConfigService],
   exports: [SystemConfigService],

apps/backend/src/permission/permission.module.ts

@@ -1,4 +1,4 @@
-import { Module } from '@nestjs/common'
+import { forwardRef, Module } from '@nestjs/common'
 import { AuthModule } from '@/auth/auth.module'
 import { PermissionsGuard } from '@/common/guards/permissions.guard'
 import { PrismaModule } from '@/infra/prisma/prisma.module'
@@ -7,7 +7,10 @@ import { PermissionController } from './permission.controller'
 import { PermissionService } from './permission.service'
 
 @Module({
-  imports: [PrismaModule, AuthModule],
+  imports: [
+    forwardRef(() => AuthModule),
+    PrismaModule,
+  ],
   controllers: [PermissionController],
   providers: [PermissionService, PermissionCheckerService, PermissionsGuard],
   exports: [PermissionService, PermissionCheckerService, PermissionsGuard],

apps/frontend/src/components/settings/menu/System.vue

@@ -72,7 +72,12 @@ const onSubmit = form.handleSubmit(async (values) => {
     <form id="system-config-form" class="space-y-6" @submit="onSubmit">
       <template v-for="(item, index) in systemConfigArr" :key="item.key">
         <Item :label="item.description">
-          <FormField v-slot="{ componentField, value }" type="checkbox" :name="item.key">
+          <FormField
+            v-slot="{ componentField, value }"
+            :name="item.key"
+            :type="item.type === 'boolean' ? 'checkbox' : undefined"
+            :unchecked-value="item.type === 'boolean' ? false : undefined"
+          >
             <FormItem>
               <div class="flex items-center justify-between">
                 <FormLabel class="text-xs text-muted-foreground font-mono">

apps/frontend/src/router/index.ts

@@ -1,6 +1,8 @@
 import type { RouteRecordRaw } from 'vue-router'
 import { createRouter, createWebHistory } from 'vue-router'
+import { toast } from 'vue-sonner'
 import { AUTH_REDIRECT_ROUTES, PUBLIC_ROUTES } from '@/constants'
+import { useGlobalStore } from '@/stores/useGlobalStore'
 import { useUserStore } from '@/stores/useUserStore'
 
 const routes: RouteRecordRaw[] = [
@@ -75,6 +77,8 @@ const router = createRouter({
 
 router.beforeEach((to, _, next) => {
   const userStore = useUserStore()
+  const globalStore = useGlobalStore()
+
   const isPublicRoute = PUBLIC_ROUTES.includes(to.name as string)
   const goToDashboard = AUTH_REDIRECT_ROUTES.includes(to.name as string)
 
@@ -90,6 +94,14 @@ router.beforeEach((to, _, next) => {
   else {
     next({ name: 'Login' })
   }
+
+  if (to.name === 'Register' && !globalStore.systemConfig.register_enabled) {
+    next({ name: 'Login' })
+    toast.error('注册功能已关闭', { description: '请联系管理员注册新账号' })
+  }
+  else {
+    next()
+  }
 })
 
 export default router

apps/frontend/src/validators/system.ts

@@ -2,20 +2,20 @@ import { toTypedSchema } from '@vee-validate/zod'
 import z from 'zod'
 
 export const systemConfigFormSchema = toTypedSchema(z.object({
-  register_enabled: z.boolean({ required_error: '请选择是否允许用户注册' }),
-  register_email_verify: z.boolean({ required_error: '请选择是否需要邮箱验证' }),
-  team_max_members: z.number({ required_error: '请输入团队最大成员数量' })
+  register_enabled: z.boolean(),
+  register_email_verify: z.boolean(),
+  team_max_members: z.number({ required_error: '请输入团队最大成员数量', invalid_type_error: '请输入有效数字' })
     .min(1, '团队最大成员数量不能小于 1')
     .max(1000, '团队最大成员数量不能大于 1000'),
   invite_mode: z.enum(['direct', 'email'], { required_error: '请选择团队邀请模式' }),
-  invite_expires_days: z.number({ required_error: '请输入邀请链接过期天数' })
+  invite_expires_days: z.number({ required_error: '请输入邀请链接过期天数', invalid_type_error: '请输入有效数字' })
     .min(1, '邀请链接过期天数不能小于 1')
     .max(30, '邀请链接过期天数不能大于 14'),
-  project_max_apis: z.number({ required_error: '请输入单个项目最大 API 数量' })
+  project_max_apis: z.number({ required_error: '请输入单个项目最大 API 数量', invalid_type_error: '请输入有效数字' })
     .min(1, '单个项目最大 API 数量不能小于 1')
     .max(10000, '单个项目最大 API 数量不能大于 10000'),
   api_max_versions: z.number({ required_error: '请输入单个 API 最大版本数量' })
     .min(1, '单个 API 最大版本数量不能小于 1')
     .max(100, '单个 API 最大版本数量不能大于 100'),
-  api_version_auto_inc: z.boolean({ required_error: '请选择是否自动递增 API 版本号' }),
+  api_version_auto_inc: z.boolean(),
 }))

apps/frontend/src/views/auth/LoginView.vue

@@ -1,16 +1,22 @@
 <script setup lang="ts">
 import { Loader2 } from 'lucide-vue-next'
+import { storeToRefs } from 'pinia'
 import { useForm } from 'vee-validate'
 import { ref } from 'vue'
 import { Button } from '@/components/ui/button'
 import { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from '@/components/ui/card'
 import { Checkbox } from '@/components/ui/checkbox'
 import { FormControl, FormField, FormItem, FormLabel, FormMessage } from '@/components/ui/form'
 import { Input } from '@/components/ui/input'
+import { useGlobalStore } from '@/stores/useGlobalStore'
 import { useUserStore } from '@/stores/useUserStore'
 import { loginFormSchema } from '@/validators/login'
 
 const userStore = useUserStore()
+
+const globalStore = useGlobalStore()
+const { systemConfig } = storeToRefs(globalStore)
+
 const isLoading = ref(false)
 
 const form = useForm({
@@ -80,7 +86,7 @@ const onSubmit = form.handleSubmit(async (values) => {
         </Button>
       </form>
     </CardContent>
-    <CardFooter class="flex justify-center">
+    <CardFooter v-if="systemConfig.register_enabled" class="flex justify-center">
       <div class="text-sm text-muted-foreground">
         还没有账号？
         <router-link to="/auth/register" class="text-primary hover:underline">

apps/frontend/src/views/dashboard/DashboardView.vue

@@ -2,7 +2,7 @@
 import type { ProjectVisibility } from '@/constants'
 import type { ProjectItem } from '@/types/project'
 import { FolderKanban, Inbox, Plus, RefreshCw, Search } from 'lucide-vue-next'
-import { computed, onMounted, ref, useTemplateRef, watch } from 'vue'
+import { computed, onMounted, ref, useTemplateRef } from 'vue'
 import { projectApi } from '@/api/project'
 import CreateTeamDialog from '@/components/dashboard/dialogs/CreateTeamDialog.vue'
 import DeleteProjectDialog from '@/components/dashboard/dialogs/DeleteProjectDialog.vue'
@@ -134,13 +134,6 @@ function handleProjectDeleted(projectId: string) {
   recentProjectsRef.value?.refresh()
 }
 
-watch(
-  () => teamStore.curTeamId,
-  () => {
-    fetchProjects()
-  },
-)
-
 onMounted(() => {
   fetchProjects()
 })