perf: update menu icons (#4357)

This commit is contained in:
Li Kui
2024-09-11 16:23:24 +08:00
committed by GitHub
parent ceb52aad7f
commit 8f6bf6add3
15 changed files with 54 additions and 11 deletions

View File

@@ -113,7 +113,7 @@ onBeforeUnmount(() => {
class="right-2"
v-bind="props"
/>
<VbenIcon :class="nsMenu.e('icon')" :icon="menuIcon" fallback />
<VbenIcon :class="nsMenu.e('icon')" :icon="menuIcon" />
<slot></slot>
<slot name="title"></slot>
</div>

View File

@@ -31,7 +31,6 @@ function handleClick(path?: string) {
<span class="flex-center z-10 h-full">
<VbenIcon
v-if="showIcon"
:fallback="showIcon"
:icon="item.icon"
class="mr-1 size-4 flex-shrink-0"
/>

View File

@@ -47,12 +47,7 @@ function handleClick(path?: string) {
<div v-if="item.items?.length ?? 0 > 0">
<DropdownMenu>
<DropdownMenuTrigger class="flex items-center gap-1">
<VbenIcon
v-if="showIcon"
:fallback="showIcon"
:icon="item.icon"
class="size-5"
/>
<VbenIcon v-if="showIcon" :icon="item.icon" class="size-5" />
{{ item.title }}
<ChevronDown class="size-4" />
</DropdownMenuTrigger>
@@ -77,7 +72,6 @@ function handleClick(path?: string) {
<VbenIcon
v-if="showIcon"
:class="{ 'size-5': item.isHome }"
:fallback="showIcon"
:icon="item.icon"
class="mr-1 size-4"
/>
@@ -89,7 +83,6 @@ function handleClick(path?: string) {
<VbenIcon
v-if="showIcon"
:class="{ 'size-5': item.isHome }"
:fallback="showIcon"
:icon="item.icon"
class="mr-1 size-4"
/>

View File

@@ -134,7 +134,6 @@ const tabsView = computed((): TabConfig[] => {
v-if="showIcon"
:icon="tab.icon"
class="mr-1 flex size-4 items-center overflow-hidden"
fallback
/>
<span class="flex-1 overflow-hidden whitespace-nowrap text-sm">