...

src/app/(features)/srt-player/components/compounds/ControlBar.tsx

@@ -5,10 +5,10 @@ import { useTranslations } from "next-intl";
 import { ChevronLeft, ChevronRight, RotateCcw, Pause } from "lucide-react";
 import { LightButton } from "@/components/ui/buttons";
 import { ControlBarProps } from "../../types/controls";
-import PlayButton from "../atoms/PlayButton";
-import SpeedControl from "../atoms/SpeedControl";
+import { PlayButton } from "../atoms/PlayButton";
+import { SpeedControl } from "../atoms/SpeedControl";
 
-export default function ControlBar({
+export function ControlBar({
   isPlaying,
   onPlayPause,
   onPrevious,

src/app/(features)/srt-player/components/compounds/SubtitleArea.tsx

@@ -2,9 +2,9 @@
 
 import React from "react";
 import { SubtitleDisplayProps } from "../../types/subtitle";
-import SubtitleText from "../atoms/SubtitleText";
+import { SubtitleText } from "../atoms/SubtitleText";
 
-export default function SubtitleArea({ subtitle, onWordClick, settings, className }: SubtitleDisplayProps) {
+export function SubtitleArea({ subtitle, onWordClick, settings, className }: SubtitleDisplayProps) {
   const handleWordClick = React.useCallback((word: string) => {
     // 打开有道词典页面查询单词
     window.open(

src/app/(features)/srt-player/components/compounds/UploadZone.tsx

@@ -8,7 +8,7 @@ import { LightButton } from "@/components/ui/buttons";
 import { FileUploadProps } from "../../types/controls";
 import { useFileUpload } from "../../hooks/useFileUpload";
 
-export default function UploadZone({ onVideoUpload, onSubtitleUpload, className }: FileUploadProps) {
+export function UploadZone({ onVideoUpload, onSubtitleUpload, className }: FileUploadProps) {
   const t = useTranslations("srt_player");
   const { uploadVideo, uploadSubtitle } = useFileUpload();
 

src/app/(features)/srt-player/components/compounds/VideoPlayer.tsx

@@ -2,7 +2,7 @@
 
 import React, { forwardRef } from "react";
 import { VideoElementProps } from "../../types/player";
-import VideoElement from "../atoms/VideoElement";
+import { VideoElement } from "../atoms/VideoElement";
 
 interface VideoPlayerComponentProps extends VideoElementProps {
   children?: React.ReactNode;
@@ -38,4 +38,4 @@ const VideoPlayer = forwardRef<HTMLVideoElement, VideoPlayerComponentProps>(
 
 VideoPlayer.displayName = "VideoPlayer";
 
-export default VideoPlayer;
+export { VideoPlayer };