feat: 每曲问题校验徽标

抽出 MusicValidator 共享校验逻辑（无音频/无封面/无启用难度），
CLI validate 与曲库列表复用；列表项内联警告图标，详情面板问题列表

Author: Applesaber

ChuChartManager.CLI/Commands/ValidateCommand.cs

@@ -23,34 +23,29 @@ public override async Task<int> ExecuteAsync(CommandContext context, Settings se
 
         int total = 0, missingAudio = 0, missingJacket = 0, noDiffs = 0;
 
+        var labels = new Dictionary<string, string>
+        {
+            [MusicValidator.NoAudio] = "[yellow]无音频[/]",
+            [MusicValidator.NoJacket] = "[yellow]无封面[/]",
+            [MusicValidator.NoEnabledFumen] = "[yellow]无启用难度[/]",
+        };
+
         foreach (var list in scanner.MusicBySource.Values)
         {
             foreach (var music in list)
             {
                 total++;
-                var issues = new List<string>();
-
-                if (AudioHelper.FindAwbPath(music) == null)
-                {
-                    missingAudio++;
-                    issues.Add("[yellow]无音频[/]");
-                }
+                var problems = MusicValidator.Validate(music);
 
-                if (music.GetJacketFullPath() == null)
-                {
-                    missingJacket++;
-                    issues.Add("[yellow]无封面[/]");
-                }
+                if (problems.Contains(MusicValidator.NoAudio)) missingAudio++;
+                if (problems.Contains(MusicValidator.NoJacket)) missingJacket++;
+                if (problems.Contains(MusicValidator.NoEnabledFumen)) noDiffs++;
 
-                var enabledCount = music.Fumens.Count(f => f is { Enable: true });
-                if (enabledCount == 0)
+                if (problems.Count > 0)
                 {
-                    noDiffs++;
-                    issues.Add("[yellow]无启用难度[/]");
-                }
-
-                if (issues.Count > 0)
+                    var issues = problems.Select(p => labels.GetValueOrDefault(p, p));
                     AnsiConsole.MarkupLine($"  #{music.Id:D4} {Markup.Escape(music.Name)}: {string.Join(", ", issues)}");
+                }
             }
         }
 

ChuChartManager/Controllers/MusicController.cs

@@ -59,7 +59,8 @@ public ActionResult<List<MusicListItem>> GetMusicList([FromQuery] string? source
                 LevelDisplay = f.LevelDisplay,
                 NotesDesigner = f.NotesDesigner,
                 NoteCount = f.NoteCount
-            }).ToArray()
+            }).ToArray(),
+            Problems = MusicValidator.Validate(m)
         }).ToList();
 
         return Ok(result);
@@ -1402,6 +1403,7 @@ public class MusicListItem
     public string WorldsEndTag { get; set; } = "";
     public bool IsWorldsEnd { get; set; }
     public FumenSummary?[] Fumens { get; set; } = new FumenSummary?[6];
+    public List<string> Problems { get; set; } = [];
 }
 
 public class FumenSummary

ChuChartManager/Front/src/api/index.ts

