@linker-design-plus/timeline-track 2.0.19 → 2.0.21
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.
- package/README.md +3 -3
- package/dist/components/track/Track.d.ts +0 -33
- package/dist/core/controllers/previewBackend.d.ts +2 -0
- package/dist/core/controllers/previewTransformOverlay.d.ts +11 -0
- package/dist/core/controllers/timelinePreviewSession.d.ts +4 -0
- package/dist/core/facade/timelineManager.d.ts +2 -3
- package/dist/index.cjs.js +112 -71
- package/dist/index.d.ts +0 -2
- package/dist/index.es.js +3108 -3508
- package/dist/utils/diagnostics/index.d.ts +0 -1
- package/dist/utils/diagnostics/types.d.ts +0 -1
- package/dist/utils/rendering/KonvaUtils.d.ts +0 -4
- package/package.json +1 -1
- package/dist/components/timeline/Playhead.d.ts +0 -27
- package/dist/components/timeline/Timeline.d.ts +0 -91
- package/dist/utils/diagnostics/DiagnosticsPanel.d.ts +0 -13
|
@@ -1,4 +1,3 @@
|
|
|
1
1
|
export { DiagnosticsCenter, mergeDiagnosticRuntimeState } from './DiagnosticsCenter';
|
|
2
|
-
export { DiagnosticsPanel } from './DiagnosticsPanel';
|
|
3
2
|
export { devConsole } from './devConsole';
|
|
4
3
|
export type { DiagnosticCategory, DiagnosticEmitInput, DiagnosticEvent, DiagnosticExportPackage, DiagnosticHardwareInfo, DiagnosticLiveEvent, DiagnosticLiveSnapshot, DiagnosticMediaState, DiagnosticNetworkInfo, DiagnosticRuntimeState, DiagnosticsConfig, DiagnosticsListener, DiagnosticsLiveListener, DiagnosticSessionMetadata, DiagnosticSessionSnapshot, DiagnosticSessionSummary, DiagnosticSeverity } from './types';
|
package/package.json
CHANGED
|
@@ -1,27 +0,0 @@
|
|
|
1
|
-
import Konva from 'konva';
|
|
2
|
-
import { TimeMs, Theme } from '../../core/models';
|
|
3
|
-
export declare class Playhead {
|
|
4
|
-
private layer;
|
|
5
|
-
private playheadGroup;
|
|
6
|
-
private playheadLine;
|
|
7
|
-
private playheadTriangle;
|
|
8
|
-
private theme;
|
|
9
|
-
private currentTime;
|
|
10
|
-
private zoom;
|
|
11
|
-
private scrollLeft;
|
|
12
|
-
private onTimeChange;
|
|
13
|
-
private isDragging;
|
|
14
|
-
constructor(layer: Konva.Layer, initialTime: TimeMs, zoom: number, height: number, theme: Theme, onTimeChange: (time: TimeMs) => void);
|
|
15
|
-
private initEventListeners;
|
|
16
|
-
private handleMouseMove;
|
|
17
|
-
setTime(time: TimeMs): void;
|
|
18
|
-
setZoom(zoom: number): void;
|
|
19
|
-
setScrollLeft(scrollLeft: number): void;
|
|
20
|
-
setHeight(height: number): void;
|
|
21
|
-
render(): void;
|
|
22
|
-
getTime(): TimeMs;
|
|
23
|
-
/**
|
|
24
|
-
* 获取播放头组
|
|
25
|
-
*/
|
|
26
|
-
getPlayheadGroup(): Konva.Group;
|
|
27
|
-
}
|
|
@@ -1,91 +0,0 @@
|
|
|
1
|
-
import Konva from 'konva';
|
|
2
|
-
import { TimelineConfig, TimeMs } from '../../core/models';
|
|
3
|
-
export declare class Timeline {
|
|
4
|
-
private stage;
|
|
5
|
-
private gridLayer;
|
|
6
|
-
private config;
|
|
7
|
-
private theme;
|
|
8
|
-
private isDragging;
|
|
9
|
-
private startDragX;
|
|
10
|
-
private scrollLeft;
|
|
11
|
-
private timeScaleHeight;
|
|
12
|
-
private onTimeChange;
|
|
13
|
-
private onZoomChange;
|
|
14
|
-
private onScrollChange;
|
|
15
|
-
private animationFrameId;
|
|
16
|
-
private hasBoundGlobalPointerListenersForDrag;
|
|
17
|
-
private isScrollbarDragging;
|
|
18
|
-
private scrollbarDragStartX;
|
|
19
|
-
private scrollbarDragStartScrollLeft;
|
|
20
|
-
private isPointerInsideTimeline;
|
|
21
|
-
private lastPointerXInTimeline;
|
|
22
|
-
private readonly scrollbarHeight;
|
|
23
|
-
private readonly scrollbarMargin;
|
|
24
|
-
private handleGlobalPointerMove;
|
|
25
|
-
private handleGlobalPointerEnd;
|
|
26
|
-
private handleVisibilityChange;
|
|
27
|
-
private leftPadding;
|
|
28
|
-
constructor(stage: Konva.Stage, gridLayer: Konva.Layer, config: Partial<TimelineConfig>, onTimeChange: (time: TimeMs) => void, onZoomChange: (zoom: number) => void, onScrollChange: (scrollLeft: number) => void);
|
|
29
|
-
private initEventListeners;
|
|
30
|
-
private updatePointerPosition;
|
|
31
|
-
private bindGlobalPointerListenersForDrag;
|
|
32
|
-
private unbindGlobalPointerListenersForDrag;
|
|
33
|
-
private isPointerSessionActive;
|
|
34
|
-
private finalizePointerInteraction;
|
|
35
|
-
private handlePointerMove;
|
|
36
|
-
private handleZoom;
|
|
37
|
-
private animateZoom;
|
|
38
|
-
private animateHorizontalScroll;
|
|
39
|
-
private easeOutCubic;
|
|
40
|
-
private handleClick;
|
|
41
|
-
private pixelToTime;
|
|
42
|
-
private timeToPixel;
|
|
43
|
-
setCurrentTime(time: TimeMs): void;
|
|
44
|
-
setZoom(zoom: number): void;
|
|
45
|
-
setDuration(duration: TimeMs): void;
|
|
46
|
-
setPlayState(playState: 'playing' | 'paused'): void;
|
|
47
|
-
update(): void;
|
|
48
|
-
private render;
|
|
49
|
-
private renderScrollbar;
|
|
50
|
-
private renderTimeTicks;
|
|
51
|
-
getConfig(): TimelineConfig;
|
|
52
|
-
getScrollLeft(): number;
|
|
53
|
-
setScrollLeft(scrollLeft: number): void;
|
|
54
|
-
private getTotalDurationPixels;
|
|
55
|
-
private getScrollbarThumbWidth;
|
|
56
|
-
private getScrollbarThumbX;
|
|
57
|
-
private jumpScrollbarToPointer;
|
|
58
|
-
/**
|
|
59
|
-
* 滚动到指定时间
|
|
60
|
-
* @param time 目标时间(毫秒)
|
|
61
|
-
*/
|
|
62
|
-
scrollToTime(time: TimeMs): void;
|
|
63
|
-
/**
|
|
64
|
-
* 滚动到指定片段
|
|
65
|
-
* @param clip 目标片段
|
|
66
|
-
*/
|
|
67
|
-
scrollToClip(clip: {
|
|
68
|
-
startTime: TimeMs;
|
|
69
|
-
duration: TimeMs;
|
|
70
|
-
}): void;
|
|
71
|
-
/**
|
|
72
|
-
* 获取舞台实例
|
|
73
|
-
*/
|
|
74
|
-
getStage(): Konva.Stage;
|
|
75
|
-
/**
|
|
76
|
-
* 获取网格图层
|
|
77
|
-
*/
|
|
78
|
-
getGridLayer(): Konva.Layer;
|
|
79
|
-
/**
|
|
80
|
-
* 鼠标当前是否位于时间轴区域内
|
|
81
|
-
*/
|
|
82
|
-
hasPointerInTimeline(): boolean;
|
|
83
|
-
/**
|
|
84
|
-
* 获取时间轴内最近一次鼠标 X 坐标(相对 stage)
|
|
85
|
-
*/
|
|
86
|
-
getPointerXInTimeline(): number | null;
|
|
87
|
-
/**
|
|
88
|
-
* 调整大小
|
|
89
|
-
*/
|
|
90
|
-
resize(_width: number, _height: number): void;
|
|
91
|
-
}
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
import type { DiagnosticsCenter } from './DiagnosticsCenter';
|
|
2
|
-
export declare class DiagnosticsPanel {
|
|
3
|
-
private readonly diagnostics;
|
|
4
|
-
private container;
|
|
5
|
-
private summaryElement;
|
|
6
|
-
private failureElement;
|
|
7
|
-
private eventListElement;
|
|
8
|
-
private unsubscribe;
|
|
9
|
-
constructor(diagnostics: DiagnosticsCenter);
|
|
10
|
-
mount(host: HTMLElement): void;
|
|
11
|
-
destroy(): void;
|
|
12
|
-
private render;
|
|
13
|
-
}
|