From 4bfd7b2ca2383772528239327f8481eb0c60d83d Mon Sep 17 00:00:00 2001
From: wangjiahao <1522128093@qq.com>
Date: Thu, 29 Jul 2021 12:46:54 +0800
Subject: [PATCH] =?UTF-8?q?feat:=E4=BB=AA=E8=A1=A8=E6=9D=BF=E9=A2=84?=
 =?UTF-8?q?=E8=A7=88=E6=A8=A1=E5=BC=8F=E4=B8=8B=E9=BC=A0=E6=A0=87=E6=82=AC?=
 =?UTF-8?q?=E6=B5=AE=E9=98=B4=E5=BD=B1=E6=95=88=E6=9E=9C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../canvas/components/Editor/ComponentWrapper.vue         | 3 +++
 .../components/canvas/components/Editor/SettingMenu.vue   | 5 +++++
 frontend/src/store/index.js                               | 8 +++++++-
 3 files changed, 15 insertions(+), 1 deletion(-)

diff --git a/frontend/src/components/canvas/components/Editor/ComponentWrapper.vue b/frontend/src/components/canvas/components/Editor/ComponentWrapper.vue
index c999968f68..fd39afd240 100644
--- a/frontend/src/components/canvas/components/Editor/ComponentWrapper.vue
+++ b/frontend/src/components/canvas/components/Editor/ComponentWrapper.vue
@@ -104,6 +104,9 @@ export default {
     position: absolute;
 }
 
+.component:hover {
+  box-shadow:0px 0px 7px #0a7be0;
+}
 .gap_class{
   padding:3px;
 }
diff --git a/frontend/src/components/canvas/components/Editor/SettingMenu.vue b/frontend/src/components/canvas/components/Editor/SettingMenu.vue
index 3e345100e8..5fb8c00d73 100644
--- a/frontend/src/components/canvas/components/Editor/SettingMenu.vue
+++ b/frontend/src/components/canvas/components/Editor/SettingMenu.vue
@@ -4,6 +4,7 @@
       <el-dropdown trigger="click" @mouseup="handleMouseUp">
         <slot name="icon" />
         <el-dropdown-menu>
+          this is test
           <el-dropdown-item v-if="curComponent&&editFilter.includes(curComponent.type)" icon="el-icon-edit-outline" @click.native="edit">{{ $t('panel.edit') }}</el-dropdown-item>
           <el-dropdown-item icon="el-icon-document-copy" @click.native="copy">{{ $t('panel.copy') }}</el-dropdown-item>
           <el-dropdown-item icon="el-icon-delete" @click.native="deleteComponent">{{ $t('panel.delete') }}</el-dropdown-item>
@@ -11,6 +12,7 @@
           <el-dropdown-item icon="el-icon-download" @click.native="bottomComponent">{{ $t('panel.bottomComponent') }}</el-dropdown-item>
           <el-dropdown-item icon="el-icon-arrow-up" @click.native="upComponent">{{ $t('panel.upComponent') }}</el-dropdown-item>
           <el-dropdown-item icon="el-icon-arrow-down" @click.native="downComponent">{{ $t('panel.downComponent') }}</el-dropdown-item>
+          <el-dropdown-item icon="el-icon-link" @click.native="linkageSetting">联动设置</el-dropdown-item>
         </el-dropdown-menu>
       </el-dropdown>
     </div>
@@ -119,6 +121,9 @@ export default {
     bottomComponent() {
       this.$store.commit('bottomComponent')
       this.$store.commit('recordSnapshot')
+    },
+    linkageSetting() {
+      this.$store.commit('setLinkageSettingStatus', true)
     }
   }
 }
diff --git a/frontend/src/store/index.js b/frontend/src/store/index.js
index 35b26eac3f..72d55db587 100644
--- a/frontend/src/store/index.js
+++ b/frontend/src/store/index.js
@@ -48,7 +48,9 @@ const data = {
     // 点击画布时是否点中组件，主要用于取消选中组件用。
     // 如果没点中组件，并且在画布空白处弹起鼠标，则取消当前组件的选中状态
     isClickComponent: false,
-    canvasCommonStyleData: DEFAULT_COMMON_CANVAS_STYLE_STRING
+    canvasCommonStyleData: DEFAULT_COMMON_CANVAS_STYLE_STRING,
+    // 联动设置状态
+    linkageSettingStatus: false
   },
   mutations: {
     ...animation.mutations,
@@ -173,6 +175,10 @@ const data = {
         index = state.curComponentIndex
       }
       state.componentData.splice(index, 1)
+    },
+    setLinkageSettingStatus(state, status) {
+      state.linkageSettingStatus = status
+      console.log('linkageSettingStatus:', state.linkageSettingStatus)
     }
   },
   modules: {