@@ -43,6 +43,7 @@ export interface MusicListItem {
   worldsEndTag: string
   isWorldsEnd: boolean
   fumens: (FumenSummary | null)[]
+  problems: string[]
 }
 
 export interface FumenSummary {

ChuChartManager/Front/src/components/ProblemsDisplay.tsx

@@ -0,0 +1,44 @@
+import { defineComponent, PropType } from 'vue'
+import { Popover } from '@munet/ui'
+import { useI18n } from 'vue-i18n'
+
+export default defineComponent({
+  props: {
+    problems: { type: Array as PropType<string[]>, required: true },
+    inline: { type: Boolean, default: false },
+  },
+  setup(props) {
+    const { t } = useI18n()
+    const label = (code: string) => t(`problems.${code}`)
+
+    return () => {
+      if (!props.problems.length) return null
+
+      if (props.inline) {
+        return (
+          <Popover trigger="hover">
+            {{
+              trigger: () => <div class="text-#f0a020 i-mdi-alert-circle-outline text-1.1em shrink-0" />,
+              default: () => (
+                <div class="flex flex-col gap-1">
+                  {props.problems.map(p => <div key={p}>{label(p)}</div>)}
+                </div>
+              ),
+            }}
+          </Popover>
+        )
+      }
+
+      return (
+        <div class="flex flex-col gap-1 c-#d99000 bg-#f0a02018 rd p-2 text-sm">
+          {props.problems.map(p => (
+            <div key={p} class="flex items-center gap-1.5">
+              <div class="i-mdi-alert-circle-outline shrink-0" />
+              {label(p)}
+            </div>
+          ))}
+        </div>
+      )
+    }
+  },
+})

ChuChartManager/Front/src/locales/en.yaml

@@ -61,6 +61,10 @@ about:
 startup:
   errorTitle: Errors occurred during startup
   fixPrompt: Please review and fix the issues above. Edit or remove the affected files manually if necessary.
+problems:
+  NoAudio: Missing audio
+  NoJacket: Missing jacket
+  NoEnabledFumen: No enabled difficulty
 oobe:
   welcomeMessage: Welcome to ChuChartManager
   selectGameDir: Select Game Directory

ChuChartManager/Front/src/locales/ja.yaml

@@ -61,6 +61,10 @@ about:
 startup:
   errorTitle: 起動時にエラーが発生しました
   fixPrompt: 上記の問題を確認して修正してください。必要に応じて該当ファイルを手動で編集または削除してください。
+problems:
+  NoAudio: 音声がありません
+  NoJacket: ジャケットがありません
+  NoEnabledFumen: 有効な難易度がありません
 oobe:
   welcomeMessage: ChuChartManager へようこそ
   selectGameDir: ゲームディレクトリを選択

ChuChartManager/Front/src/locales/zh.yaml

@@ -61,6 +61,10 @@ about:
 startup:
   errorTitle: 启动时发生错误
   fixPrompt: 请检查并修复以上问题，必要时手动修改或删除对应文件。
+problems:
+  NoAudio: 缺少音频
+  NoJacket: 缺少封面
+  NoEnabledFumen: 没有启用的难度
 oobe:
   welcomeMessage: 欢迎使用 ChuChartManager
   selectGameDir: 选择游戏目录

ChuChartManager/Front/src/views/MusicList.vue

@@ -16,6 +16,7 @@ import PlayerBar from '@/components/PlayerBar.vue'
 import BottomOverlay from '@/components/BottomOverlay.vue'
 import FileTypeIcon from '@/components/FileTypeIcon.vue'
 import MusicIdConflictNotifier from '@/components/MusicIdConflictNotifier'
+import ProblemsDisplay from '@/components/ProblemsDisplay'
 import { BlobWriter, ZipReader } from '@zip.js/zip.js'
 import getSubDirFile from '@/utils/getSubDirFile'
 import { useI18n } from 'vue-i18n'
@@ -566,7 +567,10 @@ const copyExportOptions = computed(() => {
               <div v-else class="h-16 w-16 shrink-0 bg-white/10 flex items-center justify-center text-xs op-40 rd">?</div>
               <div class="flex flex-col grow-1 w-0">
                 <div class="text-xs op-50">{{ String(music.id).padStart(4, '0') }}</div>
-                <div class="text-ellipsis of-hidden ws-nowrap">{{ music.name }}</div>
+                <div class="text-ellipsis of-hidden ws-nowrap flex items-center gap-1">
+                  <span class="text-ellipsis of-hidden ws-nowrap">{{ music.name }}</span>
+                  <ProblemsDisplay :problems="music.problems" inline />
+                </div>
                 <div class="flex gap-1 mt-auto items-center">
                   <template v-for="(f, i) in music.fumens" :key="i">
                     <span v-if="f?.enable" class="rounded-full px-2 text-sm leading-6 font-medium" :style="getDiffBadgeStyle(i)">{{ i === 5 && music.worldsEndTag ? music.worldsEndTag : f.levelDisplay }}</span>
@@ -619,6 +623,7 @@ const copyExportOptions = computed(() => {
                 <span v-if="f?.enable" class="rounded-full px-2.5 py-0.5 text-sm font-medium" :style="getDiffBadgeStyle(i)">{{ diffNames[i] }} {{ i === 5 && selectedMusic.worldsEndTag ? selectedMusic.worldsEndTag : f.levelDisplay }}</span>
               </template>
             </div>
+            <ProblemsDisplay v-if="selectedMusic.problems.length" :problems="selectedMusic.problems" class="mt-3" />
           </div>
         </div>
 

ChuChartManager/MusicValidator.cs

@@ -0,0 +1,26 @@
+using ChuChartManager.Models;
+
+namespace ChuChartManager;
+
+public static class MusicValidator
+{
+    public const string NoAudio = "NoAudio";
+    public const string NoJacket = "NoJacket";
+    public const string NoEnabledFumen = "NoEnabledFumen";
+
+    public static List<string> Validate(MusicXml music)
+    {
+        var problems = new List<string>();
+
+        if (AudioHelper.FindAwbPath(music) == null)
+            problems.Add(NoAudio);
+
+        if (music.GetJacketFullPath() == null)
+            problems.Add(NoJacket);
+
+        if (!music.Fumens.Any(f => f is { Enable: true }))
+            problems.Add(NoEnabledFumen);
+
+        return problems;
+    }
+}