MrUnknownDE/VRCX
1
0
Fork 0
mirror of https://github.com/MrUnknownDE/VRCX.git synced 2026-05-06 06:46:04 +02:00
Code Issues Packages Projects Releases Wiki Activity

replace some el-button

Browse Source
This commit is contained in:
pa
2026-01-12 18:10:14 +09:00
committed by Natsumi
parent f1874434de
commit 59700b90ab
29 changed files with 697 additions and 567 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/views/Favorites/FavoritesAvatar.vue
+43 -26
View File
@@ -35,7 +35,7 @@
@input="searchAvatarFavorites" />
<DropdownMenu v-model:open="avatarToolbarMenuOpen">
<DropdownMenuTrigger as-child>
<el-button :icon="MoreFilled" size="small" circle />
<Button class="rounded-full" size="icon-sm" variant="ghost"> <Ellipsis /> </Button>
</DropdownMenuTrigger>
<DropdownMenuContent class="favorites-dropdown">
<li class="favorites-dropdown__control" @click.stop>
@@ -195,16 +195,19 @@
<div class="group-section__header">
<span>{{ t('view.favorite.avatars.local_favorites') }}</span>
<template v-if="!refreshingLocalFavorites">
<el-button
size="small"
:icon="Refresh"
circle
@click.stop="refreshLocalAvatarFavorites" />
<Button
class="rounded-full"
size="icon"
variant="outline"
@click.stop="refreshLocalAvatarFavorites"
><RefreshCcw
/></Button>
</template>
<el-button v-else size="small" text @click.stop="cancelLocalAvatarRefresh">
<el-icon class="is-loading"><Loading /></el-icon>
<Button size="sm" variant="ghost" v-else @click.stop="cancelLocalAvatarRefresh">
<Loader />
{{ t('view.favorite.avatars.cancel_refresh') }}
</el-button>
</Button>
</div>
<div class="group-section__list">
<template v-if="localAvatarFavoriteGroups.length">
@@ -226,12 +229,13 @@
:open="activeGroupMenu === localGroupMenuKey(group)"
@update:open="handleGroupMenuVisible(localGroupMenuKey(group), $event)">
<PopoverTrigger asChild>
<el-button
text
size="small"
:icon="MoreFilled"
circle
@click.stop></el-button>
<Button
class="rounded-full"
size="icon-sm"
variant="ghost"
@click.stop
><Ellipsis
/></Button>
</PopoverTrigger>
<PopoverContent side="right" class="w-50 p-1 rounded-lg">
<div class="favorites-group-menu">
@@ -295,7 +299,9 @@
:open="activeGroupMenu === historyGroupMenuKey"
@update:open="handleGroupMenuVisible(historyGroupMenuKey, $event)">
<PopoverTrigger asChild>
<el-button text size="small" :icon="MoreFilled" circle @click.stop></el-button>
<Button class="rounded-full" size="icon-sm" variant="ghost" @click.stop
><Ellipsis
/></Button>
</PopoverTrigger>
<PopoverContent side="right" class="w-45 p-1 rounded-lg">
<div class="favorites-group-menu">
@@ -359,25 +365,34 @@
<div
v-if="avatarEditMode && !isSearchActive && activeRemoteGroup"
class="favorites-content__actions">
<el-button size="small" @click="toggleSelectAllAvatars">
<Button size="sm" variant="outline" @click="toggleSelectAllAvatars">
{{
isAllAvatarsSelected
? t('view.favorite.deselect_all')
: t('view.favorite.select_all')
}}
</el-button>
<el-button size="small" :disabled="!hasAvatarSelection" @click="clearSelectedAvatars">
</Button>
<Button
size="sm"
variant="secondary"
:disabled="!hasAvatarSelection"
@click="clearSelectedAvatars">
{{ t('view.favorite.clear') }}
</el-button>
<el-button size="small" :disabled="!hasAvatarSelection" @click="copySelectedAvatars">
</Button>
<Button
size="sm"
variant="outline"
:disabled="!hasAvatarSelection"
@click="copySelectedAvatars">
{{ t('view.favorite.copy') }}
</el-button>
<el-button
size="small"
</Button>
<Button
size="sm"
variant="outline"
:disabled="!hasAvatarSelection"
@click="showAvatarBulkUnfavoriteSelectionConfirm">
{{ t('view.favorite.bulk_unfavorite') }}
</el-button>
</Button>
</div>
</div>
<div ref="avatarFavoritesContainerRef" class="favorites-content__list">
@@ -496,8 +511,10 @@
<script setup>
import { computed, h, nextTick, onBeforeMount, onBeforeUnmount, onMounted, reactive, ref, watch } from 'vue';
import { Loading, MoreFilled, Plus, Refresh } from '@element-plus/icons-vue';
import { ElMessageBox, ElNotification, ElProgress } from 'element-plus';
import { MoreFilled, Plus, Refresh } from '@element-plus/icons-vue';
import { Ellipsis, RefreshCcw } from 'lucide-vue-next';
import { Button } from '@/components/ui/button';
import { storeToRefs } from 'pinia';
import { toast } from 'vue-sonner';
import { useI18n } from 'vue-i18n';