diff --git a/src/App.vue b/src/App.vue
index e1edbdc..9738493 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -789,7 +789,7 @@
                           >
                             <input type="checkbox" />
                             <div class="collapse-title font-semibold">
-                              {{ getDisplayName(comp.instanceName) || '未命名组件' }}
+                              {{ comp.instanceName ? getDisplayName(comp.instanceName).split('.').pop() : '未命名组件' }}
                               <span class="badge badge-sm badge-neutral ml-2">{{ getTypeName(comp.typePath) || '未知类型' }}</span>
                             </div>
                             <div class="collapse-content">
@@ -876,6 +876,7 @@ export default {
         horizontalScrollbarSize: 8
       }
     });
+
     
     const smallEditorOptions = ref({
       ...editorOptions.value,