From 957a786b32022577ac3d729825d6d0c86c3af95d Mon Sep 17 00:00:00 2001
From: pipipi-pikachu <pipipi_pikachu@163.com>
Date: Thu, 5 Oct 2023 15:09:52 +0800
Subject: [PATCH] =?UTF-8?q?perf:=20Popover=E4=BC=98=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/Popover.vue            | 2 +-
 src/views/Screen/WritingBoardTool.vue | 6 +++---
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/components/Popover.vue b/src/components/Popover.vue
index d5de2e52..6cf215c9 100644
--- a/src/components/Popover.vue
+++ b/src/components/Popover.vue
@@ -15,7 +15,7 @@ import 'tippy.js/animations/scale.css'
 
 const props = withDefaults(defineProps<{
   value?: boolean
-  trigger?: 'click' | 'mouseenter'
+  trigger?: 'click' | 'mouseenter' | 'manual'
   placement?: Placement
   appendTo?: HTMLElement | 'parent'
   contentStyle?: CSSProperties
diff --git a/src/views/Screen/WritingBoardTool.vue b/src/views/Screen/WritingBoardTool.vue
index e523b0d6..aec875e8 100644
--- a/src/views/Screen/WritingBoardTool.vue
+++ b/src/views/Screen/WritingBoardTool.vue
@@ -28,7 +28,7 @@
     >
       <div class="tools" @mousedown.stop>
         <div class="tool-content">
-          <Popover trigger="click" :value="sizePopoverType === 'pen'">
+          <Popover trigger="manual" :value="sizePopoverType === 'pen'">
             <template #content>
               <div class="size">
                 <div class="label">墨迹粗细：</div>
@@ -39,7 +39,7 @@
               <IconWrite class="icon" />
             </div>
           </Popover>
-          <Popover trigger="click" :value="sizePopoverType === 'mark'">
+          <Popover trigger="manual" :value="sizePopoverType === 'mark'">
             <template #content>
               <div class="size">
                 <div class="label">墨迹粗细：</div>
@@ -50,7 +50,7 @@
               <IconHighLight class="icon" />
             </div>
           </Popover>
-          <Popover trigger="click" :value="sizePopoverType === 'eraser'">
+          <Popover trigger="manual" :value="sizePopoverType === 'eraser'">
             <template #content>
               <div class="size">
                 <div class="label">橡皮大小：</div>