fix(ui): resolve transition key conflicts in reorderable lists

Add listKeyPrefix prop to ensure unique keys across list instances
Remove enter/leave transition styles to prevent animation glitches
This commit is contained in:
2026-05-01 12:49:08 +08:00
parent 239a2ec3b5
commit bd068ce2f6
3 changed files with 16 additions and 23 deletions

View File

@@ -563,6 +563,7 @@ onMounted(() => {
:items="checklistRows"
:item-key="checklistKey"
:item-label="checklistLabel"
list-key-prefix="checklist"
:disabled="busy"
:handle-label="dragSortLabel"
:handle-title="t('pages.admin.dragSortTitle')"
@@ -611,6 +612,7 @@ onMounted(() => {
:items="configRows"
:item-key="configKey"
:item-label="configLabel"
:list-key-prefix="`config-${activeConfigType}`"
:disabled="busy"
:handle-label="dragSortLabel"
:handle-title="t('pages.admin.dragSortTitle')"
@@ -662,6 +664,7 @@ onMounted(() => {
:items="languageRows"
:item-key="languageKey"
:item-label="languageLabel"
list-key-prefix="languages"
:disabled="busy"
:handle-label="dragSortLabel"
:handle-title="t('pages.admin.dragSortTitle')"
@@ -690,6 +693,7 @@ onMounted(() => {
:items="pokemonRows"
:item-key="pokemonKey"
:item-label="pokemonLabel"
list-key-prefix="pokemon"
:disabled="busy"
:handle-label="dragSortLabel"
:handle-title="t('pages.admin.dragSortTitle')"
@@ -714,6 +718,7 @@ onMounted(() => {
:items="itemRows"
:item-key="itemKey"
:item-label="itemLabel"
list-key-prefix="items"
:disabled="busy"
:handle-label="dragSortLabel"
:handle-title="t('pages.admin.dragSortTitle')"
@@ -738,6 +743,7 @@ onMounted(() => {
:items="recipeRows"
:item-key="recipeKey"
:item-label="recipeLabel"
list-key-prefix="recipes"
:disabled="busy"
:handle-label="dragSortLabel"
:handle-title="t('pages.admin.dragSortTitle')"
@@ -762,6 +768,7 @@ onMounted(() => {
:items="habitatRows"
:item-key="habitatKey"
:item-label="habitatLabel"
list-key-prefix="habitats"
:disabled="busy"
:handle-label="dragSortLabel"
:handle-title="t('pages.admin.dragSortTitle')"