refactor: unplugin-icons 替代 element-plu/icon-vue

Former-commit-id: c968230bb301b2bed08be34e11306b538f07d22d

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>
 

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';
 

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"
+        :active-icon="IconEpMoon"
-        :inactive-icon="Sunny"
+        :inactive-icon="IconEpSunny"
         active-color="var(--el-fill-color-dark)"
         inactive-color="var(--el-color-primary)"
       />