From 5cc245b12099151fe33d40507508710873a09982 Mon Sep 17 00:00:00 2001
From: wsw <944627549@qq.com>
Date: Fri, 28 Jun 2024 12:29:41 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E4=BF=AE=E5=A4=8D=E8=8F=9C=E5=8D=95?=
 =?UTF-8?q?=E7=BC=96=E8=BE=91=E9=80=89=E6=8B=A9=E5=9B=BE=E6=A0=87=E6=9C=AA?=
 =?UTF-8?q?=E8=83=BD=E6=B8=85=E9=99=A4=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/ma-icon/index.vue | 18 +++++++++++++-----
 1 file changed, 13 insertions(+), 5 deletions(-)

diff --git a/src/components/ma-icon/index.vue b/src/components/ma-icon/index.vue
index 1c937e07..2a293f4a 100644
--- a/src/components/ma-icon/index.vue
+++ b/src/components/ma-icon/index.vue
@@ -48,22 +48,31 @@
 </template>
 
 <script setup>
-  import { reactive, ref, onMounted } from 'vue'
+  import { reactive, ref, computed } from 'vue'
   import * as arcoIcons from '@arco-design/web-vue/es/icon'
 
   const mineadminIcons = reactive([])
   const arcodesignIcons = reactive([])
   const visible = ref(false)
-  const currentIcon = ref()
 
   const props = defineProps({
     modelValue: { type: String },
     preview: { type: Boolean, default: true },
   })
-  
+
   const emit = defineEmits(['update:modelValue'])
 
-  onMounted( () => currentIcon.value = props.modelValue )
+  const currentIcon = computed({
+    get() {
+      return props.modelValue;
+    },
+    set(value) {
+      // html标签名不能以数字开头
+      if ((/^[^\d].*/.test(value) && value) || !value) {
+        emit('update:modelValue', value);
+      }
+    }
+  });
 
   for (let icon in arcoIcons) {
     arcodesignIcons.push(icon)
@@ -79,7 +88,6 @@
 
   const selectIcon = (icon, className) => {
     currentIcon.value = icon
-    emit('update:modelValue', currentIcon.value)
     visible.value = false
   }