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

replace @element-plus/icons-vue

Browse Source
This commit is contained in:
pa
2026-01-14 23:22:23 +09:00
committed by Natsumi
parent b7f3d91a03
commit 889302104a
50 changed files with 461 additions and 561 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
src/views/Tools/Gallery.vue
View File

@@ -62,7 +62,7 @@
<br />
<ButtonGroup>
<Button variant="outline" size="sm" @click="refreshGalleryTable">
<Refresh />
<RefreshCw />
{{ t('dialog.gallery_icons.refresh') }}
</Button>
<Button
@@ -78,7 +78,7 @@
size="sm"
:disabled="!currentUser.profilePicOverride"
@click="setProfilePicOverride('')">
<Close />
<X />
{{ t('dialog.gallery_icons.clear') }}
</Button>
</ButtonGroup>
@@ -135,7 +135,7 @@
<br />
<ButtonGroup>
<Button variant="outline" size="sm" @click="refreshVRCPlusIconsTable">
<Refresh />
<RefreshCw />
{{ t('dialog.gallery_icons.refresh') }}
</Button>
<Button
@@ -151,7 +151,7 @@
size="sm"
:disabled="!currentUser.userIcon"
@click="setVRCPlusIcon('')">
<Close />
<X />
{{ t('dialog.gallery_icons.clear') }}
</Button>
</ButtonGroup>
@@ -208,7 +208,7 @@
<div>
<ButtonGroup style="margin-right: 10px">
<Button variant="outline" size="sm" @click="refreshEmojiTable">
<Refresh />
<RefreshCw />
{{ t('dialog.gallery_icons.refresh') }}
</Button>
<Button
@@ -316,7 +316,7 @@
</div>
<div style="display: inline-block; margin: 5px">
<span v-if="image.loopStyle === 'pingpong'">
<el-icon style="margin-right: 5px"><Refresh /></el-icon>
<RefreshCw style="margin-right: 5px" />
</span>
<span style="margin-right: 5px">{{ image.animationStyle }}</span>
<span v-if="image.framesOverTime" style="margin-right: 5px"
@@ -363,7 +363,7 @@
<br />
<ButtonGroup>
<Button variant="outline" size="sm" @click="refreshStickerTable">
<Refresh />
<RefreshCw />
{{ t('dialog.gallery_icons.refresh') }}
</Button>
<Button
@@ -428,7 +428,7 @@
<div style="display: flex; align-items: center">
<ButtonGroup>
<Button variant="outline" size="sm" @click="refreshPrintTable">
<Refresh />
<RefreshCw />
{{ t('dialog.gallery_icons.refresh') }}
</Button>
<Button
@@ -516,11 +516,11 @@
<div style="display: flex; align-items: center">
<ButtonGroup>
<Button variant="outline" size="sm" @click="getInventory">
<Refresh />
<RefreshCw />
{{ t('dialog.gallery_icons.refresh') }}
</Button>
<Button variant="outline" size="sm" @click="redeemReward">
<Present />
<Gift />
{{ t('dialog.gallery_icons.redeem') }}
</Button>
</ButtonGroup>
@@ -568,6 +568,7 @@
</template>
<script setup>
import { Gift, Maximize2, RefreshCw, Trash2, Upload, X } from 'lucide-vue-next';
import {
NumberField,
NumberFieldContent,
@@ -575,9 +576,7 @@
NumberFieldIncrement,
NumberFieldInput
} from '@/components/ui/number-field';
import { Close, Present, Refresh, Upload } from '@element-plus/icons-vue';
import { computed, onBeforeUnmount, onMounted, ref } from 'vue';
import { Maximize2, Trash2 } from 'lucide-vue-next';
import { Button } from '@/components/ui/button';
import { ButtonGroup } from '@/components/ui/button-group';
import { Checkbox } from '@/components/ui/checkbox';

20
src/views/Tools/Tools.vue
View File

