feat: 新增可配置数据

Author: xiaoyusu

app/components/ActivityTicker.tsx

@@ -5,12 +5,20 @@ import Link from "next/link";
 import { useCallback, useEffect, useMemo, useState } from "react";
 import { ChevronLeft, ChevronRight } from "lucide-react";
 import eventsData from "@/data/event.json";
-import type { ActivityEvent } from "@/app/types/event";
+import type { ActivityEvent, ActivityEventsConfig } from "@/app/types/event";
 import { cn } from "@/lib/utils";
 
-const MAX_ITEMS = 3;
-//
-const ROTATION_INTERVAL_MS = 8000;
+const {
+  events: rawEvents,
+  settings: {
+    maxItems: configuredMaxItems = 3,
+    rotationIntervalMs: configuredRotationIntervalMs = 8000,
+  },
+} = eventsData as ActivityEventsConfig;
+
+// 默认配置，从data/event.json中读取配置
+const MAX_ITEMS = configuredMaxItems;
+const ROTATION_INTERVAL_MS = configuredRotationIntervalMs;
 
 /** ActivityTicker 外部传入的样式配置 */
 type ActivityTickerProps = {
@@ -39,14 +47,14 @@ function resolveCoverUrl(coverUrl: string): string {
 
 /**
  * 首页活动轮播组件：
- * - 读取 event.json 前三条活动
+ * - 读取 event.json 配置的活动数量
  * - 自动轮播封面图，顶部指示器支持手动切换
  * - 底部两个毛玻璃按钮：Discord 永远可见，Playback 仅在 deprecated=true 时显示
  */
 export function ActivityTicker({ className }: ActivityTickerProps) {
   // 预处理活动列表，保持初次渲染后的引用稳定
   const events = useMemo<ActivityEvent[]>(() => {
-    return (eventsData as ActivityEvent[]).slice(0, MAX_ITEMS);
+    return rawEvents.slice(0, MAX_ITEMS);
   }, []);
 
   // 当前展示的活动索引

app/types/event.ts

@@ -18,3 +18,17 @@ export interface ActivityEvent {
   /** 是否为已结束活动，true 时展示 Playback 按钮 */
   deprecated: boolean;
 }
+
+/** 活动轮播可配置参数 */
+export interface ActivityTickerSettings {
+  /** 首屏最多展示的活动数量 */
+  maxItems: number;
+  /** 自动轮播的间隔时间（毫秒） */
+  rotationIntervalMs: number;
+}
+
+/** event.json 的整体结构 */
+export interface ActivityEventsConfig {
+  settings: ActivityTickerSettings;
+  events: ActivityEvent[];
+}

data/event.json

@@ -1,16 +1,22 @@
-[
-  {
-    "name": "Mock Interview",
-    "discord": "https://discord.gg/QHsjqezfC?event=1430500169299922965",
-    "playback": "https://involutionhell.com/docs/jobs/event-keynote/event-takeway",
-    "coverUrl": "./event/mockInterview.png",
-    "deprecated": true
+{
+  "settings": {
+    "maxItems": 3,
+    "rotationIntervalMs": 8000
   },
-  {
-    "name": "Coffee Chat",
-    "discord": "https://discord.com/invite/8AQZj7sa?event=1432010537402761348",
-    "playback": "https://involutionhell.com/docs/jobs/event-keynote/coffee-chat",
-    "coverUrl": "./event/coffeeChat.png",
-    "deprecated": true
-  }
-]
+  "events": [
+    {
+      "name": "Mock Interview",
+      "discord": "https://discord.gg/QHsjqezfC?event=1430500169299922965",
+      "playback": "https://involutionhell.com/docs/jobs/event-keynote/event-takeway",
+      "coverUrl": "./event/mockInterview.png",
+      "deprecated": true
+    },
+    {
+      "name": "Coffee Chat",
+      "discord": "https://discord.com/invite/8AQZj7sa?event=1432010537402761348",
+      "playback": "https://involutionhell.com/docs/jobs/event-keynote/coffee-chat",
+      "coverUrl": "./event/coffeeChat.png",
+      "deprecated": true
+    }
+  ]
+}