From 940caaf8e4d0d11f521bb6225ee9c210b806f176 Mon Sep 17 00:00:00 2001
From: hyper <hx.hyper@qq.com>
Date: Sun, 15 Mar 2026 23:17:59 +0800
Subject: [PATCH] fix: display

---
 src/components/md-token-viewer.tsx | 14 ++++++++++----
 1 file changed, 10 insertions(+), 4 deletions(-)

diff --git a/src/components/md-token-viewer.tsx b/src/components/md-token-viewer.tsx
index 5dbb529..4849c0e 100644
--- a/src/components/md-token-viewer.tsx
+++ b/src/components/md-token-viewer.tsx
@@ -52,22 +52,28 @@ export default function MdTokenViewer(props: TokenViewerProps) {
       // 3MF 文件可能返回一个 Group，包含多个 Mesh
       group = object instanceof THREE.Group ? object : new THREE.Group().add(object);
 
-      // 居中并调整方向
-      group.center();
+      // 计算边界框并居中
+      const box = new THREE.Box3().setFromObject(group);
+      const center = box.getCenter(new THREE.Vector3());
+      group.position.x = -center.x;
+      group.position.y = -center.y;
+      group.position.z = -center.z;
+
       group.rotateX(Math.PI);
 
       // 为每个 mesh 启用原始颜色
       group.traverse((child) => {
         if ((child as THREE.Mesh).isMesh) {
           const childMesh = child as THREE.Mesh;
+          const material = childMesh.material as THREE.MeshStandardMaterial;
           // 保留原始顶点颜色或材质颜色
           if (childMesh.geometry.attributes.color) {
-            childMesh.material.vertexColors = true;
+            material.vertexColors = true;
           }
           // 确保材质是标准材质以支持光照
           if (!(childMesh.material instanceof THREE.MeshStandardMaterial)) {
             childMesh.material = new THREE.MeshStandardMaterial({
-              color: childMesh.material.color,
+              color: material.color,
               metalness: 0.3,
               roughness: 0.7,
             });