perf: data component component name add text overfolw ellipsis

@@ -56,7 +56,9 @@
 
 <template>
   <div>
-    <div class="text-center pt-5 px-5 pb-3 font-bold text-lg">{{ props.panelName || '' }}</div>
+    <div class="text-center pt-5 px-5 pb-3 font-bold text-lg truncate">
+      {{ props.panelName || '' }}
+    </div>
     <div class="flex justify-between w-full px-5 pb-5">
       <div class="flex" :style="{ width: `calc(100% - 60px)` }">
         <div