feat(import): 导入对话框显示封面预览与检测到的难度列表

- 前端扫描目录里所有 .ugc/.c2s/.sus 文件

- 表单显示封面预览、检测到的全部难度（含定数小数）

- api: importMusicCheck/Execute 改为接收 List<File> charts

Author: Applesaber

ChuChartManager/Front/src/api/index.ts

@@ -121,55 +121,45 @@ export function getExportChartUrl(id: number, assetDir: string, diffIndex: numbe
 
 export interface ImportCheckResult {
   success: boolean
-  format: string
   alerts: string[]
   suggestedId: number
-  difficulty: number
-  level: number
-  levelDecimal: number
-  designer: string
   title: string
   artist: string
+  difficulties: { fileName: string; difficulty: number; level: number; levelDecimal: number; designer: string }[]
 }
 
 export interface ImportExecuteResult {
   success: boolean
   alerts: string[]
 }
 
-export async function importMusicCheck(chart: File): Promise<ImportCheckResult> {
+export async function importMusicCheck(charts: File[]): Promise<ImportCheckResult> {
   const form = new FormData()
-  form.append('chart', chart)
+  for (const chart of charts) form.append('charts', chart)
   const { data } = await apiClient.post('/api/Music/ImportMusicCheck', form)
   return data
 }
 
 export async function importMusicExecute(params: {
-  chart: File
+  charts: File[]
   audio: File
   cover?: File
   id: number
   title: string
   artist: string
   genreId: number
   genreName: string
-  difficulty: number
-  level: number
-  levelDecimal: number
   targetDir: string
 }): Promise<ImportExecuteResult> {
   const form = new FormData()
-  form.append('chart', params.chart)
+  for (const chart of params.charts) form.append('charts', chart)
   form.append('audio', params.audio)
   if (params.cover) form.append('cover', params.cover)
   form.append('id', params.id.toString())
   form.append('title', params.title)
   form.append('artist', params.artist)
   form.append('genreId', params.genreId.toString())
   form.append('genreName', params.genreName)
-  form.append('difficulty', params.difficulty.toString())
-  form.append('level', params.level.toString())
-  form.append('levelDecimal', params.levelDecimal.toString())
   form.append('targetDir', params.targetDir)
   const { data } = await apiClient.post('/api/Music/ImportMusicExecute', form, { timeout: 120000 })
   return data

ChuChartManager/Front/src/locales/en.yaml

@@ -137,6 +137,7 @@ music:
   importFailed: Import failed
   importChecking: Checking...
   importExecuting: Importing...
+  importDifficulties: Detected difficulties
   importFoundFiles: Files found
   importId: Music ID
   importDifficulty: Difficulty

ChuChartManager/Front/src/locales/ja.yaml

@@ -137,6 +137,7 @@ music:
   importFailed: インポート失敗
   importChecking: 確認中...
   importExecuting: インポート中...
+  importDifficulties: 検出された難易度
   importFoundFiles: 見つかったファイル
   importId: Music ID
   importDifficulty: 難易度

ChuChartManager/Front/src/locales/zh.yaml

@@ -137,6 +137,7 @@ music:
   importFailed: 导入失败
   importChecking: 正在检查...
   importExecuting: 正在导入...
+  importDifficulties: 检测到的难度
   importFoundFiles: 已找到文件
   importId: Music ID
   importDifficulty: 难度

ChuChartManager/Front/src/views/ImportMusicModal.vue

@@ -1,10 +1,10 @@
 <script setup lang="ts">
 import { ref, computed, onMounted } from 'vue'
 import { useI18n } from 'vue-i18n'
-import { Button, TextInput, NumberInput, Select, Modal, DropMenu, addToast } from '@munet/ui'
+import { Button, TextInput, NumberInput, Select, Modal, addToast } from '@munet/ui'
 import { getGenreMap, getSources, importMusicCheck, importMusicExecute } from '@/api'
-import { selectedSource } from '@/store/refs'
 import type { ImportCheckResult } from '@/api'
+import { selectedSource } from '@/store/refs'
 import BottomOverlay from '@/components/BottomOverlay.vue'
 import FileTypeIcon from '@/components/FileTypeIcon.vue'
 
@@ -14,45 +14,31 @@ const { t } = useI18n()
 const loading = ref(false)
 const step = ref<'idle' | 'picking' | 'checking' | 'form' | 'executing'>('idle')
 
-const chartFile = ref<File | null>(null)
+const chartFiles = ref<File[]>([])
 const audioFile = ref<File | null>(null)
 const coverFile = ref<File | null>(null)
 const checkResult = ref<ImportCheckResult | null>(null)
 
 const title = ref('')
 const artist = ref('')
 const genreId = ref(0)
-const difficulty = ref(3)
-const level = ref(10)
-const levelDecimal = ref(0)
-const constant = computed({
-  get: () => level.value + levelDecimal.value / 100,
-  set: (v: number) => {
-    level.value = Math.floor(v)
-    levelDecimal.value = Math.round((v - Math.floor(v)) * 100)
-  },
-})
 const targetDir = ref('')
 const musicId = ref(8000)
 
+const diffNames = ['BASIC', 'ADVANCED', 'EXPERT', 'MASTER', 'ULTIMA']
+
 const genreMap = ref<Record<number, string>>({})
 const sources = ref<string[]>([])
 
 const showForm = computed(() => step.value === 'form' || step.value === 'executing')
+const coverUrl = computed(() => coverFile.value ? URL.createObjectURL(coverFile.value) : '')
 
 const genreOptions = computed(() =>
   Object.entries(genreMap.value).map(([id, name]) => ({ label: name, value: Number(id) }))
 )
 const sourceOptions = computed(() =>
   sources.value.filter(s => s !== 'A000').map(s => ({ label: s, value: s }))
 )
-const diffOptions = [
-  { label: 'BASIC', value: 0 },
-  { label: 'ADVANCED', value: 1 },
-  { label: 'EXPERT', value: 2 },
-  { label: 'MASTER', value: 3 },
-  { label: 'ULTIMA', value: 4 },
-]
 
 onMounted(async () => {
   const [g, s] = await Promise.all([getGenreMap(), getSources()])
@@ -64,6 +50,14 @@ onMounted(async () => {
   }
 })
 
+function findAllByExt(files: File[], exts: string[]): File[] {
+  return files.filter(f => exts.some(e => f.name.toLowerCase().endsWith(e)))
+}
+
+function findByExt(files: File[], exts: string[]): File | null {
+  return files.find(f => exts.some(e => f.name.toLowerCase().endsWith(e))) ?? null
+}
+
 function parseFolderName(name: string) {
   const cleaned = name.replace(/\s*\(v\d+\)\s*$/, '').trim()
   const sep = cleaned.indexOf(' - ')
@@ -76,15 +70,11 @@ function parseFolderName(name: string) {
   }
 }
 
-function findByExt(files: File[], exts: string[]): File | null {
-  return files.find(f => exts.some(e => f.name.toLowerCase().endsWith(e))) ?? null
-}
-
 async function startImport() {
   step.value = 'picking'
   let dirHandle: FileSystemDirectoryHandle
   try {
-    dirHandle = await (window as any).showDirectoryPicker({ id: 'import-chart', startIn: 'downloads' })
+    dirHandle = await window.showDirectoryPicker({ id: 'import-chart', startIn: 'downloads' })
   } catch {
     step.value = 'idle'
     return
@@ -93,15 +83,15 @@ async function startImport() {
   step.value = 'checking'
 
   const files: File[] = []
-  for await (const entry of (dirHandle as any).values()) {
-    if (entry.kind === 'file') files.push(await entry.getFile())
+  for await (const entry of dirHandle.values()) {
+    if (entry.kind === 'file') files.push(await (entry as FileSystemFileHandle).getFile())
   }
 
-  chartFile.value = findByExt(files, ['.ugc', '.c2s', '.sus'])
+  chartFiles.value = findAllByExt(files, ['.ugc', '.c2s', '.sus'])
   audioFile.value = findByExt(files, ['.wav', '.mp3', '.ogg'])
   coverFile.value = findByExt(files, ['.png', '.jpg', '.jpeg'])
 
-  if (!chartFile.value) {
+  if (chartFiles.value.length === 0) {
     addToast({ message: t('music.importNoChart'), type: 'error' })
     step.value = 'idle'
     return
@@ -113,11 +103,8 @@ async function startImport() {
   }
 
   try {
-    checkResult.value = await importMusicCheck(chartFile.value)
+    checkResult.value = await importMusicCheck(chartFiles.value)
     musicId.value = checkResult.value.suggestedId
-    difficulty.value = checkResult.value.difficulty
-    level.value = checkResult.value.level
-    levelDecimal.value = checkResult.value.levelDecimal
     if (checkResult.value.title) title.value = checkResult.value.title
     else parseFolderName(dirHandle.name)
     if (checkResult.value.artist) artist.value = checkResult.value.artist
@@ -129,24 +116,21 @@ async function startImport() {
 }
 
 async function doImport() {
-  if (!chartFile.value || !audioFile.value) return
+  if (chartFiles.value.length === 0 || !audioFile.value) return
   step.value = 'executing'
   loading.value = true
 
   try {
     const genreName = genreMap.value[genreId.value] || ''
     const result = await importMusicExecute({
-      chart: chartFile.value,
+      charts: chartFiles.value,
       audio: audioFile.value,
       cover: coverFile.value ?? undefined,
       id: musicId.value,
       title: title.value,
       artist: artist.value,
       genreId: genreId.value,
       genreName,
-      difficulty: difficulty.value,
-      level: level.value,
-      levelDecimal: levelDecimal.value,
       targetDir: targetDir.value,
     })
 
@@ -203,15 +187,28 @@ defineExpose({ startImport })
       </div>
 
       <template v-if="showForm">
+        <div v-if="coverFile" class="flex justify-center">
+          <img :src="coverUrl" class="w-32 h-32 rounded-lg object-cover" />
+        </div>
+
         <div class="flex flex-col gap-1 text-sm op-70 bg-white/5 rd p-3">
           <div>{{ t('music.importFoundFiles') }}:</div>
           <div class="flex gap-3 flex-wrap">
-            <span v-if="chartFile">{{ chartFile.name }}</span>
+            <span v-for="f in chartFiles" :key="f.name">{{ f.name }}</span>
             <span v-if="audioFile">{{ audioFile.name }}</span>
             <span v-if="coverFile">{{ coverFile.name }}</span>
           </div>
         </div>
 
+        <div v-if="checkResult?.difficulties?.length" class="text-sm bg-white/5 rd p-3">
+          <div class="op-70 mb-2">{{ t('music.importDifficulties') }}:</div>
+          <div class="flex gap-2 flex-wrap">
+            <span v-for="d in checkResult.difficulties" :key="d.difficulty" class="px-2 py-0.5 rd bg-white/10">
+              {{ diffNames[d.difficulty] || `DIFF ${d.difficulty}` }} {{ (d.level + d.levelDecimal / 100).toFixed(1) }}
+            </span>
+          </div>
+        </div>
+
         <div v-if="checkResult?.alerts?.length" class="text-sm c-orange bg-orange/10 rd p-2">
           <div v-for="(a, i) in checkResult.alerts" :key="i">{{ a }}</div>
         </div>
@@ -229,14 +226,6 @@ defineExpose({ startImport })
             <label class="block text-sm op-60 mb-1">{{ t('music.genre') }}</label>
             <Select :options="genreOptions" v-model:value="genreId" :disabled="loading" />
           </div>
-          <div>
-            <label class="block text-sm op-60 mb-1">{{ t('music.importDifficulty') }}</label>
-            <Select :options="diffOptions" v-model:value="difficulty" :disabled="loading" />
-          </div>
-          <div>
-            <label class="block text-sm op-60 mb-1">{{ t('music.chartConstant') }}</label>
-            <NumberInput v-model:value="constant" :min="0" :max="15.9" :step="0.1" :decimal="1" :disabled="loading" class="w-full" />
-          </div>
           <div>
             <label class="block text-sm op-60 mb-1">{{ t('music.importTargetDir') }}</label>
             <Select :options="sourceOptions" v-model:value="targetDir" :disabled="loading" />