fix: 没写 key 引起的问题

Author: clansty

MaiChartManager/Front/src/components/AssetDirsManager/index.tsx

@@ -26,7 +26,7 @@ export default defineComponent({
           </NFlex>
           <NScrollbar class="h-80vh">
             <NList>
-              {assetDirs.value.map(it => <NListItem>
+              {assetDirs.value.map(it => <NListItem key={it.dirName!}>
                 <AssetDirDisplay dir={it}/>
               </NListItem>)}
             </NList>

MaiChartManager/Front/src/components/GenreVersionManager/index.tsx

@@ -42,7 +42,8 @@ export default defineComponent({
             preset="card"
             class="w-[min(70vw,80em)]"
             title={`${text.value}管理`}
-            v-model:show={show.value}
+            show={show.value !== EDIT_TYPE.None}
+            onUpdateShow={() => show.value = EDIT_TYPE.None}
           >
             <NFlex vertical>
               <NFlex align="center">
@@ -51,7 +52,7 @@ export default defineComponent({
               </NFlex>
               <NScrollbar class="h-80vh">
                 <NList>
-                  {list.value.map(it => <NListItem>
+                  {list.value.map(it => <NListItem key={it.id}>
                     <GenreDisplay genre={it} type={show.value} class={`${editingId.value >= 0 && editingId.value !== it.id && 'op-30'}`} disabled={editingId.value >= 0 && editingId.value !== it.id}
                                   style={{transition: 'opacity 0.3s'}}
                                   editing={editingId.value === it.id} setEdit={isEdit => editingId.value = isEdit ? it.id! : -1}/>

MaiChartManager/Front/src/components/ModManager/ConfigEditor.tsx

@@ -97,8 +97,8 @@ export default defineComponent({
         {props.badgeType && <NCheckbox v-model:checked={disableBadge.value}>隐藏按钮上的角标</NCheckbox>}
         {config.value && <NScrollbar class="max-h-60vh p-2">
           {Object.entries(config.value).map(([key, section]) => !!section && <>
-            <NDivider titlePlacement="left">{comments.sections[key]}</NDivider>
-            {Object.keys(section).map((k) => <NFormItem label={capitalCase(k)} labelPlacement="left" labelWidth="10em">
+            <NDivider titlePlacement="left" key={key}>{comments.sections[key]}</NDivider>
+            {Object.keys(section).map((k) => <NFormItem key={k} label={capitalCase(k)} labelPlacement="left" labelWidth="10em">
               <NFlex vertical class="w-full ws-pre-line">
                 <NFlex class="h-34px" align="center">
                   {typeof section[k] === 'boolean' ? <NSwitch v-model:value={section[k]}/> : <NInput v-model:value={section[k]} placeholder=""/>}

MaiChartManager/Front/src/components/MusicList/MusicEntry.tsx

@@ -28,7 +28,7 @@ export default defineComponent({
           <NFlex class="pt-1 text-sm" size="small">
             {
               (props.music.chartsAvailable || []).map(chart =>
-                <div class="c-white rounded-full px-2" style={{backgroundColor: LEVEL_COLOR[chart.index!]}}>{LEVELS[chart.levelId!]}</div>)
+                <div key={chart.index} class="c-white rounded-full px-2" style={{backgroundColor: LEVEL_COLOR[chart.index!]}}>{LEVELS[chart.levelId!]}</div>)
             }
           </NFlex>
         </div>

MaiChartManager/Front/src/components/ProblemsDisplay.tsx

@@ -11,7 +11,7 @@ export default defineComponent({
         // 它又不居中
         trigger: () => <div class="text-#f0a020 i-material-symbols-warning-outline-rounded text-2em translate-y-.3"/>,
         default: () => <NFlex vertical>
-          {props.problems!.map(p => <div>{p}</div>)}
+          {props.problems!.map((p, index) => <div key={index}>{p}</div>)}
         </NFlex>
       }}
     </NPopover>;