fix(src/packages): 修改3D编辑器, 名称长度样式显示问题

@@ -20,15 +20,19 @@
       <template #action>
         <div class="go-flex-items-center list-footer" justify="space-between">
           <div style="display: flex; flex-direction: column; align-items: start">
-            <n-text @click="handleFocus">
-              <n-button v-show="!focus" secondary size="tiny">
+            <n-text v-if="!focus" @click="handleFocus">
+              <n-button
+                class="list-footer-button"
+                secondary
+                size="tiny"
+              >
                 <span class="title">
                   {{ cardData.name || cardData.id }}
                 </span>
               </n-button>
             </n-text>
             <n-input
-              v-show="focus"
+              v-else
               ref="inputInstRef"
               size="small"
               type="text"
@@ -102,7 +106,7 @@ const emit = defineEmits(['delete', 'resize', 'edit', 'release', 'inputUpdateCar
 
 const props = defineProps({
   cardData: Object as PropType<ChartType>,
-  operationKey: String,
+  operationKey: String
 })
 
 // 处理url获取
@@ -234,6 +238,14 @@ $contentHeight: 180px;
       justify-content: flex-end;
       min-width: 180px;
     }
+    .list-footer-button {
+      display: flex;
+      // justify-content: flex-start;
+      width: 135px;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      white-space: nowrap;
+    }
   }
 }
 </style>