feat:碎片完善

src/pages/chenyun/internalization.tsx

@@ -13,7 +13,7 @@ import { getBackgroundImage, getPublicPath, getStaticImage } from "@/lib/utils";
 import { SuccessAlert, DragQuizPanel } from "@/components/layout";
 import { MultipleChoiceQuizPanel } from "@/components/layout/quiz";
 import { GuideSteps, GuideStepsItem } from "@/components";
-
+import { usePuzzleAnimation } from "@/contexts/PuzzleAnimationContext";
 type QuizOption = {
   value: string;
   label: string;
@@ -100,6 +100,8 @@ const QUIZ_ANCHORS: QuizAnchor[] = [
 const ChenyunInternalization = () => {
   const navigate = useNavigate();
   const { moduleName } = useParams<{ moduleName: string }>();
+  // 获取碎片动画触发方法
+  const { triggerPuzzleAnimation } = usePuzzleAnimation();
   const [activeSuccess, setActiveSuccess] = useState<string | null>(null);
   const [successContent, setSuccessContent] = useState<string>("");
   const [resumeCallback, setResumeCallback] = useState<(() => void) | null>(
@@ -196,6 +198,7 @@ const ChenyunInternalization = () => {
                     onContinue={() => {
                       setActiveSuccess(null);
                       setSuccessContent("");
+                      triggerPuzzleAnimation(16);
                       setDragQuizValues((prev) => {
                         const next = { ...prev };
                         delete next[item.id];
@@ -242,6 +245,7 @@ const ChenyunInternalization = () => {
                     if (isCorrect) {
                       setActiveSuccess(item.id);
                       setSuccessContent("回答正确，请继续探索。");
+                      if (item.id === "quiz-1") triggerPuzzleAnimation(15);
                       setResumeCallback(() => resume);
                     }
                   }}