feat: 设置demo默认路由为Marker & fix: 修复图片校准组件多图切换时图层消失问题

- 将demo目录默认选中项从MobileApp改为Marker
- 修复ImageCalibrationControl切换图片时静态图层被误删导致消失的问题
- 优化handleActivateImage逻辑，消除50ms延迟避免视觉间隙
- 扩展静态图层覆盖范围，支持calibrating状态图片显示

Author: lzxue

packages/core/src/components/Control/ImageCalibrationControl/ImageCalibrationControl.tsx

@@ -181,7 +181,9 @@ export const ImageCalibrationControl = forwardRef<ImageCalibrationHandle, ImageC
 
       images.forEach((img) => {
         if (img.id === activeId) return;
-        if (!img.corners || img.phase === 'idle') return;
+        // 所有非激活图片都应显示为静态图层（包括 idle/calibrating/confirmed）
+        // 只有没有 corners 的 idle 图片才跳过（无法定位到地图）
+        if (!img.corners && img.phase === 'idle') return;
 
         currentLayerIds.add(img.id);
 
@@ -466,11 +468,6 @@ export const ImageCalibrationControl = forwardRef<ImageCalibrationHandle, ImageC
     const handleActivateImage = useCallback(
       (img: RegisteredImage, isNew = false) => {
         saveActiveImageState();
-        const staticLayer = staticLayersRef.current.get(img.id);
-        if (staticLayer && scene) {
-          try { scene.removeLayer(staticLayer); } catch {}
-          staticLayersRef.current.delete(img.id);
-        }
         setImages((prev) => {
           const exists = prev.find((i) => i.id === img.id);
           if (exists) return prev;
@@ -479,13 +476,14 @@ export const ImageCalibrationControl = forwardRef<ImageCalibrationHandle, ImageC
         });
         setActiveImageId(img.id);
         onImageSwitch?.(img.id);
-        clear();
-        setTimeout(() => {
-          if (img.corners) setImage(img.source, img.corners);
-          else setImage(img.source);
-        }, 50);
+        // 先设置新图片，再清除旧状态，避免视觉间隙
+        if (img.corners) {
+          setImage(img.source, img.corners);
+        } else {
+          setImage(img.source);
+        }
       },
-      [saveActiveImageState, clear, setImage, onImageSwitch, onImageAdd, scene],
+      [saveActiveImageState, setImage, onImageSwitch, onImageAdd],
     );
 
     const handleSwitchImage = useCallback(

packages/site/src/home/HomePage.tsx

@@ -147,7 +147,7 @@ export default function HomePage({ onNavigate, onNavigateDesign, onNavigateBlock
         theme={theme}
         activePage="home"
         onLogoClick={() => {}}
-        onNavigateDemos={() => onNavigate(0)}
+        onNavigateDemos={() => onNavigate(7)}
         onNavigateDocs={onNavigateDocs}
         onNavigateDesign={onNavigateDesign}
         onNavigateBlock={onNavigateBlock}

packages/site/src/main.tsx

@@ -384,7 +384,8 @@ const getPageFromUrl = (): { page: 'home' | 'demo' | 'design' | 'docs' | 'block'
     d.file.replace('demo-', '') === normalizedRoute ||
     d.file === `demo-${normalizedRoute.padStart(2, '0')}`
   );
-  return { page: 'demo', demoIndex: index >= 0 ? index : 0 };
+  // 默认 demo 为 Marker (索引 7)
+  return { page: 'demo', demoIndex: index >= 0 ? index : 7 };
 };
 
 function App() {
@@ -506,7 +507,7 @@ function App() {
           onDocChange={(docId: string) => navigateTo(`design/${docId}`)}
           onToggleTheme={() => setAppTheme((t) => t === 'light' ? 'dark' : 'light')}
           onNavigateHome={() => { setCurrentPage('home'); navigateTo(''); }}
-          onNavigateDemo={() => { setCurrentPage('demo'); navigateTo('demo/' + demos[0].file); }}
+          onNavigateDemo={() => { setCurrentPage('demo'); setCurrent(7); navigateTo('demo/' + demos[7].file); }}
           onNavigateDocs={() => { setCurrentPage('docs'); navigateTo('docs'); }}
           onNavigateBlock={() => { setCurrent(0); setCurrentPage('block'); navigateTo('block'); }}
           onNavigateSkill={() => { setCurrentPage('skill'); navigateTo('skill'); }}
@@ -526,7 +527,7 @@ function App() {
           sourceModules={sourceModules}
           onToggleTheme={() => setAppTheme((t) => t === 'light' ? 'dark' : 'light')}
           onNavigateHome={() => { setCurrentPage('home'); navigateTo(''); }}
-          onNavigateDemo={() => { setCurrentPage('demo'); navigateTo('demo/' + demos[0].file); }}
+          onNavigateDemo={() => { setCurrentPage('demo'); setCurrent(7); navigateTo('demo/' + demos[7].file); }}
           onNavigateDocs={() => { setCurrentPage('docs'); navigateTo('docs'); }}
           onNavigateDesign={() => { setCurrentPage('design'); navigateTo('design'); }}
           onNavigateBlock={() => { setCurrent(0); setCurrentPage('block'); navigateTo('block'); }}
@@ -550,7 +551,7 @@ function App() {
           onDocChange={(docId: string) => navigateTo('block-design/' + docId)}
           onToggleTheme={() => setAppTheme((t) => t === 'light' ? 'dark' : 'light')}
           onNavigateHome={() => { setCurrentPage('home'); navigateTo(''); }}
-          onNavigateDemo={() => { setCurrentPage('demo'); navigateTo('demo/' + demos[0].file); }}
+          onNavigateDemo={() => { setCurrentPage('demo'); setCurrent(7); navigateTo('demo/' + demos[7].file); }}
           onNavigateDocs={() => { setCurrentPage('docs'); navigateTo('docs'); }}
           onNavigateDesign={() => { setCurrentPage('design'); navigateTo('design'); }}
           onNavigateBlock={() => { setCurrent(0); setCurrentPage('block'); navigateTo('block'); }}
@@ -569,7 +570,7 @@ function App() {
           theme={appTheme}
           onToggleTheme={() => setAppTheme((t) => t === 'light' ? 'dark' : 'light')}
           onNavigateHome={() => { setCurrentPage('home'); navigateTo(''); }}
-          onNavigateDemo={() => { setCurrentPage('demo'); navigateTo('demo/' + demos[0].file); }}
+          onNavigateDemo={() => { setCurrentPage('demo'); setCurrent(7); navigateTo('demo/' + demos[7].file); }}
           onNavigateDesign={() => { setCurrentPage('design'); navigateTo('design'); }}
           onNavigateBlock={() => { setCurrent(0); setCurrentPage('block'); navigateTo('block'); }}
           onNavigateSkill={() => { setCurrentPage('skill'); navigateTo('skill'); }}
@@ -589,7 +590,7 @@ function App() {
           theme={appTheme}
           onToggleTheme={() => setAppTheme((t) => t === 'light' ? 'dark' : 'light')}
           onNavigateHome={() => { setCurrentPage('home'); navigateTo(''); }}
-          onNavigateDemo={() => { setCurrentPage('demo'); navigateTo('demo/' + demos[0].file); }}
+          onNavigateDemo={() => { setCurrentPage('demo'); setCurrent(7); navigateTo('demo/' + demos[7].file); }}
           onNavigateDocs={() => { setCurrentPage('docs'); navigateTo('docs'); }}
           onNavigateDesign={() => { setCurrentPage('design'); navigateTo('design'); }}
           onNavigateBlock={() => { setCurrent(0); setCurrentPage('block'); navigateTo('block'); }}