feat: 更新光标组件和场景交互

- 在 Cursor 组件中添加禁用状态,增强用户交互体验。
- 更新多个场景以使用新的光标控制逻辑,确保光标的启用状态与展品访问状态相匹配。
- 在信件组件中添加输入校验功能,提升用户填写体验。
- 调整文本内容和引导对话,确保信息准确性和一致性。
This commit is contained in:
zhongyidian committed 2026-01-14 18:40:52 +08:00
1 parent a6570efa19
commit d7ff7d3a45
25 files changed
+769 -158

No files matched your search

+15
View File
@@ -13,6 +13,7 @@ import { SuccessAlert } from "@/components/layout";
import { getBackgroundImage, getStaticImage, getPublicPath } from "@/lib/utils";
import { useNavigate, useParams } from "react-router-dom";
import type { VideoRef } from "@/components/video";
import { useCursorController } from "@/hooks/useCursorController";
const starName = "huangyanpei";
@@ -34,6 +35,16 @@ const HuangyanpeiPlace4 = () => {
1 | 2 | 3 | 4 | 5 | null
>(null);
const [visited, setVisited] = useState<Set<number>>(new Set());
const { isEnabled } = useCursorController({
initialEnabled: [1],
dependencies: {
3: [1],
4: [3],
5: [4],
// 2 已注释,不计入顺序
},
visited,
});
// 光标1的引导对话状态
const [guide1Visible, setGuide1Visible] = useState(false);
@@ -125,6 +136,7 @@ const HuangyanpeiPlace4 = () => {
onClick={() => handleOpenExhibit(1)}
size={1}
read={visited.has(1)}
disabled={!isEnabled(1)}
/>
{/* 光标2 */}
{/* <Cursor
@@ -137,18 +149,21 @@ const HuangyanpeiPlace4 = () => {
className="absolute left-125 top-100"
onClick={() => handleOpenExhibit(3)}
read={visited.has(3)}
disabled={!isEnabled(3)}
/>
{/* 光标4 */}
<Cursor
className="absolute right-62 top-102"
onClick={() => handleOpenExhibit(4)}
read={visited.has(4)}
disabled={!isEnabled(4)}
/>
{/* 光标5 */}
<Cursor
className="absolute right-205 top-110"
onClick={() => handleOpenExhibit(5)}
read={visited.has(5)}
disabled={!isEnabled(5)}
/>
{completed && (