refactor(LoraCyclerWidget): UI/UX improvements

- Replace REP badge with segmented progress bar for repeat indicator
- Reorganize Starting Index & Repeat controls into aligned groups
- Change repeat format from '× [count] times' to '[count] ×' for better alignment
- Remove unnecessary refresh button and related logic
This commit is contained in:
Will Miao
2026-02-01 20:00:30 +08:00
parent db1aec94e5
commit 71c8cf84e0
4 changed files with 379 additions and 403 deletions

View File

@@ -23,7 +23,6 @@
@update:repeat-count="handleRepeatCountChange"
@toggle-pause="handleTogglePause"
@reset-index="handleResetIndex"
@refresh="handleRefresh"
/>
</div>
</template>
@@ -136,16 +135,6 @@ const handleUseCustomClipRangeChange = (newValue: boolean) => {
}
}
// Handle refresh button click
const handleRefresh = async () => {
try {
const poolConfig = getPoolConfig()
await state.refreshList(poolConfig)
} catch (error) {
console.error('[LoraCyclerWidget] Error refreshing:', error)
}
}
// Handle repeat count change
const handleRepeatCountChange = (newValue: number) => {
state.repeatCount.value = newValue