refactor(icons): 将缓存监控页面的图标替换为内联iconify离线图标

移除从@vben/icons导入的RedisIcon、CommandLineIcon和MemoryIcon组件,
改为使用内联的iconify离线图标类名。同时清理packages/icons中不再使用的图标导出,
以保持图标库的简洁性。
This commit is contained in:
dap
2026-01-23 10:30:12 +08:00
parent 82c6674e7c
commit 46fa96f556
2 changed files with 5 additions and 15 deletions

View File

@@ -4,7 +4,6 @@ import type { RedisInfo } from '#/api/monitor/cache';
import { onMounted, reactive, ref } from 'vue';
import { Page } from '@vben/common-ui';
import { CommandLineIcon, MemoryIcon, RedisIcon } from '@vben/icons';
import { Button, Card } from 'antdv-next';
@@ -57,7 +56,7 @@ async function loadInfo() {
<Card class="lg:col-span-2" size="small">
<template #title>
<div class="flex items-center justify-start gap-[6px]">
<RedisIcon class="size-[16px]" />
<span class="icon-[skill-icons--redis-light] size-[16px]"></span>
<span>redis信息</span>
</div>
</template>
@@ -74,7 +73,9 @@ async function loadInfo() {
<Card size="small">
<template #title>
<div class="flex items-center gap-[6px]">
<CommandLineIcon class="size-[16px]" />
<span
class="icon-[flat-color-icons--command-line] size-[16px]"
></span>
<span>命令统计</span>
</div>
</template>
@@ -87,7 +88,7 @@ async function loadInfo() {
<Card size="small">
<template #title>
<div class="flex items-center justify-start gap-[6px]">
<MemoryIcon class="size-[16px]" />
<span class="icon-[la--memory] size-[16px]"></span>
<span>内存占用</span>
</div>
</template>

View File

@@ -10,16 +10,13 @@ import linuxIcon from '@iconify/icons-devicon/linux';
import windowsIcon from '@iconify/icons-devicon/windows8';
import alipayIcon from '@iconify/icons-fa-brands/alipay';
import androidIcon from '@iconify/icons-flat-color-icons/android-os';
import comandLine from '@iconify/icons-flat-color-icons/command-line';
import folderIcon from '@iconify/icons-flat-color-icons/folder';
import defaultOsIcon from '@iconify/icons-ic/outline-computer';
import memoryIcon from '@iconify/icons-la/memory';
import chromeIcon from '@iconify/icons-logos/chrome';
import firefoxIcon from '@iconify/icons-logos/firefox';
import edgeIcon from '@iconify/icons-logos/microsoft-edge';
import operaIcon from '@iconify/icons-logos/opera';
import quarkIcon from '@iconify/icons-logos/quarkus-icon';
import redisIcon from '@iconify/icons-logos/redis';
import safariIcon from '@iconify/icons-logos/safari';
import vueIcon from '@iconify/icons-logos/vue';
import iphoneIcon from '@iconify/icons-majesticons/iphone-x-apps-line';
@@ -53,14 +50,6 @@ export const UserOutlined = createIconifyOfflineIcon(
userOutlined,
);
// 缓存监控使用
export const RedisIcon = createIconifyOfflineIcon('logos:redis', redisIcon);
export const CommandLineIcon = createIconifyOfflineIcon(
'flat-color-icons:command-line',
comandLine,
);
export const MemoryIcon = createIconifyOfflineIcon('la:memory', memoryIcon);
// 用户管理 导入
// Excel图标
export const ExcelIcon = createIconifyOfflineIcon(