From 041012b3ee04d960c1e38895839225613f7af377 Mon Sep 17 00:00:00 2001
From: Yanbowen <349952469@qq.com>
Date: Sat, 18 Dec 2021 16:50:20 +0800
Subject: [PATCH] =?UTF-8?q?feat(projects):=20=E5=9B=BE=E6=A0=87=E9=80=89?=
 =?UTF-8?q?=E6=8B=A9=E5=99=A8=E5=A2=9E=E5=8A=A0=E6=89=A9=E5=B1=95=E6=A0=91?=
 =?UTF-8?q?=E5=BD=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/common/IconSelect/index.vue | 14 +++++++-------
 1 file changed, 7 insertions(+), 7 deletions(-)

diff --git a/src/components/common/IconSelect/index.vue b/src/components/common/IconSelect/index.vue
index a79ce678c..42f334357 100644
--- a/src/components/common/IconSelect/index.vue
+++ b/src/components/common/IconSelect/index.vue
@@ -3,7 +3,7 @@
     <template #trigger>
       <n-input v-model:value="modelValue" readonly placeholder="点击选择图标">
         <template #suffix>
-          <Icon :icon="modelValue ? modelValue : 'mdi:apps'" class="text-30px p-5px" />
+          <Icon :icon="modelValue ? modelValue : emptyIcon" class="text-30px p-5px" />
         </template>
       </n-input>
     </template>
@@ -31,10 +31,12 @@ import { Icon } from '@iconify/vue';
 import { useThemeStore } from '@/store';
 
 interface Props {
-  /** 绑定的图标 */
+  /** 选中的图标 */
   value: string;
   /** 图标列表 */
-  icons?: string[];
+  icons: string[];
+  /** 未选中图标 */
+  emptyIcon?: string;
 }
 
 interface Emits {
@@ -42,14 +44,14 @@ interface Emits {
 }
 
 const props = withDefaults(defineProps<Props>(), {
-  icons: () => []
+  emptyIcon: 'mdi:apps'
 });
 
 const emit = defineEmits<Emits>();
 
 const theme = useThemeStore();
 const searchValue = ref('');
-
+const iconsList = computed(() => props.icons.filter(v => v.includes(searchValue.value)));
 const modelValue = computed({
   get() {
     return props.value;
@@ -59,8 +61,6 @@ const modelValue = computed({
   }
 });
 
-const iconsList = computed(() => props.icons.filter(v => v.includes(searchValue.value)));
-
 function handleChange(iconItem: string) {
   modelValue.value = iconItem;
 }