@linker-design-plus/timeline-track 1.0.5 → 1.0.7

package/dist/components/Clip.d.ts

@@ -4,6 +4,7 @@ export declare class Clip {
     private onUpdate;
     private onSplit;
     private isMoving;
+    private isMovingVisualApplied;
     private dragStartPos;
     private originalStart;
     private originalDuration;

package/dist/components/Timeline.d.ts

@@ -14,6 +14,11 @@ export declare class Timeline {
     private onScrollChange;
     private animationFrameId;
     private isZooming;
+    private scrollbarHeight;
+    private scrollbarY;
+    private isScrollbarDragging;
+    private scrollbarDragStartX;
+    private scrollbarDragStartScrollLeft;
     private leftPadding;
     constructor(stage: Konva.Stage, gridLayer: Konva.Layer, config: Partial<TimelineConfig>, onTimeChange: (time: TimeMs) => void, onZoomChange: (zoom: number) => void, onScrollChange: (scrollLeft: number) => void);
     private initEventListeners;
@@ -30,6 +35,10 @@ export declare class Timeline {
     setPlayState(playState: 'playing' | 'paused'): void;
     update(): void;
     private render;
+    /**
+     * 绘制滚动条
+     */
+    private renderScrollbar;
     private renderTimeTicks;
     getConfig(): TimelineConfig;
     getScrollLeft(): number;

package/dist/core/timelineManager.d.ts

@@ -19,6 +19,7 @@ export declare class TimelineManager {
     private isExecutingHistoryAction;
     private lastTrackDuration;
     private thumbnailProvider;
+    private canPlay;
     constructor(config?: Partial<TimelineConfig>);
     init(container: HTMLElement): void;
     play(): void;
@@ -39,6 +40,11 @@ export declare class TimelineManager {
      * @returns 当前播放倍速
      */
     getSpeed(): number;
+    /**
+     * 获取当前是否可以播放
+     * @returns 是否可以播放
+     */
+    getCanPlay(): boolean;
     /**
      * 设置缩略图提供器
      * @param provider 缩略图提供器
@@ -89,6 +95,16 @@ export declare class TimelineManager {
     private handleClipUpdate;
     private handleClipAdd;
     private handleClipRemove;
+    /**
+     * 检查并重新加载关键帧（如果需要）
+     * @param clip 更新后的片段
+     * @param originalClip 原始片段
+     */
+    private reloadClipThumbnailsIfNeeded;
+    /**
+     * 更新 canPlay 状态
+     */
+    private updateCanPlayState;
     private handleClipSplit;
     private handleClipSelect;
     private handleActionUndo;

package/dist/core/types.d.ts

@@ -76,6 +76,10 @@ export interface Theme {
     clipSelectedCoverBackground: string;
     playhead: string;
     grid: string;
+    scrollbarBackground?: string;
+    scrollbarBorder?: string;
+    scrollbarThumb?: string;
+    scrollbarThumbBorder?: string;
 }
 export declare const defaultDarkTheme: Theme;
 export interface TimelineConfig {
@@ -119,7 +123,7 @@ export interface HistoryState {
     past: Action[];
     future: Action[];
 }
-export type TimelineEvent = 'time_change' | 'play_state_change' | 'clip_added' | 'clip_removed' | 'clip_updated' | 'zoom_change' | 'history_change' | 'track_duration_change' | 'clip_selected' | 'speed_change';
+export type TimelineEvent = 'time_change' | 'play_state_change' | 'clip_added' | 'clip_removed' | 'clip_updated' | 'zoom_change' | 'history_change' | 'track_duration_change' | 'clip_selected' | 'speed_change' | 'can_play_change';
 export interface TimeChangeData {
     time: TimeMs;
 }
@@ -135,6 +139,9 @@ export interface ClipEventData {
 export interface ClipRemovedEventData {
     clipId: string;
 }
+export interface CanPlayChangeData {
+    canPlay: boolean;
+}
 export interface EventListener {
     (event: TimelineEvent, data?: any): void;
 }