refactor: tab content

Author: ziyujiahao

frontend/src/views/dashboard/canvas/CanvasCore.vue

@@ -1232,7 +1232,7 @@ defineExpose({
         <component
           :is="findComponent(item.component)"
           :ref="'shape_component_' + item.id"
-          class="sq-component slot-component dragHandle"
+          class="sq-component slot-component"
           :class="{ 'sq-component-hidden': item.component !== 'SQTab' }"
           :config-item="item"
           :view-info="canvasViewInfo[item.id]"

frontend/src/views/dashboard/canvas/ComponentBar.vue

@@ -80,7 +80,7 @@ const doDeleteComponent = (e: MouseEvent) => {
   right: 12px;
   top: 12px;
   display: flex;
-  z-index: 1;
+  z-index: 11;
   cursor: pointer !important;
 }
 

frontend/src/views/dashboard/components/sq-tab/index.vue

@@ -237,6 +237,7 @@ defineExpose({
           :component-data="tabItem.componentData"
           :canvas-view-info="canvasViewInfo"
           :base-matrix-count="tabBaseMatrixCount"
+          :canvas-id="tabItem.name"
         ></SQPreview>
         <DashboardEditor
           v-else