From 3a970a090d3700de0511a54ff342f69ada7cd8ef Mon Sep 17 00:00:00 2001
From: Soybean <soybeanjs@outlook.com>
Date: Mon, 22 Jul 2024 01:12:00 +0800
Subject: [PATCH] fix(components): fix component name and iconify icon name
 conflict

---
 .../custom/{icon-select.vue => custom-icon-select.vue}         | 2 +-
 src/typings/components.d.ts                                    | 3 ++-
 src/views/plugin/icon/index.vue                                | 2 +-
 3 files changed, 4 insertions(+), 3 deletions(-)
 rename src/components/custom/{icon-select.vue => custom-icon-select.vue} (97%)

diff --git a/src/components/custom/icon-select.vue b/src/components/custom/custom-icon-select.vue
similarity index 97%
rename from src/components/custom/icon-select.vue
rename to src/components/custom/custom-icon-select.vue
index 74d71b43..67c9cc01 100644
--- a/src/components/custom/icon-select.vue
+++ b/src/components/custom/custom-icon-select.vue
@@ -1,7 +1,7 @@
 <script lang="ts" setup>
 import { computed, ref } from 'vue';
 
-defineOptions({ name: 'IconSelect' });
+defineOptions({ name: 'CustomIconSelect' });
 
 interface Props {
   /** Selected icon */
diff --git a/src/typings/components.d.ts b/src/typings/components.d.ts
index 237d61e5..9f9e852d 100644
--- a/src/typings/components.d.ts
+++ b/src/typings/components.d.ts
@@ -11,6 +11,7 @@ declare module 'vue' {
     BetterScroll: typeof import('./../components/custom/better-scroll.vue')['default']
     ButtonIcon: typeof import('./../components/custom/button-icon.vue')['default']
     CountTo: typeof import('./../components/custom/count-to.vue')['default']
+    CustomIconSelect: typeof import('./../components/custom/custom-icon-select.vue')['default']
     DarkModeContainer: typeof import('./../components/common/dark-mode-container.vue')['default']
     ExceptionBase: typeof import('./../components/common/exception-base.vue')['default']
     FullScreen: typeof import('./../components/common/full-screen.vue')['default']
@@ -18,6 +19,7 @@ declare module 'vue' {
     IconAntDesignEnterOutlined: typeof import('~icons/ant-design/enter-outlined')['default']
     IconAntDesignReloadOutlined: typeof import('~icons/ant-design/reload-outlined')['default']
     IconAntDesignSettingOutlined: typeof import('~icons/ant-design/setting-outlined')['default']
+    'IconFileIcons:microsoftExcel': typeof import('~icons/file-icons/microsoft-excel')['default']
     IconGridiconsFullscreen: typeof import('~icons/gridicons/fullscreen')['default']
     IconGridiconsFullscreenExit: typeof import('~icons/gridicons/fullscreen-exit')['default']
     'IconIc:roundPlus': typeof import('~icons/ic/round-plus')['default']
@@ -36,7 +38,6 @@ declare module 'vue' {
     IconMdiKeyboardEsc: typeof import('~icons/mdi/keyboard-esc')['default']
     IconMdiKeyboardReturn: typeof import('~icons/mdi/keyboard-return')['default']
     IconMdiRefresh: typeof import('~icons/mdi/refresh')['default']
-    IconSelect: typeof import('./../components/custom/icon-select.vue')['default']
     IconUilSearch: typeof import('~icons/uil/search')['default']
     LangSwitch: typeof import('./../components/common/lang-switch.vue')['default']
     LookForward: typeof import('./../components/custom/look-forward.vue')['default']
diff --git a/src/views/plugin/icon/index.vue b/src/views/plugin/icon/index.vue
index 79c1ec32..71852951 100644
--- a/src/views/plugin/icon/index.vue
+++ b/src/views/plugin/icon/index.vue
@@ -19,7 +19,7 @@ const localIcons = ['custom-icon', 'activity', 'at-sign', 'cast', 'chrome', 'cop
       </div>
       <div class="mt-50px">
         <h1 class="mb-20px text-18px font-500">Icon图标选择器</h1>
-        <icon-select v-model:value="selectValue" :icons="icons" />
+        <CustomIconSelect v-model:value="selectValue" :icons="icons" />
       </div>
       <template #footer>
         <WebSiteLink label="iconify地址：" link="https://icones.js.org/" class="mt-10px" />