perf(src/packages): 优化图层区域，文本列表展示样式问题

@@ -9,11 +9,11 @@
         :fallback-src="requireErrorImg()"
         :fallback-src="requireErrorImg()"
       ></n-image>
       ></n-image>
       <n-ellipsis style="margin-right: auto">
       <n-ellipsis style="margin-right: auto">
-        <span class="list-text">
+        <span class="list-text" :class="{'list-text-mini': selectText }">
           {{ t(props.componentData.chartConfig.title) }}
           {{ t(props.componentData.chartConfig.title) }}
         </span>
         </span>
       </n-ellipsis>
       </n-ellipsis>
-      <div class="list-layers">
+      <div class="list-layers" :class="{'list-layers-mini': selectText }">
         <layers-status :isGroup="isGroup" :hover="hover" :status="status"></layers-status>
         <layers-status :isGroup="isGroup" :hover="hover" :status="status"></layers-status>
       </div>
       </div>
     </div>
     </div>
@@ -157,12 +157,31 @@ $textSize: 10px;
     text-overflow: ellipsis;
     text-overflow: ellipsis;
     white-space: nowrap;
     white-space: nowrap;
   }
   }
+  .list-text-mini{
+    position: absolute;
+    z-index: 99;
+    left: 70px;
+    top: 8px;
+    padding-left: 6px;
+    width: 60px;
+    font-size: $textSize;
+    overflow: hidden;
+    text-align: left;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
 
 
   .list-layers {
   .list-layers {
     position: absolute;
     position: absolute;
     z-index: 99;
     z-index: 99;
     left: 140px;
     left: 140px;
     top: 15px;
     top: 15px;
+  } 
+  .list-layers-mini {
+    position: absolute;
+    z-index: 99;
+    left: 140px;
+    top: 2px;
   }
   }
 
 
   /* 选中样式 */
   /* 选中样式 */