From cfd7c0277e9e6eabbb489e20be2ca6100de41636 Mon Sep 17 00:00:00 2001
From: haoxr <1490493387@qq.com>
Date: Wed, 15 Mar 2023 22:54:49 +0800
Subject: [PATCH] =?UTF-8?q?refactor:=20`unplugin-icons`=20=E6=9B=BF?=
 =?UTF-8?q?=E4=BB=A3=20`element-plu/icon-vue`?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Former-commit-id: c968230bb301b2bed08be34e11306b538f07d22d
---
 src/components/IconSelect/index.vue      |  2 +-
 src/components/Upload/SingleUpload.vue   |  4 +---
 src/layout/components/Settings/index.vue | 10 +++++-----
 3 files changed, 7 insertions(+), 9 deletions(-)

diff --git a/src/components/IconSelect/index.vue b/src/components/IconSelect/index.vue
index 981ad55a..6cd8efa0 100644
--- a/src/components/IconSelect/index.vue
+++ b/src/components/IconSelect/index.vue
@@ -69,7 +69,7 @@ onMounted(() => {
       placeholder="点击选择图标"
     >
       <template #prepend>
-        <svg-icon :icon-class="inputValue"></svg-icon>
+        <svg-icon :icon-class="inputValue" />
       </template>
     </el-input>
 
diff --git a/src/components/Upload/SingleUpload.vue b/src/components/Upload/SingleUpload.vue
index e8f01052..33348fc7 100644
--- a/src/components/Upload/SingleUpload.vue
+++ b/src/components/Upload/SingleUpload.vue
@@ -9,13 +9,11 @@
     :http-request="uploadFile"
   >
     <img v-if="imgUrl" :src="imgUrl" class="single" />
-    <el-icon v-else class="single-uploader-icon"><Plus /></el-icon>
+    <el-icon v-else class="single-uploader-icon"><i-ep-plus /></el-icon>
   </el-upload>
 </template>
 
 <script setup lang="ts">
-import { computed } from 'vue';
-import { Plus } from '@element-plus/icons-vue';
 import { UploadRawFile, UploadRequestOptions } from 'element-plus';
 import { uploadFileApi } from '@/api/file';
 
diff --git a/src/layout/components/Settings/index.vue b/src/layout/components/Settings/index.vue
index 8b55ec6f..82c2c507 100644
--- a/src/layout/components/Settings/index.vue
+++ b/src/layout/components/Settings/index.vue
@@ -1,9 +1,9 @@
 <script setup lang="ts">
-import { Sunny, Moon } from '@element-plus/icons-vue';
-
 import { useSettingsStore } from '@/store/modules/settings';
 
-import { useDark, useToggle } from '@vueuse/core';
+import IconEpSunny from '~icons/ep/sunny';
+import IconEpMoon from '~icons/ep/moon';
+
 /**
  * 暗黑模式
  */
@@ -49,8 +49,8 @@ onMounted(() => {
         v-model="isDark"
         @change="toggleDark"
         inline-prompt
-        :active-icon="Moon"
-        :inactive-icon="Sunny"
+        :active-icon="IconEpMoon"
+        :inactive-icon="IconEpSunny"
         active-color="var(--el-fill-color-dark)"
         inactive-color="var(--el-color-primary)"
       />