From e450a944a9163442ee8bd2fd17002c0421a56c06 Mon Sep 17 00:00:00 2001
From: pipipi-pikachu <pipipi_pikachu@163.com>
Date: Sun, 1 May 2022 09:48:30 +0800
Subject: [PATCH] =?UTF-8?q?perf:=20=E6=B7=BB=E5=8A=A0=E6=AD=A3=E5=9C=A8?=
 =?UTF-8?q?=E7=BB=98=E5=88=B6=E5=85=83=E7=B4=A0=E7=8A=B6=E6=80=81=E6=98=BE?=
 =?UTF-8?q?=E7=A4=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/Editor/CanvasTool/index.vue | 11 ++++++++---
 1 file changed, 8 insertions(+), 3 deletions(-)

diff --git a/src/views/Editor/CanvasTool/index.vue b/src/views/Editor/CanvasTool/index.vue
index 0b5e408f..96519757 100644
--- a/src/views/Editor/CanvasTool/index.vue
+++ b/src/views/Editor/CanvasTool/index.vue
@@ -11,7 +11,7 @@
 
     <div class="add-element-handler">
       <Tooltip :mouseLeaveDelay="0" :mouseEnterDelay="0.5" title="插入文字">
-        <IconFontSize class="handler-item" @click="drawText()" />
+        <IconFontSize class="handler-item" :class="{ 'active': creatingElement?.type === 'text' }" @click="drawText()" />
       </Tooltip>
       <FileInput @change="files => insertImageElement(files)">
         <Tooltip :mouseLeaveDelay="0" :mouseEnterDelay="0.5" title="插入图片">
@@ -23,7 +23,7 @@
           <ShapePool @select="shape => drawShape(shape)" />
         </template>
         <Tooltip :mouseLeaveDelay="0" :mouseEnterDelay="0.5" title="插入形状">
-          <IconGraphicDesign class="handler-item" />
+          <IconGraphicDesign class="handler-item" :class="{ 'active': creatingElement?.type === 'shape' }" />
         </Tooltip>
       </Popover>
       <Popover trigger="click" v-model:visible="linePoolVisible">
@@ -31,7 +31,7 @@
           <LinePool @select="line => drawLine(line)" />
         </template>
         <Tooltip :mouseLeaveDelay="0" :mouseEnterDelay="0.5" title="插入线条">
-          <IconConnection class="handler-item" />
+          <IconConnection class="handler-item" :class="{ 'active': creatingElement?.type === 'line' }" />
         </Tooltip>
       </Popover>
       <Popover trigger="click" v-model:visible="chartPoolVisible">
@@ -136,6 +136,7 @@ export default defineComponent({
   },
   setup() {
     const mainStore = useMainStore()
+    const { creatingElement } = storeToRefs(mainStore)
     const { canUndo, canRedo } = storeToRefs(useSnapshotStore())
 
     const { redo, undo } = useHistorySnapshot()
@@ -220,6 +221,7 @@ export default defineComponent({
       tableGeneratorVisible,
       mediaInputVisible,
       latexEditorVisible,
+      creatingElement,
       drawText,
       drawShape,
       drawLine,
@@ -263,6 +265,9 @@ export default defineComponent({
   &.disable {
     opacity: .5;
   }
+  &.active {
+    color: $themeColor;
+  }
 }
 .right-handler {
   display: flex;