refactor: delete TimelineHeader.tsx (#1899 #1900)

2026-09-14 20:44:43 +08:00
parent f8c1610bd9
commit 53bcac7df6
1 changed files with 0 additions and 76 deletions
@@ -1,76 +0,0 @@
-import React from "react"
-import { formatTime } from "../../utils/timeline"
-
-interface TimelineHeaderProps {
-  /** 总时长（秒） */
-  totalDuration: number
-  /** 缩放：每秒像素数 */
-  pps: number
-  /** 缩放变更回调 */
-  onZoomChange?: (pps: number) => void
-  /** 撤销最后一个片段 */
-  onUndoClip?: () => void
-  /** 片段数量 */
-  clipsCount: number
-}
-
-/**
- * 时间线头部组件
- * 包含标题、总时长、缩放控件和操作按钮
- */
-export const TimelineHeader: React.FC<TimelineHeaderProps> = ({
-  totalDuration,
-  pps,
-  onZoomChange,
-  onUndoClip,
-  clipsCount,
-}) => {
-  return (
-    <div className="ep-timeline-header">
-      <div className="ep-timeline-title">
-        <span>🎬 时间线</span>
-        <span className="ep-timeline-duration">总时长: {formatTime(totalDuration)}</span>
-      </div>
-      <div className="ep-timeline-actions">
-        {/* 缩放控件 */}
-        <div className="ep-timeline-zoom">
-          <button
-            className="ep-zoom-btn"
-            onClick={() => onZoomChange?.(Math.max(10, pps - 10))}
-            title="缩小"
-          >
-            −
-          </button>
-          <input
-            type="range"
-            className="ep-zoom-slider"
-            min={10}
-            max={120}
-            step={5}
-            value={pps}
-            onChange={(e) => onZoomChange?.(Number(e.target.value))}
-          />
-          <button
-            className="ep-zoom-btn"
-            onClick={() => onZoomChange?.(Math.min(120, pps + 10))}
-            title="放大"
-          >
-            +
-          </button>
-          <span className="ep-zoom-label">{pps}px/s</span>
-        </div>
-        <button
-          className="ep-timeline-action-btn"
-          onClick={onUndoClip}
-          title="删除最后一个片段"
-          disabled={clipsCount <= 1}
-        >
-          ↩
-        </button>
-        <button className="ep-timeline-action-btn" title="重做">
-          ↪
-        </button>
-      </div>
-    </div>
-  )
-}