From 0a1147c2fee5fff6fb1d1938c141597d3a867ac1 Mon Sep 17 00:00:00 2001
From: cocos02 <cocos02@163.com>
Date: Wed, 10 Jun 2026 16:10:23 +0800
Subject: [PATCH] fix: hotspot, demo, i18n and type updates

---
 engine/types.ts                 | 1 +
 public/scenes/demo.json         | 3 +++
 src/components/HotspotLayer.vue | 9 ++++++---
 src/locales/en.json             | 9 +++++++++
 src/locales/zh.json             | 9 +++++++++
 5 files changed, 28 insertions(+), 3 deletions(-)

diff --git a/engine/types.ts b/engine/types.ts
index 0f0e46b..3d8844e 100644
--- a/engine/types.ts
+++ b/engine/types.ts
@@ -35,6 +35,7 @@ export interface Choice {
 export interface Hotspot {
   id: string
   label: string
+  labelKey?: string
   targetScene: string
   x: number
   y: number
diff --git a/public/scenes/demo.json b/public/scenes/demo.json
index 3c630c2..2038ebe 100644
--- a/public/scenes/demo.json
+++ b/public/scenes/demo.json
@@ -125,6 +125,7 @@
         {
           "id": "hs_desk",
           "label": "查看书桌",
+          "labelKey": "scene.investigation_site.hotspot.desk",
           "targetScene": "desk_detail",
           "x": 154, "y": 144, "width": 230, "height": 101,
           "effects": [
@@ -135,12 +136,14 @@
         {
           "id": "hs_window",
           "label": "查看窗户",
+          "labelKey": "scene.investigation_site.hotspot.window",
           "targetScene": "corridor",
           "x": 602, "y": 43, "width": 192, "height": 202
         },
         {
           "id": "hs_closet",
           "label": "检查衣柜",
+          "labelKey": "scene.investigation_site.hotspot.closet",
           "targetScene": "desk_detail",
           "x": 422, "y": 346, "width": 128, "height": 187,
           "conditions": [
diff --git a/src/components/HotspotLayer.vue b/src/components/HotspotLayer.vue
index 1c466ab..0d7e739 100644
--- a/src/components/HotspotLayer.vue
+++ b/src/components/HotspotLayer.vue
@@ -1,6 +1,7 @@
 <script setup lang="ts">
 import { ref, computed, onMounted, onUnmounted } from 'vue'
 import type { Hotspot } from '@engine/types'
+import { useI18n } from '@/composables/useI18n'
 
 const props = defineProps<{
   hotspots: Hotspot[]
@@ -9,6 +10,8 @@ const props = defineProps<{
   contentSize?: { w: number; h: number } | null
 }>()
 
+const { t } = useI18n()
+
 const emit = defineEmits<{
   clickHotspot: [hotspotId: string]
 }>()
@@ -87,9 +90,9 @@ const hotspotRects = computed<Rect[]>(() => {
       class="hotspot-rect"
       :style="hotspotRects[i] as any"
       @click.stop="emit('clickHotspot', hs.id)"
-      :title="hs.label"
-    >
-      <span class="hotspot-label">{{ hs.label }}</span>
+      :title="t(hs.labelKey || hs.label)"
+      >
+      <span class="hotspot-label">{{ t(hs.labelKey || hs.label) }}</span>
     </div>
   </div>
 </template>
diff --git a/src/locales/en.json b/src/locales/en.json
index 988b9fa..2a4e75e 100644
--- a/src/locales/en.json
+++ b/src/locales/en.json
@@ -36,5 +36,14 @@
     "antiMistap": "Anti Mistap",
     "pauseEnabled": "Pause Enabled",
     "none": "None"
+  },
+  "scene": {
+    "investigation_site": {
+      "hotspot": {
+        "desk": "Examine Desk",
+        "window": "Check Window",
+        "closet": "Inspect Closet"
+      }
+    }
   }
 }
\ No newline at end of file
diff --git a/src/locales/zh.json b/src/locales/zh.json
index d06fd54..dde79da 100644
--- a/src/locales/zh.json
+++ b/src/locales/zh.json
@@ -36,5 +36,14 @@
     "antiMistap": "防误触延迟",
     "pauseEnabled": "可暂停",
     "none": "无"
+  },
+  "scene": {
+    "investigation_site": {
+      "hotspot": {
+        "desk": "查看书桌",
+        "window": "查看窗户",
+        "closet": "检查衣柜"
+      }
+    }
   }
 }
\ No newline at end of file