diff --git a/draggable-panels/config.json b/draggable-panels/config.json
index 6d5e329..797b04a 100644
--- a/draggable-panels/config.json
+++ b/draggable-panels/config.json
@@ -132,8 +132,8 @@
           }
         }
       ],
-      "activeTabId": "vrh9bl2"
+      "activeTabId": "mxfx11j"
     }
   },
-  "lastUpdated": "2025-12-20T13:20:08.377Z"
+  "lastUpdated": "2025-12-20T13:24:03.895Z"
 }
\ No newline at end of file
diff --git a/draggable-panels/design-state.json b/draggable-panels/design-state.json
index 2c9a988..9c7093f 100644
--- a/draggable-panels/design-state.json
+++ b/draggable-panels/design-state.json
@@ -1,5 +1,17 @@
 {
   "components": [
+    {
+      "id": "6evneg3",
+      "componentId": "RadioSelect",
+      "name": "单选器 1",
+      "props": {
+        "options": [
+          "选项1",
+          "选项6",
+          "选项3"
+        ]
+      }
+    },
     {
       "id": "xazr6j9",
       "componentId": "GridTable",
@@ -17,18 +29,6 @@
         ]
       }
     },
-    {
-      "id": "6evneg3",
-      "componentId": "RadioSelect",
-      "name": "单选器 1",
-      "props": {
-        "options": [
-          "选项1",
-          "选项6",
-          "选项3"
-        ]
-      }
-    },
     {
       "id": "nx1ns6t",
       "componentId": "TextInput",
@@ -41,5 +41,5 @@
     }
   ],
   "selectedId": "xazr6j9",
-  "lastUpdated": "2025-12-20T13:20:22.771Z"
+  "lastUpdated": "2025-12-20T13:24:06.541Z"
 }
\ No newline at end of file
diff --git a/draggable-panels/src/materials/TreeViewer/index.vue b/draggable-panels/src/materials/TreeViewer/index.vue
index 7fed226..8f884f5 100644
--- a/draggable-panels/src/materials/TreeViewer/index.vue
+++ b/draggable-panels/src/materials/TreeViewer/index.vue
@@ -49,7 +49,7 @@ const getComponentIcon = (componentId: string) => {
     <div class="viewer-body">
       <div class="tree-container">
         <draggable
-          :list="[...treeNodes]"
+          :list="localComponents"
           item-key="id"
           :animation="150"
           ghost-class="node-ghost"
@@ -62,12 +62,12 @@ const getComponentIcon = (componentId: string) => {
               @click="handleNodeClick(node.id)"
             >
               <span class="node-icon">{{ getComponentIcon(node.componentId) }}</span>
-              <span class="node-label">{{ node.label }}</span>
+              <span class="node-label">{{ node.name }}</span>
             </div>
           </template>
         </draggable>
         
-        <div v-if="treeNodes.length === 0" class="empty-tip">
+        <div v-if="localComponents.length === 0" class="empty-tip">
           暂无设计组件
         </div>
       </div>