...

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

@@ -1,4 +1,4 @@
-export default function SubtitleDisplay({ subtitle }: { subtitle: string }) {
+export function SubtitleDisplay({ subtitle }: { subtitle: string }) {
   const words = subtitle.match(/\b[\w']+(?:-[\w']+)*\b/g) || [];
   let i = 0;
   return (

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

@@ -1,5 +1,5 @@
 import { useState, useRef, forwardRef, useEffect, useCallback } from "react";
-import SubtitleDisplay from "./SubtitleDisplay";
+import { SubtitleDisplay } from "./SubtitleDisplay";
 import { LightButton } from "@/components/ui/buttons";
 import { getIndex, parseSrt, getNearistIndex } from "../subtitle";
 import { useTranslations } from "next-intl";
@@ -213,4 +213,4 @@ const VideoPanel = forwardRef<HTMLVideoElement, VideoPanelProps>(
 
 VideoPanel.displayName = "VideoPanel";
 
-export default VideoPanel;
+export { VideoPanel };

src/app/(features)/srt-player/components/atoms/FileInput.tsx

@@ -7,7 +7,7 @@ interface FileInputComponentProps extends FileInputProps {
   children: React.ReactNode;
 }
 
-export default function FileInput({ accept, onFileSelect, disabled, className, children }: FileInputComponentProps) {
+export function FileInput({ accept, onFileSelect, disabled, className, children }: FileInputComponentProps) {
   const inputRef = useRef<HTMLInputElement>(null);
 
   const handleClick = React.useCallback(() => {

src/app/(features)/srt-player/components/atoms/PlayButton.tsx

@@ -5,7 +5,7 @@ import { useTranslations } from "next-intl";
 import { LightButton } from "@/components/ui/buttons";
 import { PlayButtonProps } from "../../types/player";
 
-export default function PlayButton({ isPlaying, onToggle, disabled, className }: PlayButtonProps) {
+export function PlayButton({ isPlaying, onToggle, disabled, className }: PlayButtonProps) {
   const t = useTranslations("srt_player");
   
   return (

src/app/(features)/srt-player/components/atoms/SeekBar.tsx

@@ -3,7 +3,7 @@
 import React from "react";
 import { SeekBarProps } from "../../types/player";
 
-export default function SeekBar({ value, max, onChange, disabled, className }: SeekBarProps) {
+export function SeekBar({ value, max, onChange, disabled, className }: SeekBarProps) {
   const handleChange = React.useCallback((event: React.ChangeEvent<HTMLInputElement>) => {
     const newValue = parseInt(event.target.value);
     onChange(newValue);

src/app/(features)/srt-player/components/atoms/SpeedControl.tsx

@@ -5,7 +5,7 @@ import { LightButton } from "@/components/ui/buttons";
 import { SpeedControlProps } from "../../types/player";
 import { getPlaybackRateOptions, getPlaybackRateLabel } from "../../utils/timeUtils";
 
-export default function SpeedControl({ playbackRate, onPlaybackRateChange, disabled, className }: SpeedControlProps) {
+export function SpeedControl({ playbackRate, onPlaybackRateChange, disabled, className }: SpeedControlProps) {
   const speedOptions = getPlaybackRateOptions();
   
   const handleSpeedChange = React.useCallback(() => {

src/app/(features)/srt-player/components/atoms/SubtitleText.tsx

@@ -3,7 +3,7 @@
 import React from "react";
 import { SubtitleTextProps } from "../../types/subtitle";
 
-export default function SubtitleText({ text, onWordClick, style, className }: SubtitleTextProps) {
+export function SubtitleText({ text, onWordClick, style, className }: SubtitleTextProps) {
   const handleWordClick = React.useCallback((word: string) => {
     onWordClick?.(word);
   }, [onWordClick]);

src/app/(features)/srt-player/components/atoms/VideoElement.tsx

@@ -46,4 +46,4 @@ const VideoElement = forwardRef<HTMLVideoElement, VideoElementProps>(
 
 VideoElement.displayName = "VideoElement";
 
-export default VideoElement;
+export { VideoElement };

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 };

src/app/(features)/srt-player/page.tsx

@@ -9,11 +9,11 @@ import { useSubtitleSync } from "./hooks/useSubtitleSync";
 import { useKeyboardShortcuts, createSrtPlayerShortcuts } from "./hooks/useKeyboardShortcuts";
 import { useFileUpload } from "./hooks/useFileUpload";
 import { loadSubtitle } from "./utils/subtitleParser";
-import VideoPlayer from "./components/compounds/VideoPlayer";
-import SubtitleArea from "./components/compounds/SubtitleArea";
-import ControlBar from "./components/compounds/ControlBar";
-import UploadZone from "./components/compounds/UploadZone";
-import SeekBar from "./components/atoms/SeekBar";
+import { VideoPlayer } from "./components/compounds/VideoPlayer";
+import { SubtitleArea } from "./components/compounds/SubtitleArea";
+import { ControlBar } from "./components/compounds/ControlBar";
+import { UploadZone } from "./components/compounds/UploadZone";
+import { SeekBar } from "./components/atoms/SeekBar";
 import { LightButton } from "@/components/ui/buttons";
 
 export default function SrtPlayerPage() {