@linker-design-plus/timeline-track 1.0.6 → 1.0.8

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -4,6 +4,7 @@ export declare class Clip {
4
4
  private onUpdate;
5
5
  private onSplit;
6
6
  private isMoving;
7
+ private isMovingVisualApplied;
7
8
  private dragStartPos;
8
9
  private originalStart;
9
10
  private originalDuration;
@@ -14,6 +14,11 @@ export declare class Timeline {
14
14
  private onScrollChange;
15
15
  private animationFrameId;
16
16
  private isZooming;
17
+ private scrollbarHeight;
18
+ private scrollbarY;
19
+ private isScrollbarDragging;
20
+ private scrollbarDragStartX;
21
+ private scrollbarDragStartScrollLeft;
17
22
  private leftPadding;
18
23
  constructor(stage: Konva.Stage, gridLayer: Konva.Layer, config: Partial<TimelineConfig>, onTimeChange: (time: TimeMs) => void, onZoomChange: (zoom: number) => void, onScrollChange: (scrollLeft: number) => void);
19
24
  private initEventListeners;
@@ -30,6 +35,10 @@ export declare class Timeline {
30
35
  setPlayState(playState: 'playing' | 'paused'): void;
31
36
  update(): void;
32
37
  private render;
38
+ /**
39
+ * 绘制滚动条
40
+ */
41
+ private renderScrollbar;
33
42
  private renderTimeTicks;
34
43
  getConfig(): TimelineConfig;
35
44
  getScrollLeft(): number;
@@ -173,7 +173,7 @@ export declare class TimelineManager {
173
173
  private findClipAtTime;
174
174
  private loadClipToVideo;
175
175
  /**
176
- * 检查轨道总时长是否变化,如果变化则触发事件
176
+ * 检查轨道总时长是否变化,如果变化则触发事件并更新时间轴时长
177
177
  */
178
178
  private checkTrackDurationChange;
179
179
  }
@@ -76,6 +76,10 @@ export interface Theme {
76
76
  clipSelectedCoverBackground: string;
77
77
  playhead: string;
78
78
  grid: string;
79
+ scrollbarBackground?: string;
80
+ scrollbarBorder?: string;
81
+ scrollbarThumb?: string;
82
+ scrollbarThumbBorder?: string;
79
83
  }
80
84
  export declare const defaultDarkTheme: Theme;
81
85
  export interface TimelineConfig {