asddsa

apps/web/src/components/models/course/detail/CourseSyllabus/CourseSyllabus.tsx

@@ -6,7 +6,6 @@ import {
 } from "@heroicons/react/24/outline";
 import { ChevronLeftIcon, ChevronRightIcon } from "@heroicons/react/24/outline";
 import React, { useState, useRef, useContext } from "react";
-import { motion, AnimatePresence } from "framer-motion";
 import { SectionDto, TaxonomySlug } from "@nice/common";
 import { SyllabusHeader } from "./SyllabusHeader";
 import { SectionItem } from "./SectionItem";
@@ -30,11 +29,7 @@ export const CourseSyllabus: React.FC<CourseSyllabusProps> = ({
 	const { isHeaderVisible } = useContext(CourseDetailContext);
 	const [expandedSections, setExpandedSections] = useState<string[]>([]);
 	const sectionRefs = useRef<{ [key: string]: HTMLDivElement | null }>({});
-	// api.term.findMany.useQuery({
-	// 	where: {
-	// 		taxonomy: { slug: TaxonomySlug.CATEGORY },
-	// 	},
-	// });
+
 	const toggleSection = (sectionId: string) => {
 		setExpandedSections((prev) =>
 			prev.includes(sectionId)
@@ -42,43 +37,31 @@ export const CourseSyllabus: React.FC<CourseSyllabusProps> = ({
 				: [...prev, sectionId]
 		);
 
-		setTimeout(() => {
+		// 直接滚动，无需延迟
 		sectionRefs.current[sectionId]?.scrollIntoView({
 			behavior: "smooth",
 			block: "start",
 		});
-		}, 100);
 	};
 
 	return (
 		<>
-			<AnimatePresence>
-				{/* 收起时的悬浮按钮 */}
+			{/* 收起按钮直接显示 */}
 			{!isOpen && (
-					<motion.div
-						initial={{ opacity: 0 }}
-						animate={{ opacity: 1 }}
-						exit={{ opacity: 0 }}
-						className="fixed top-1/3 right-0 -translate-y-1/2 z-20">
+				<div className="fixed top-1/3 right-0 -translate-y-1/2 z-20">
 					<CollapsedButton onToggle={onToggle} />
-					</motion.div>
+				</div>
 			)}
-			</AnimatePresence>
-			<motion.div
-				initial={false}
-				animate={{
+
+			<div
+				style={{
 					width: isOpen ? "25%" : "0",
 					right: 0,
 					top: isHeaderVisible ? "64px" : "0",
 				}}
 				className="fixed top-0 bottom-0 z-20 bg-white shadow-xl">
-				<AnimatePresence>
 				{isOpen && (
-						<motion.div
-							initial={{ opacity: 0, x: 20 }}
-							animate={{ opacity: 1, x: 0 }}
-							exit={{ opacity: 0, x: 20 }}
-							className="h-full flex flex-col">
+					<div className="h-full flex flex-col">
 						<SyllabusHeader onToggle={onToggle} />
 
 						<div className="flex-1 overflow-y-auto p-4">
@@ -87,9 +70,8 @@ export const CourseSyllabus: React.FC<CourseSyllabusProps> = ({
 									<SectionItem
 										key={section.id}
 										ref={(el) =>
-												(sectionRefs.current[
-													section.id
-												] = el)
+											(sectionRefs.current[section.id] =
+												el)
 										}
 										index={index + 1}
 										section={section}
@@ -102,10 +84,9 @@ export const CourseSyllabus: React.FC<CourseSyllabusProps> = ({
 								))}
 							</div>
 						</div>
-						</motion.div>
+					</div>
 				)}
-				</AnimatePresence>
-			</motion.div>
+			</div>
 		</>
 	);
 };