From 3771b6933d7b237f0e4cdd639d027629d3c97981 Mon Sep 17 00:00:00 2001
From: pipipi-pikachu <pipipi_pikachu@163.com>
Date: Sat, 20 Nov 2021 20:13:58 +0800
Subject: [PATCH] =?UTF-8?q?perf:=20=E5=8F=B3=E9=94=AE=E5=8F=96=E6=B6=88?=
 =?UTF-8?q?=E5=85=83=E7=B4=A0=E5=88=9B=E5=BB=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/Editor/Canvas/ElementCreateSelection.vue | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/src/views/Editor/Canvas/ElementCreateSelection.vue b/src/views/Editor/Canvas/ElementCreateSelection.vue
index b5f1cecc..11dc279c 100644
--- a/src/views/Editor/Canvas/ElementCreateSelection.vue
+++ b/src/views/Editor/Canvas/ElementCreateSelection.vue
@@ -3,6 +3,7 @@
     class="element-create-selection"
     ref="selectionRef"
     @mousedown.stop="$event => createSelection($event)"
+    @contextmenu.stop.prevent
   >
     <div :class="['selection', creatingElement.type]" v-if="start && end" :style="position">
 
@@ -29,7 +30,7 @@
 
 <script lang="ts">
 import { computed, defineComponent, onMounted, reactive, ref } from 'vue'
-import { useStore } from '@/store'
+import { MutationTypes, useStore } from '@/store'
 
 export default defineComponent({
   name: 'element-create-selection',
@@ -104,6 +105,12 @@ export default defineComponent({
       document.onmouseup = e => {
         document.onmousemove = null
         document.onmouseup = null
+
+        if (e.button === 2) {
+          setTimeout(() => store.commit(MutationTypes.SET_CREATING_ELEMENT, null), 0)
+          return
+        }
+
         isMouseDown = false
 
         const endPageX = e.pageX