|
|
@@ -4,7 +4,7 @@
|
|
|
<div
|
|
|
v-if="store.shouldShowTrack && (doubleTrack || !track.isByMultMark)"
|
|
|
:key="`key-${track.mainNumber}-${track.subNumber}-${track.offsetY}-${track.offsetX}`"
|
|
|
- class="score-container"
|
|
|
+ class="score-container no-event"
|
|
|
:class="[focusedTrack(track) && 'score-animation']"
|
|
|
:style="computeTopAndLeft(track)"
|
|
|
>
|
|
|
@@ -19,25 +19,27 @@
|
|
|
</transition-group>
|
|
|
<template v-for="(tag, index) in specialTagList" :key="index">
|
|
|
<div
|
|
|
- :class="['score-container', { 'no-event': tag.tagType !== 'TEXT' }]"
|
|
|
+ v-if="tag.tagType === 'TEXT'"
|
|
|
+ class="score-container"
|
|
|
:style="computeTopAndLeft(tag)"
|
|
|
@keypress.stop
|
|
|
@mousemove.stop
|
|
|
@mousedown.stop
|
|
|
@mouseup.stop
|
|
|
>
|
|
|
- <template v-if="tag.tagType === 'TEXT'">
|
|
|
- <a-textarea
|
|
|
- v-model:value="tag.tagName"
|
|
|
- class="tag-textarea tw-m-auto"
|
|
|
- :autosize="{ minRows: 2, maxRows: 6 }"
|
|
|
- :maxlength="32"
|
|
|
- />
|
|
|
- </template>
|
|
|
- <!-- <template v-else-if="tag.tagType === 'RIGHT'">
|
|
|
- <CheckOutlined class="tw-m-auto" />
|
|
|
- </template> -->
|
|
|
- <span v-else class="tw-m-auto">
|
|
|
+ <a-textarea
|
|
|
+ v-model:value="tag.tagName"
|
|
|
+ class="tag-textarea tw-m-auto"
|
|
|
+ :autosize="{ minRows: 2, maxRows: 6 }"
|
|
|
+ :maxlength="32"
|
|
|
+ />
|
|
|
+ </div>
|
|
|
+ <div
|
|
|
+ v-else
|
|
|
+ :class="['score-container', 'no-event']"
|
|
|
+ :style="computeTopAndLeft(tag)"
|
|
|
+ >
|
|
|
+ <span class="tw-m-auto">
|
|
|
{{ tag.tagName }}
|
|
|
</span>
|
|
|
</div>
|
