fix: 优化隐藏自己横向占满整个区域时，隐藏按钮和操作按钮重叠问题

core/core-frontend/src/components/data-visualization/canvas/CanvasCore.vue

@@ -1588,7 +1588,6 @@ defineExpose({
     :style="editStyle"
     @contextmenu="handleContextMenu"
   >
-    ---{{ componentData[componentData.length - 1].component }}
     <slot name="canvasDragTips" />
     <drag-info v-if="dragInfoShow"></drag-info>
     <canvas-opt-bar

core/core-frontend/src/components/visualization/ComponentEditBar.vue

@@ -363,7 +363,8 @@ const {
   canvasViewInfo,
   mobileInPc,
   dvInfo,
-  isIframe
+  isIframe,
+  hiddenListStatus
 } = storeToRefs(dvMainStore)
 
 const state = reactive({
@@ -384,6 +385,7 @@ const state = reactive({
   viewXArray: [],
   batchOptCheckModel: false
 })
+const showHiddenIcon = computed(() => hiddenListStatus.value && isMainCanvas(canvasId.value))
 
 const tabSort = () => {
   customTabsSortRef.value.sortInit(element.value)
@@ -406,7 +408,11 @@ const showEditPosition = computed(() => {
     const baseLeft = element.value.x - 1
     const baseRight = pcMatrixCount.value.x - (element.value.x + element.value.sizeX - 1)
     if ((baseLeft === 0 && baseRight === 0) || baseRight < 0) {
-      return 'bar-main-right-inner'
+      if (showHiddenIcon.value) {
+        return 'bar-main-left-inner'
+      } else {
+        return 'bar-main-right-inner'
+      }
     } else if (baseRight === 0) {
       return 'bar-main-left-outer'
     } else {
@@ -694,6 +700,11 @@ watch(
   right: 0px;
 }
 
+.bar-main-left-inner {
+  width: 24px;
+  left: 0px;
+}
+
 .bar-main-left-outer {
   width: 24px;
   left: -26px;