744f949972
- 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
48 lines
1.4 KiB
Vue
48 lines
1.4 KiB
Vue
<script setup>
|
|
import { ArrowUpDown } from 'lucide-vue-next'
|
|
|
|
defineProps({
|
|
sortBy: {
|
|
type: String,
|
|
default: 'az',
|
|
},
|
|
})
|
|
|
|
const emit = defineEmits(['update:sortBy'])
|
|
</script>
|
|
|
|
<template>
|
|
<DropdownMenu>
|
|
<DropdownMenuTrigger as-child>
|
|
<Button variant="outline">
|
|
<TooltipProvider>
|
|
<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.${sortBy}`) }}
|
|
</span>
|
|
</TooltipTrigger>
|
|
<TooltipContent>
|
|
<p>{{ $t('links.sort.tip') }}</p>
|
|
</TooltipContent>
|
|
</Tooltip>
|
|
</TooltipProvider>
|
|
</Button>
|
|
</DropdownMenuTrigger>
|
|
<DropdownMenuContent>
|
|
<DropdownMenuItem @click="emit('update:sortBy', 'newest')">
|
|
{{ $t('links.sort.newest') }}
|
|
</DropdownMenuItem>
|
|
<DropdownMenuItem @click="emit('update:sortBy', 'oldest')">
|
|
{{ $t('links.sort.oldest') }}
|
|
</DropdownMenuItem>
|
|
<DropdownMenuItem @click="emit('update:sortBy', 'az')">
|
|
{{ $t('links.sort.az') }}
|
|
</DropdownMenuItem>
|
|
<DropdownMenuItem @click="emit('update:sortBy', 'za')">
|
|
{{ $t('links.sort.za') }}
|
|
</DropdownMenuItem>
|
|
</DropdownMenuContent>
|
|
</DropdownMenu>
|
|
</template>
|