refactor: 收口排行配置模型

src/components/rpg-entry/RpgEntryHomeView.tsx

@@ -160,20 +160,24 @@ import {
   buildPublicCategoryGroups,
   buildPublicGalleryCardKey,
   dedupePlatformPublicGalleryEntries,
+  DEFAULT_PLATFORM_RANKING_TAB,
   filterPlatformWorkSearchResults,
   filterTodayPublishedEntries,
   getAllPlatformPublicEntries,
   getPlatformCategoryPrimaryMetric,
   getPlatformPublicEntries,
-  getPlatformRankingMetricValue,
+  getPlatformRankingMetric,
+  getPlatformRankingTabConfig,
   getPlatformSearchableWorkIds,
   getPlatformWorldLikeCount,
   getPlatformWorldPlayCount,
   getPlatformWorldRemixCount,
   isExactPublicWorkCodeSearch,
   matchesPlatformCategoryKindFilter,
+  PLATFORM_RANKING_TABS,
   type PlatformCategoryKindFilter,
   type PlatformCategorySortMode,
+  type PlatformRankingMetric,
   type PlatformRankingTab,
   selectPlatformRecommendFeedWindow,
   sortPlatformCategoryEntries,
@@ -405,37 +409,6 @@ const CHILD_MOTION_DEMO_DEFAULT_CARD = {
   summary: '站位、招手和左右手活动。',
 };
 
-const PLATFORM_RANKING_TABS: Array<{
-  id: PlatformRankingTab;
-  label: string;
-  metricLabel: string;
-  emptyText: string;
-}> = [
-  {
-    id: 'hot',
-    label: '热门榜',
-    metricLabel: '游玩',
-    emptyText: '公开广场暂时还没有热门作品。',
-  },
-  {
-    id: 'remix',
-    label: '改造榜',
-    metricLabel: '改造',
-    emptyText: '公开广场暂时还没有改造作品。',
-  },
-  {
-    id: 'new',
-    label: '新品榜',
-    metricLabel: '近7日',
-    emptyText: '近 7 日暂时还没有新品。',
-  },
-  {
-    id: 'like',
-    label: '点赞榜',
-    metricLabel: '点赞',
-    emptyText: '公开广场暂时还没有点赞作品。',
-  },
-];
 function ResolvedAssetBackdrop({
   src,
   fallbackSrc,
@@ -1362,14 +1335,12 @@ function DesktopTrendingItem({
 function PlatformRankingItem({
   entry,
   rank,
-  metricLabel,
-  metricValue,
+  metric,
   onClick,
 }: {
   entry: PlatformPublicGalleryCard;
   rank: number;
-  metricLabel: string;
-  metricValue: number;
+  metric: PlatformRankingMetric;
   onClick: () => void;
 }) {
   const coverImage = resolvePlatformWorldCoverImage(entry);
@@ -1405,9 +1376,9 @@ function PlatformRankingItem({
         </div>
         <div className="mt-1 flex min-w-0 flex-wrap items-center gap-x-1.5 gap-y-1 text-xs font-semibold text-[var(--platform-text-soft)]">
           <span className="text-[var(--platform-warm-text)]">
-            {formatPlatformCompactCount(metricValue)}
+            {formatPlatformCompactCount(metric.value)}
           </span>
-          <span>{metricLabel}</span>
+          <span>{metric.label}</span>
           <span>·</span>
           <span>{describePlatformPublicWorkKind(entry)}</span>
         </div>
@@ -3567,8 +3538,9 @@ export function RpgEntryHomeView({
   const [publicAuthorSummariesByKey, setPublicAuthorSummariesByKey] = useState<
     Record<string, PublicUserSummary | null>
   >({});
-  const [activeRankingTab, setActiveRankingTab] =
-    useState<PlatformRankingTab>('hot');
+  const [activeRankingTab, setActiveRankingTab] = useState<PlatformRankingTab>(
+    DEFAULT_PLATFORM_RANKING_TAB,
+  );
   const [visitedTabs, setVisitedTabs] = useState<Set<PlatformHomeTab>>(
     () => new Set([activeTab]),
   );
@@ -4794,9 +4766,7 @@ export function RpgEntryHomeView({
     activeTab,
     mobileFeedCarouselEnabled,
   ]);
-  const activeRankingConfig = PLATFORM_RANKING_TABS.find(
-    (tab) => tab.id === activeRankingTab,
-  ) as (typeof PLATFORM_RANKING_TABS)[number];
+  const activeRankingConfig = getPlatformRankingTabConfig(activeRankingTab);
   const rankingEntries = useMemo(
     () =>
       buildPlatformRankingEntries(publicEntries, activeRankingTab).slice(0, 30),
@@ -5037,11 +5007,7 @@ export function RpgEntryHomeView({
               key={`${buildPublicGalleryCardKey(entry)}:ranking:${activeRankingTab}`}
               entry={entry}
               rank={index + 1}
-              metricLabel={activeRankingConfig.metricLabel}
-              metricValue={getPlatformRankingMetricValue(
-                entry,
-                activeRankingTab,
-              )}
+              metric={getPlatformRankingMetric(entry, activeRankingTab)}
               onClick={() => onOpenGalleryDetail(entry)}
             />
           ))}