From 4786a50c2b5618f8d2c9943f47cd72b9108abdf6 Mon Sep 17 00:00:00 2001
From: ray <1490493387@qq.com>
Date: Thu, 24 Oct 2024 11:30:57 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20:sparkles:=20=E5=9B=BE=E6=A0=87?=
 =?UTF-8?q?=E9=80=89=E6=8B=A9=E5=99=A8=E7=BB=84=E4=BB=B6=E6=94=AF=E6=8C=81?=
 =?UTF-8?q?=E6=B8=85=E7=A9=BA=E5=B7=B2=E9=80=89=E5=9B=BE=E6=A0=87?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/IconSelect/index.vue | 16 ++++++++++++++++
 1 file changed, 16 insertions(+)

diff --git a/src/components/IconSelect/index.vue b/src/components/IconSelect/index.vue
index 64336f16..1052e700 100644
--- a/src/components/IconSelect/index.vue
+++ b/src/components/IconSelect/index.vue
@@ -24,6 +24,15 @@
                 </template>
               </template>
               <template #suffix>
+                <!-- 清空按钮 -->
+                <el-icon
+                  v-if="selectedIcon"
+                  style="margin-right: 8px"
+                  @click.stop="clearSelectedIcon"
+                >
+                  <CircleClose />
+                </el-icon>
+
                 <el-icon
                   :style="{
                     transform: popoverVisible ? 'rotate(180deg)' : 'rotate(0)',
@@ -165,6 +174,13 @@ onClickOutside(iconSelectRef, () => (popoverVisible.value = false), {
   ignore: [popoverContentRef],
 });
 
+/**
+ * 清空已选图标
+ */
+function clearSelectedIcon() {
+  selectedIcon.value = "";
+}
+
 onMounted(() => {
   loadIcons();
   if (selectedIcon.value) {