fix: 🐛 同步部分页面的图标方案至 @unocss/preset-icons

closed #IBKZ2I

src/components/CURD/PageContent.vue

@@ -453,7 +453,6 @@
 </template>
 
 <script setup lang="ts">
-import SvgIcon from "@/components/SvgIcon/index.vue";
 import { hasAuth } from "@/plugins/permission";
 import { useDateFormat, useThrottleFn } from "@vueuse/core";
 import {

src/views/profile/index.vue

@@ -59,14 +59,14 @@
               </el-descriptions-item>
               <el-descriptions-item>
                 <template #label>
-                  <SvgIcon icon-class="tree" />
+                  <div class="i-svg:tree" />
                   部门
                 </template>
                 {{ userProfile.deptName }}
               </el-descriptions-item>
               <el-descriptions-item>
                 <template #label>
-                  <SvgIcon icon-class="role" />
+                  <div class="i-svg:role" />
                   角色
                 </template>
                 {{ userProfile.roleNames }}

src/views/system/notice/components/NoticeDetail.vue

@@ -13,8 +13,7 @@
         <div class="dialog-toolbar">
           <!-- 全屏/退出全屏按钮 -->
           <el-button circle @click="toggleFullscreen">
-            <SvgIcon v-if="isFullscreen" icon-class="fullscreen-exit" />
-            <SvgIcon v-else icon-class="fullscreen" />
+            <div :class="`i-svg:${isFullscreen ? 'fullscreen-exit' : 'fullscreen'}`" />
           </el-button>
           <!-- 关闭按钮 -->
           <el-button circle @click="handleClose">

uno.config.ts

@@ -60,12 +60,10 @@ export default defineConfig({
       },
       // 图表集合
       collections: {
+        // svg 是图标集合名称，使用 `i-svg:图标名` 调用
         svg: FileSystemIconLoader(iconsDir, (svg) => {
           // 如果 `fill` 没有定义，则添加 `fill="currentColor"`
-          if (!svg.includes('fill="')) {
-            return svg.replace(/^<svg /, '<svg fill="currentColor" ');
-          }
-          return svg;
+          return svg.includes('fill="') ? svg : svg.replace(/^<svg /, '<svg fill="currentColor" ');
         }),
       },
     }),