chore: 图标

apps/web-antd/src/views/monitor/cache/index.vue

@@ -1,6 +1,8 @@
 <script setup lang="ts">
 import { onMounted, reactive, ref } from 'vue';
 
+import { CommandLineIcon, MemoryIcon, RedisIcon } from '@vben/icons';
+
 import { Button, Card, Col, Row } from 'ant-design-vue';
 
 import { redisCacheInfo, type RedisInfo } from '#/api/monitor/cache';
@@ -53,7 +55,7 @@ async function loadInfo() {
         <Card size="small">
           <template #title>
             <div class="flex items-center justify-start gap-[6px]">
-              <span class="icon-[logos--redis]"></span>
+              <RedisIcon class="size-[16px]" />
               <span>redis信息</span>
             </div>
           </template>
@@ -71,7 +73,7 @@ async function loadInfo() {
         <Card size="small">
           <template #title>
             <div class="flex items-center gap-[6px]">
-              <span class="icon-[flat-color-icons--command-line]"></span>
+              <CommandLineIcon class="size-[16px]" />
               <span>命令统计</span>
             </div>
           </template>
@@ -82,7 +84,7 @@ async function loadInfo() {
         <Card size="small">
           <template #title>
             <div class="flex items-center justify-start gap-[6px]">
-              <span class="icon-[la--memory]"></span>
+              <MemoryIcon class="size-[16px]" />
               <span>内存占用</span>
             </div>
           </template>

packages/@core/base/icons/src/mdi.ts

@@ -17,3 +17,11 @@ export const MdiPinOff = createIconifyIcon('mdi:pin-off');
 export const MdiMenuClose = createIconifyIcon('mdi:menu-close');
 
 export const MdiMenuOpen = createIconifyIcon('mdi:menu-open');
+
+export const EosSystem = createIconifyIcon('eos-icons:system-group');
+// 缓存监控使用
+export const RedisIcon = createIconifyIcon('logos:redis');
+export const CommandLineIcon = createIconifyIcon(
+  'flat-color-icons:command-line',
+);
+export const MemoryIcon = createIconifyIcon('la:memory');