fix: fix help prompt messages do not disappear

opentiny · Jan 26, 2025 · 39cb19f · 39cb19f
1 parent 8d39cc2
commit 39cb19f
Showing 1 changed file with 9 additions and 3 deletions.
diff --git a/packages/common/component/SvgButton.vue b/packages/common/component/SvgButton.vue
@@ -1,5 +1,5 @@
 <template>
-  <span class="svg-button" :class="{ 'svg-button-hover': hoverBgColor }" @click="$emit('click', $event)">
+  <span class="svg-button" :class="{ 'svg-button-hover': hoverBgColor }" @click="handleClick($event)">
     <tiny-tooltip effect="dark" :content="tips" :placement="placement">
       <component :is="name" v-if="isTinyIcon" />
       <svg-icon v-else :name="name"></svg-icon>
@@ -34,11 +34,17 @@ export default {
     }
   },
   emits: ['click'],
-  setup(props) {
+  setup(props, { emit }) {
     const isTinyIcon = computed(() => props.name.toLowerCase().indexOf('icon') === 0)
 
+    const handleClick = (event) => {
+      event.target.blur()
+      emit('click', event)
+    }
+
     return {
-      isTinyIcon
+      isTinyIcon,
+      handleClick
     }
   }
 }