From c293c43862e7a7f1a249c54c4773ac5337dc090a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=A5=94=E8=B7=91=E7=9A=84=E9=9D=A2=E6=9D=A1?=
 <1262327911@qq.com>
Date: Mon, 15 Aug 2022 20:11:04 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E5=A4=84=E7=90=86=E5=B1=82=E7=BA=A7?=
 =?UTF-8?q?=E5=8F=B3=E9=94=AE=E6=8B=96=E6=8B=BD=E7=9A=84=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/LayersGroupListItem/index.vue             | 2 --
 .../ContentLayers/components/LayersListItem/index.vue    | 2 +-
 src/views/chart/ContentLayers/index.vue                  | 9 +++++----
 3 files changed, 6 insertions(+), 7 deletions(-)

diff --git a/src/views/chart/ContentLayers/components/LayersGroupListItem/index.vue b/src/views/chart/ContentLayers/components/LayersGroupListItem/index.vue
index 8754e75c..73dabbff 100644
--- a/src/views/chart/ContentLayers/components/LayersGroupListItem/index.vue
+++ b/src/views/chart/ContentLayers/components/LayersGroupListItem/index.vue
@@ -123,8 +123,6 @@ const hover = computed(() => {
 
 // 组点击事件
 const groupMousedownHandle = (e: MouseEvent) => {
-  e.preventDefault()
-  e.stopPropagation()
   onClickOutSide()
   // 若此时按下了 CTRL, 表示多选
   const id = props.componentGroupData.id
diff --git a/src/views/chart/ContentLayers/components/LayersListItem/index.vue b/src/views/chart/ContentLayers/components/LayersListItem/index.vue
index 97c09028..2ca255c5 100644
--- a/src/views/chart/ContentLayers/components/LayersListItem/index.vue
+++ b/src/views/chart/ContentLayers/components/LayersListItem/index.vue
@@ -60,7 +60,7 @@ $textSize: 10px;
   position: relative;
   height: $centerHeight;
   width: 90%;
-  margin: 10px 5%;
+  margin: 5px 5%;
   margin-bottom: 5px;
   border-radius: 5px;
   cursor: pointer;
diff --git a/src/views/chart/ContentLayers/index.vue b/src/views/chart/ContentLayers/index.vue
index f214195b..dcd61128 100644
--- a/src/views/chart/ContentLayers/index.vue
+++ b/src/views/chart/ContentLayers/index.vue
@@ -19,7 +19,7 @@
     <!-- https://github.com/SortableJS/vue.draggable.next -->
     <draggable item-key="id" v-model="reverseList" ghostClass="ghost" @change="onMoveCallback">
       <template #item="{ element }">
-        <div>
+        <div class="go-content-layer-box">
           <!-- 组合 -->
           <layers-group-list-item v-if="element.isGroup" :componentGroupData="element"></layers-group-list-item>
           <!-- 单组件 -->
@@ -112,13 +112,14 @@ const onMoveCallback = (val: any) => {
 }
 
 const boxMousedownHandle = (e: MouseEvent) => {
-  chartEditStore.setTargetSelectChart()
+  const box = document.querySelector('.go-content-layer-box')
+  if ((e.target as any).contains(box)) {
+    chartEditStore.setTargetSelectChart()
+  }
 }
 
 // 点击事件
 const mousedownHandle = (e: MouseEvent, item: CreateComponentType) => {
-  e.preventDefault()
-  e.stopPropagation()
   onClickOutSide()
   // 若此时按下了 CTRL, 表示多选
   const id = item.id