fix: 修复icon选择器切换后图标未更新

@@ -3,18 +3,20 @@
   import IconData from '/@/components/Icon/data/iconfont.data';
   import IconData from '/@/components/Icon/data/iconfont.data';
   import { SvgIcon } from '/@/components/Icon';
   import { SvgIcon } from '/@/components/Icon';
   import { computed } from '@vue/reactivity';
   import { computed } from '@vue/reactivity';
-  import { onMounted, unref } from 'vue';
+  import { onMounted } from 'vue';
 
 
-  const props = defineProps<{
-    value?: string;
-    color?: string;
-  }>();
+  const props = withDefaults(
+    defineProps<{
+      value?: string;
+      color?: string;
+    }>(),
+    {
+      value: 'shuiwen',
+    }
+  );
   const emit = defineEmits(['update:value']);
   const emit = defineEmits(['update:value']);
   const iconList = IconData.icons;
   const iconList = IconData.icons;
   const [register, { openDrawer, closeDrawer }] = useDrawer();
   const [register, { openDrawer, closeDrawer }] = useDrawer();
-  const getIcon = computed(() => {
-    return props.value || 'shuiwen';
-  });
 
 
   const getColor = computed(() => {
   const getColor = computed(() => {
     return props.color || '#377DFF';
     return props.color || '#377DFF';
@@ -30,14 +32,13 @@
   };
   };
 
 
   onMounted(() => {
   onMounted(() => {
-    emit('update:value', unref(getIcon));
+    emit('update:value', props.value);
   });
   });
 </script>
 </script>
 
 
 <template>
 <template>
   <SvgIcon
   <SvgIcon
-    :name="getIcon"
-    :icon="getIcon"
+    :name="value"
     prefix="iconfont"
     prefix="iconfont"
     class="cursor-pointer !w-6 !h-6"
     class="cursor-pointer !w-6 !h-6"
     :style="{ color: getColor }"
     :style="{ color: getColor }"