Merge branch 'perf/chart-name/08-09' into 'main_dev'

fix: 修复火狐浏览器，图表名称无法显示问题

See merge request yunteng/thingskit-view!280

@@ -13,14 +13,16 @@
           {{ props.componentData.chartConfig.title }}
           {{ props.componentData.chartConfig.title }}
         </span>
         </span>
       </n-ellipsis>
       </n-ellipsis>
-      <layers-status :isGroup="isGroup" :hover="hover" :status="status"></layers-status>
+      <div class="list-layers">
+        <layers-status :isGroup="isGroup" :hover="hover" :status="status"></layers-status>
+      </div>
     </div>
     </div>
     <div :class="{ 'select-modal': select }"></div>
     <div :class="{ 'select-modal': select }"></div>
   </div>
   </div>
 </template>
 </template>
 
 
 <script setup lang="ts">
 <script setup lang="ts">
-import { computed, PropType, ref } from 'vue'
+import { computed, PropType, ref } from 'vue'
 import { requireErrorImg } from '@/utils'
 import { requireErrorImg } from '@/utils'
 import { useDesignStore } from '@/store/modules/designStore/designStore'
 import { useDesignStore } from '@/store/modules/designStore/designStore'
 import { useChartEditStore } from '@/store/modules/chartEditStore/chartEditStore'
 import { useChartEditStore } from '@/store/modules/chartEditStore/chartEditStore'
@@ -141,8 +143,24 @@ $textSize: 10px;
   }
   }
 
 
   .list-text {
   .list-text {
+    position: absolute;
+    z-index: 99;
+    left: 70px;
+    top: 20px;
     padding-left: 6px;
     padding-left: 6px;
+    width: 60px;
     font-size: $textSize;
     font-size: $textSize;
+    overflow: hidden;
+    text-align: left;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+
+  .list-layers {
+    position: absolute;
+    z-index: 99;
+    left: 140px;
+    top: 15px;
   }
   }
 
 
   /* 选中样式 */
   /* 选中样式 */