From ff578a8bdd4db7e5ae5466b99789874b2bc7f141 Mon Sep 17 00:00:00 2001
From: sakuya <81883387@qq.com>
Date: Mon, 30 May 2022 20:18:38 +0800
Subject: [PATCH] =?UTF-8?q?FIX=20scContextmenu=20=E5=8F=B3=E9=94=AE?=
 =?UTF-8?q?=E8=8F=9C=E5=8D=95=20=E5=9C=A8=E7=89=B9=E5=AE=9A=E5=9C=BA?=
 =?UTF-8?q?=E6=99=AF=E4=B8=AD=E6=97=A0=E6=B3=95=E5=85=B3=E9=97=AD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/scContextmenu/index.vue | 25 ++++++++++++-------------
 1 file changed, 12 insertions(+), 13 deletions(-)

diff --git a/src/components/scContextmenu/index.vue b/src/components/scContextmenu/index.vue
index 8e1c8f02..7f0a72e4 100644
--- a/src/components/scContextmenu/index.vue
+++ b/src/components/scContextmenu/index.vue
@@ -1,10 +1,10 @@
 <!--
  * @Descripttion: scContextmenu组件
- * @version: 1.0
+ * @version: 1.1
  * @Author: sakuya
  * @Date: 2021年7月23日09:25:57
- * @LastEditors:
- * @LastEditTime:
+ * @LastEditors: sakuya
+ * @LastEditTime: 2022年5月30日20:17:42
  * @other: 代码完全开源，欢迎参考，也欢迎PR
 -->
 
@@ -34,17 +34,10 @@
 		},
 		watch: {
 			visible(value) {
-				var _this = this;
-				var cm = function(e){
-					let sp = _this.$refs.contextmenu
-					if(sp&&!sp.contains(e.target)){
-						_this.closeMenu()
-					}
-				}
 				if (value) {
-					document.body.addEventListener('click', e=>cm(e))
+					document.body.addEventListener('click', this.cm, true)
 				}else{
-					document.body.removeEventListener('click',  e=>cm(e))
+					document.body.removeEventListener('click', this.cm, true)
 				}
 			}
 		},
@@ -52,6 +45,12 @@
 
 		},
 		methods: {
+			cm(e){
+				let sp = this.$refs.contextmenu
+				if(sp&&!sp.contains(e.target)){
+					this.closeMenu()
+				}
+			},
 			menuClick(command){
 				this.closeMenu()
 				this.$emit('command', command)
@@ -89,7 +88,7 @@
 </script>
 
 <style>
-	.sc-contextmenu {position: fixed;z-index: 3000;}
+	.sc-contextmenu {position: fixed;z-index: 3000;font-size: 12px;}
 	.sc-contextmenu__menu {display: inline-block;min-width: 120px;border: 1px solid #e4e7ed;background: #fff;box-shadow: 0 2px 12px 0 rgba(0,0,0,.1);z-index: 3000;list-style-type: none;padding: 10px 0;}
 	.sc-contextmenu__menu > hr {margin:5px 0;border: none;height: 1px;font-size: 0px;background-color: #ebeef5;}
 	.sc-contextmenu__menu > li {margin:0;cursor: pointer;line-height: 30px;padding: 0 17px 0 10px;color: #606266;display: flex;justify-content: space-between;white-space: nowrap;text-decoration: none;position: relative;}