From 872a09c122818f0528fbc248ca056f3719d3425f Mon Sep 17 00:00:00 2001
From: wangjiahao <1522128093@qq.com>
Date: Wed, 24 Jul 2024 10:24:38 +0800
Subject: [PATCH] =?UTF-8?q?style:=20=E9=9A=90=E8=97=8F=E5=8C=BA=E5=9F=9F?=
 =?UTF-8?q?=E6=A0=B7=E5=BC=8F=E8=B0=83=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../data-visualization/canvas/ComponentWrapper.vue     | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

diff --git a/core/core-frontend/src/components/data-visualization/canvas/ComponentWrapper.vue b/core/core-frontend/src/components/data-visualization/canvas/ComponentWrapper.vue
index 346b38153f..a74bb9eaca 100644
--- a/core/core-frontend/src/components/data-visualization/canvas/ComponentWrapper.vue
+++ b/core/core-frontend/src/components/data-visualization/canvas/ComponentWrapper.vue
@@ -192,6 +192,10 @@ const onPointClick = param => {
   emits('onPointClick', param)
 }
 
+const innerOutActive = computed(() => {
+  return config.value.category === 'hidden' && showPosition.value === 'popEdit'
+})
+
 const deepScale = computed(() => scale.value / 100)
 </script>
 
@@ -228,7 +232,7 @@ const deepScale = computed(() => scale.value / 100)
         :style="{ color: config.commonBackground.innerImageColor }"
         :name="commonBackgroundSvgInner"
       ></Board>
-      <div class="wrapper-inner-adaptor">
+      <div class="wrapper-inner-adaptor" :class="{ 'pop-wrapper-inner': innerOutActive }">
         <component
           :is="findComponent(config['component'])"
           :view="viewInfo"
@@ -256,6 +260,10 @@ const deepScale = computed(() => scale.value / 100)
 </template>
 
 <style lang="less" scoped>
+.pop-wrapper-inner {
+  overflow: hidden;
+  outline: 1px solid var(--ed-color-primary) !important;
+}
 .wrapper-outer {
   position: absolute;
 }