fix: 修复 GenreManager vue-tsc 类型错误

Button 不支持 onMouseleave prop，改用外层 div 包裹

Modal 的 onUpdate:show 修正为 onUpdateShow

Author: Applesaber

ChuChartManager/Front/src/views/GenreManager/index.tsx

@@ -148,11 +148,12 @@ export default defineComponent({
                           <span class="i-material-symbols-done text-6 c-gray-6" />
                         </Button>
                       ) : isConfirming ? (
-                        <Button danger={!deleteLoad.value} variant="secondary"
-                          onClick={() => del(it.id)} ing={deleteLoad.value}
-                          onMouseleave={() => confirmDeleteId.value = -1}>
-                          {!deleteLoad.value && <span class="i-material-symbols-delete-outline text-6 c-gray-6" />}
-                        </Button>
+                        <div onMouseleave={() => confirmDeleteId.value = -1}>
+                          <Button danger={!deleteLoad.value} variant="secondary"
+                            onClick={() => del(it.id)} ing={deleteLoad.value}>
+                            {!deleteLoad.value && <span class="i-material-symbols-delete-outline text-6 c-gray-6" />}
+                          </Button>
+                        </div>
                       ) : (
                         <div class="flex gap-2">
                           <Button class="w-0 grow-1" variant="secondary" onClick={() => editingId.value = it.id}>
@@ -188,11 +189,12 @@ export default defineComponent({
                           <span class="i-material-symbols-done text-6 c-gray-6" />
                         </Button>
                       ) : isConfirming ? (
-                        <Button danger={!deleteLoad.value} variant="secondary"
-                          onClick={() => del(it.id)} ing={deleteLoad.value}
-                          onMouseleave={() => confirmDeleteId.value = -1}>
-                          {!deleteLoad.value && <span class="i-material-symbols-delete-outline text-6 c-gray-6" />}
-                        </Button>
+                        <div onMouseleave={() => confirmDeleteId.value = -1}>
+                          <Button danger={!deleteLoad.value} variant="secondary"
+                            onClick={() => del(it.id)} ing={deleteLoad.value}>
+                            {!deleteLoad.value && <span class="i-material-symbols-delete-outline text-6 c-gray-6" />}
+                          </Button>
+                        </div>
                       ) : (
                         <div class="flex gap-2">
                           <Button class="w-0 grow-1" variant="secondary" onClick={() => editingId.value = it.id}>
@@ -213,7 +215,7 @@ export default defineComponent({
           </div>
         </div>
 
-        <Modal show={showCreate.value} onUpdate:show={(v: boolean) => showCreate.value = v}
+        <Modal show={showCreate.value} onUpdateShow={(v: boolean) => showCreate.value = v}
           title={`${t('common.create')}${activeTab.value === 'genre' ? t('genre.management') : t('releaseTag.management')}`} width="min(30vw,25em)">
           {{
             default: () => (

README.md

@@ -5,7 +5,7 @@
 ## 目前已经实现的功能
 
 - [x] 浏览本地谱面列表
-- [x] 流派管理/版本管理
+- [x] 流派 / 版本分类查看和修改
 - [x] 修改谱面基础信息
 - [x] 导出谱面（C2S/UGC/SUS 互转）
 - [x] 封面导入、BGM 导出 MP3