fix: corrects sorting order and enhances link sorting UX
- Fixes ascending/descending sort order for newest/oldest links - Automatically sets sort to 'newest' when creating a link - Updates Chinese translation for A-Z/Z-A sort labels - Shows current sort option in dropdown button - Reduces tooltip delay for better responsiveness - Removes unused Button import in QRCode component
This commit is contained in:
parent
ac7caf141f
commit
744f949972
4 changed files with 7 additions and 7 deletions
|
|
@ -14,9 +14,9 @@ const displayedLinks = computed(() => {
|
|||
const sorted = [...links.value]
|
||||
switch (sortBy.value) {
|
||||
case 'newest':
|
||||
return sorted.sort((a, b) => a.createdAt - b.createdAt)
|
||||
case 'oldest':
|
||||
return sorted.sort((a, b) => b.createdAt - a.createdAt)
|
||||
case 'oldest':
|
||||
return sorted.sort((a, b) => a.createdAt - b.createdAt)
|
||||
case 'az':
|
||||
return sorted.sort((a, b) => a.slug.localeCompare(b.slug))
|
||||
case 'za':
|
||||
|
|
@ -68,6 +68,7 @@ function updateLinkList(link, type) {
|
|||
}
|
||||
else {
|
||||
links.value.unshift(link)
|
||||
sortBy.value = 'newest'
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
|
|
|||
|
|
@ -1,5 +1,4 @@
|
|||
<script setup>
|
||||
import { Button } from '#components'
|
||||
import { Download } from 'lucide-vue-next'
|
||||
import QRCodeStyling from 'qr-code-styling'
|
||||
|
||||
|
|
|
|||
|
|
@ -16,11 +16,11 @@ const emit = defineEmits(['update:sortBy'])
|
|||
<DropdownMenuTrigger as-child>
|
||||
<Button variant="outline">
|
||||
<TooltipProvider>
|
||||
<Tooltip>
|
||||
<Tooltip :delay-duration="100">
|
||||
<TooltipTrigger class="flex items-center">
|
||||
<ArrowUpDown class="h-4 w-4 sm:mr-2" />
|
||||
<span class="hidden sm:inline">
|
||||
{{ $t('links.sort.newest') }}
|
||||
{{ $t(`links.sort.${sortBy}`) }}
|
||||
</span>
|
||||
</TooltipTrigger>
|
||||
<TooltipContent>
|
||||
|
|
|
|||
|
|
@ -161,8 +161,8 @@
|
|||
"sort": {
|
||||
"newest": "最新",
|
||||
"oldest": "最旧",
|
||||
"az": "字母(A-Z)",
|
||||
"za": "字母(Z-A)",
|
||||
"az": "短链(A-Z)",
|
||||
"za": "短链(Z-A)",
|
||||
"tip": "体验功能: 仅对已经加载的链接有效"
|
||||
}
|
||||
}
|
||||
|
|
|
|||
Loading…
Reference in a new issue