|
@@ -1,9 +1,10 @@
|
|
|
<template>
|
|
|
<transition-group name="track-score" tag="div">
|
|
|
- <template v-for="track in markerTrackList">
|
|
|
+ <template
|
|
|
+ v-for="track in markerTrackList"
|
|
|
+ :key="`key-${track.mainNumber}-${track.subNumber}-${track.offsetY}-${track.offsetX}`"
|
|
|
+ >
|
|
|
<div
|
|
|
- v-if="markStore.shouldShowTrack && (doubleTrack || !track.isByMultMark)"
|
|
|
- :key="`key-${track.mainNumber}-${track.subNumber}-${track.offsetY}-${track.offsetX}`"
|
|
|
class="score-container no-event"
|
|
|
:class="[focusedTrack(track) && 'score-animation']"
|
|
|
:style="computeTopAndLeft(track)"
|
|
@@ -58,7 +59,7 @@
|
|
|
|
|
|
<script setup lang="ts">
|
|
|
import type { SpecialTag, Track } from "@/types";
|
|
|
-import { toRefs, watch, nextTick, computed } from "vue";
|
|
|
+import { toRefs, watch, nextTick } from "vue";
|
|
|
import { useMarkStore } from "@/store";
|
|
|
import { message } from "ant-design-vue";
|
|
|
import { CheckOutlined } from "@ant-design/icons-vue";
|
|
@@ -67,9 +68,6 @@ const route = useRoute();
|
|
|
|
|
|
const markStore = useMarkStore();
|
|
|
|
|
|
-const doubleTrack = computed(() => {
|
|
|
- return !!markStore.setting?.doubleTrack;
|
|
|
-});
|
|
|
const props = defineProps<{
|
|
|
markerTrackList: Array<Track>;
|
|
|
markerTagList: Array<SpecialTag>;
|