@@ -6,9 +6,7 @@
<div class="tool-categories">
<div class="tool-category">
<div class="category-header" @click="toggleCategory('group')">
<el-icon class="rotation-transition" :class="{ 'is-rotated': !categoryCollapsed['group'] }"
><ArrowRight
/></el-icon>
<ArrowRight class="rotation-transition" :class="{ 'is-rotated': !categoryCollapsed['group'] }" />
<span class="category-title">{{ t('view.tools.group.header') }}</span>
</div>
<div class="tools-grid" v-show="!categoryCollapsed['group']">
@@ -28,9 +26,7 @@
<div class="tool-category">
<div class="category-header" @click="toggleCategory('image')">
<el-icon class="rotation-transition" :class="{ 'is-rotated': !categoryCollapsed['image'] }"
><ArrowRight
/></el-icon>
<ArrowRight class="rotation-transition" :class="{ 'is-rotated': !categoryCollapsed['image'] }" />
<span class="category-title">{{ t('view.tools.pictures.header') }}</span>
</div>
<div class="tools-grid" v-show="!categoryCollapsed['image']">
@@ -93,9 +89,7 @@
<div class="tool-category">
<div class="category-header" @click="toggleCategory('user')">
<el-icon class="rotation-transition" :class="{ 'is-rotated': !categoryCollapsed['user'] }"
><ArrowRight
/></el-icon>
<ArrowRight class="rotation-transition" :class="{ 'is-rotated': !categoryCollapsed['user'] }" />
<span class="category-title">{{ t('view.tools.export.header') }}</span>
</div>
@@ -158,9 +152,7 @@
<div class="tool-category">
<div class="category-header" @click="toggleCategory('other')">
<el-icon class="rotation-transition" :class="{ 'is-rotated': !categoryCollapsed['other'] }"
><ArrowRight
/></el-icon>
<ArrowRight class="rotation-transition" :class="{ 'is-rotated': !categoryCollapsed['other'] }" />
<span class="category-title">{{ t('view.tools.other.header') }}</span>
</div>
<div class="tools-grid" v-show="!categoryCollapsed['other']">
@@ -205,7 +197,7 @@
<script setup>
import { computed, defineAsyncComponent, ref } from 'vue';
import { useRoute, useRouter } from 'vue-router';
import { ArrowRight } from '@element-plus/icons-vue';
import { ArrowRight } from 'lucide-vue-next';
import { Card } from '@/components/ui/card';
import { storeToRefs } from 'pinia';
import { toast } from 'vue-sonner';
@@ -317,7 +309,7 @@
background-color: var(--el-color-primary-light-9);
}
.el-icon-arrow-right {
.rotation-transition {
font-size: 14px;
margin-right: 8px;
transition: transform 0.3s;

8
src/views/Tools/components/GroupCalendarEventCard.vue
View File

@@ -92,20 +92,20 @@
</div>
<div class="badges">
<div @click="copyEventLink(event)" class="share-badge">
<el-icon><Share /></el-icon>
<Share2 />
</div>
<div v-if="isFollowing" @click="toggleEventFollow(event)" class="following-badge is-following">
<el-icon><Star /></el-icon>
<Star />
</div>
<div v-else @click="toggleEventFollow(event)" class="following-badge">
<el-icon><StarFilled /></el-icon>
<Star />
</div>
</div>
</Card>
</template>
<script setup>
import { Calendar, Download, Share, Star, StarFilled } from '@element-plus/icons-vue';
import { Calendar, Download, Share2, Star } from 'lucide-vue-next';
import { Popover, PopoverContent, PopoverTrigger } from '@/components/ui/popover';
import { computed, ref } from 'vue';
import { Button } from '@/components/ui/button';

22
src/views/Tools/dialogs/GroupCalendarDialog.vue
View File

@@ -54,18 +54,12 @@
<div class="date">
<div
class="calendar-date-content"
:class="{
'has-events': filteredCalendar[formatDateKey(data.date)]?.length
}">
:class="{ 'has-events': filteredCalendar[formatDateKey(data.date)]?.length }">
{{ dayjs(data.date).format('D') }}
<div
v-if="filteredCalendar[formatDateKey(data.date)]?.length"
class="calendar-event-badge"
:class="
followingCalendarDate[formatDateKey(data.date)]
? 'has-following'
: 'no-following'
">
:class="followingCalendarDate[formatDateKey(data.date)] ? 'has-following' : 'no-following'">
{{ filteredCalendar[formatDateKey(data.date)]?.length }}
</div>
</div>
@@ -87,11 +81,9 @@
<div v-if="filteredGroupEvents.length" class="groups-container">
<div v-for="group in filteredGroupEvents" :key="group.groupId" class="group-row">
<div class="group-header" @click="toggleGroup(group.groupId)">
<el-icon
class="el-icon-arrow-right rotation-transition"
:class="{ rotate: !groupCollapsed[group.groupId] }"
><ArrowRight
/></el-icon>
<ArrowRight
class="rotation-transition"
:class="{ rotate: !groupCollapsed[group.groupId] }" />
{{ group.groupName }}
</div>
<div class="events-row" v-show="!groupCollapsed[group.groupId]">
@@ -123,7 +115,7 @@
<script setup>
import { computed, onMounted, ref, watch } from 'vue';
import { ArrowRight } from '@element-plus/icons-vue';
import { ArrowRight } from 'lucide-vue-next';
import { Button } from '@/components/ui/button';
import { InputGroupSearch } from '@/components/ui/input-group';
import { useI18n } from 'vue-i18n';
@@ -638,7 +630,7 @@
display: flex;
align-items: center;
.el-icon-arrow-right {
.rotation-transition {
font-size: 14px;
margin-right: 8px;
transition: transform 0.3s;

4
src/views/Tools/dialogs/NoteExportDialog.vue
View File

@@ -38,7 +38,7 @@
{{ t('dialog.note_export.cancel') }}
</Button>
<span v-if="loading" style="margin: 10px">
<el-icon style="margin-right: 5px"><Loading /></el-icon>
<Loader2 style="margin-right: 5px" />
{{ t('dialog.note_export.progress') }} {{ progress }}/{{ progressTotal }}
</span>
@@ -66,7 +66,7 @@
import { computed, ref, watch } from 'vue';
import { Button } from '@/components/ui/button';
import { DataTableLayout } from '@/components/ui/data-table';
import { Loading } from '@element-plus/icons-vue';
import { Loader2 } from 'lucide-vue-next';
import { storeToRefs } from 'pinia';
import { useI18n } from 'vue-i18n';