waveform-analysis 0.1.75 → 0.1.76
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 +178 -23
- package/dist/index.cjs +1 -1
- package/dist/index.js +1 -1
- package/dist/types/components/core/amplitudeLimits.d.ts +6 -0
- package/dist/types/components/core/layout.d.ts +6 -9
- package/dist/types/components/core/trackLayoutBuilder.d.ts +3 -1
- package/dist/types/components/core/useWaveformChartController.d.ts +1 -1
- package/dist/types/components/core/useWaveformData.d.ts +2 -2
- package/dist/types/components/core/useWaveformMeasurements.d.ts +4 -1
- package/dist/types/components/core/waveformChartTypes.d.ts +4 -2
- package/dist/types/components/core/xAxisTicks.d.ts +2 -0
- package/dist/types/components/core/yAxisLayoutMetrics.d.ts +2 -1
- package/dist/types/components/core/yAxisTicks.d.ts +6 -0
- package/dist/types/components/data/types.d.ts +1 -1
- package/dist/types/components/interaction/integerZoom.d.ts +3 -3
- package/dist/types/components/interaction/stepZoom.d.ts +5 -0
- package/dist/types/components/interaction/useWaveformViewport.d.ts +0 -3
- package/dist/types/components/interaction/useWaveformZoom.d.ts +0 -2
- package/dist/types/core/data.d.ts +1 -1
- package/dist/types/demo/DemoChartHost.vue.d.ts +1 -1
- package/dist/types/demo/remoteWaveformLoader.d.ts +23 -0
- package/dist/types/demo/types.d.ts +11 -2
- package/dist/types/demo/useRemoteWaveformWindow.d.ts +22 -0
- package/dist/types/index.d.ts +1 -1
- package/dist/types/types/chart.d.ts +8 -1
- package/dist/types/types/index.d.ts +1 -1
- package/dist/types/utils/formatters.d.ts +4 -4
- package/dist/types/utils/xAxisNumber.d.ts +2 -0
- package/package.json +1 -1
- package/src/App.vue +34 -100
- package/src/components/WaveformChartView.vue +0 -2
- package/src/components/controls/useChartCommands.ts +12 -13
- package/src/components/core/amplitudeLimits.ts +44 -0
- package/src/components/core/layout.ts +22 -34
- package/src/components/core/trackLayoutBuilder.ts +12 -5
- package/src/components/core/useWaveformChartController.ts +3 -3
- package/src/components/core/useWaveformChartLifecycle.ts +11 -2
- package/src/components/core/useWaveformData.ts +11 -5
- package/src/components/core/useWaveformLayout.ts +9 -4
- package/src/components/core/useWaveformMeasurements.ts +3 -0
- package/src/components/core/useWaveformYAxisLayout.ts +2 -0
- package/src/components/core/waveformChartTypes.ts +4 -1
- package/src/components/core/xAxisTicks.ts +69 -0
- package/src/components/core/yAxisLayoutMetrics.ts +4 -0
- package/src/components/core/yAxisTicks.ts +39 -0
- package/src/components/data/types.ts +2 -0
- package/src/components/interaction/integerZoom.ts +31 -12
- package/src/components/interaction/remoteViewport.ts +26 -4
- package/src/components/interaction/stepZoom.ts +33 -0
- package/src/components/interaction/useWaveformViewport.ts +3 -26
- package/src/components/interaction/useWaveformZoom.ts +50 -157
- package/src/components/interaction/zoomConstraints.ts +5 -5
- package/src/core/data.ts +5 -2
- package/src/data/simulatedWaveforms.ts +0 -10
- package/src/demo/DemoChartHost.vue +49 -4
- package/src/demo/remoteWaveformLoader.ts +114 -0
- package/src/demo/types.ts +11 -1
- package/src/demo/useRemoteWaveformWindow.ts +229 -0
- package/src/index.ts +2 -0
- package/src/types/chart.ts +10 -1
- package/src/types/index.ts +2 -0
- package/src/utils/formatters.ts +10 -5
- package/src/utils/xAxisNumber.ts +36 -0
- package/dist/types/data/sx2Channel.d.ts +0 -10
- package/src/data/sx2Channel.ts +0 -315
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import type { WaveformAmplitudeLimit, WaveformAmplitudeLimits } from '../../types';
|
|
2
|
+
export declare function normalizeAmplitudeLimit(limit?: WaveformAmplitudeLimit): WaveformAmplitudeLimit | undefined;
|
|
3
|
+
export declare function mergeAmplitudeLimits(series: readonly {
|
|
4
|
+
id: string;
|
|
5
|
+
}[], limits?: WaveformAmplitudeLimits): WaveformAmplitudeLimit | undefined;
|
|
6
|
+
export declare function applyAmplitudeLimits(padded: [number, number], limit: WaveformAmplitudeLimit, automatic?: [number, number]): [number, number];
|
|
@@ -1,14 +1,10 @@
|
|
|
1
|
-
import type { WaveformOverlayMode } from '../../types';
|
|
1
|
+
import type { WaveformAmplitudeLimit, WaveformAmplitudeLimits, WaveformOverlayMode } from '../../types';
|
|
2
2
|
import type { DisplaySeries, DisplayTrack, TrackLayout } from './types';
|
|
3
3
|
import { type WaveformYDomain } from './yDomain';
|
|
4
|
+
export { resolveYAxisTicks, type ResolvedYAxisTicks } from './yAxisTicks';
|
|
4
5
|
import { type YAxisPaddingOptions } from './yAxisPadding';
|
|
5
6
|
export { MAX_MULTI_Y_AXIS_COUNT } from './constants';
|
|
6
7
|
export declare function resolveYAxisTickCount(_plotHeight: number, splitNumber?: number): number;
|
|
7
|
-
export interface ResolvedYAxisTicks {
|
|
8
|
-
domain: [number, number];
|
|
9
|
-
values: number[];
|
|
10
|
-
}
|
|
11
|
-
export declare function resolveYAxisTicks(domain: [number, number], tickCount?: number, nice?: boolean): ResolvedYAxisTicks;
|
|
12
8
|
export declare function formatYAxisTickLabel(value: number, domain: [number, number], tickValues: readonly number[], unit?: string, side?: 'left' | 'right'): string;
|
|
13
9
|
/** Name spacing excludes scientific multipliers; outer clearance measures the full label. */
|
|
14
10
|
export declare function formatYAxisTickLayoutLabel(value: number, domain: [number, number], tickValues: readonly number[], unit?: string): string;
|
|
@@ -18,6 +14,7 @@ export interface YAxisSeriesGroup {
|
|
|
18
14
|
seriesList: DisplaySeries[];
|
|
19
15
|
domain: [number, number];
|
|
20
16
|
fixed: boolean;
|
|
17
|
+
amplitudeLimit?: WaveformAmplitudeLimit;
|
|
21
18
|
maximumTick?: number;
|
|
22
19
|
minimumTick?: number;
|
|
23
20
|
}
|
|
@@ -30,8 +27,8 @@ export interface YAxisSlot {
|
|
|
30
27
|
}
|
|
31
28
|
export declare function buildYAxisSeriesGroups(track: DisplayTrack, overlayMode: WaveformOverlayMode): YAxisSeriesGroup[];
|
|
32
29
|
export declare function resolveYAxisSeriesGroups(track: DisplayTrack, overlayMode: WaveformOverlayMode, yDomain?: WaveformYDomain, yDomains?: Record<string, WaveformYDomain>): YAxisSeriesGroup[];
|
|
33
|
-
export declare function resolveRenderedYAxisSeriesGroups(track: DisplayTrack, overlayMode: WaveformOverlayMode, yDomain?: WaveformYDomain, yDomains?: Record<string, WaveformYDomain>, viewportYDomains?: Record<string, [number, number]>, padding?: YAxisPaddingOptions | number): YAxisSeriesGroup[];
|
|
34
|
-
export declare function axisTextMetrics(domain: [number, number], nice?: boolean, tickValues?: number[], unit?: string, tickCount?: number, includeWithoutLastTick?: boolean, measureTextWidth?: (text: string) => number, maximumTick?: number, minimumTick?: number): {
|
|
30
|
+
export declare function resolveRenderedYAxisSeriesGroups(track: DisplayTrack, overlayMode: WaveformOverlayMode, yDomain?: WaveformYDomain, yDomains?: Record<string, WaveformYDomain>, viewportYDomains?: Record<string, [number, number]>, padding?: YAxisPaddingOptions | number, amplitudeLimits?: WaveformAmplitudeLimits): YAxisSeriesGroup[];
|
|
31
|
+
export declare function axisTextMetrics(domain: [number, number], nice?: boolean, tickValues?: number[], unit?: string, tickCount?: number, includeWithoutLastTick?: boolean, measureTextWidth?: (text: string) => number, maximumTick?: number, minimumTick?: number, amplitudeLimit?: WaveformAmplitudeLimit): {
|
|
35
32
|
tickTextWidth: number;
|
|
36
33
|
titleTextWidth: number;
|
|
37
34
|
};
|
|
@@ -44,7 +41,7 @@ export declare function measureTrackYAxisClearance(track: DisplayTrack, overlayM
|
|
|
44
41
|
* Reserves stable Y-axis positions for every visible track on the current page.
|
|
45
42
|
* Slots are ordered from the plot edge outward for each side.
|
|
46
43
|
*/
|
|
47
|
-
export declare function buildYAxisSlots(tracks: readonly DisplayTrack[], overlayMode: WaveformOverlayMode, yDomain?: WaveformYDomain, yDomains?: Record<string, WaveformYDomain>, tickCount?: number, nice?: boolean, includeWithoutLastTick?: boolean, viewportYDomains?: Record<string, [number, number]>, padding?: YAxisPaddingOptions | number, showUnits?: boolean, measureTextWidth?: (text: string) => number): {
|
|
44
|
+
export declare function buildYAxisSlots(tracks: readonly DisplayTrack[], overlayMode: WaveformOverlayMode, yDomain?: WaveformYDomain, yDomains?: Record<string, WaveformYDomain>, tickCount?: number, nice?: boolean, includeWithoutLastTick?: boolean, viewportYDomains?: Record<string, [number, number]>, padding?: YAxisPaddingOptions | number, showUnits?: boolean, measureTextWidth?: (text: string) => number, amplitudeLimits?: WaveformAmplitudeLimits): {
|
|
48
45
|
slots: YAxisSlot[];
|
|
49
46
|
clearance: {
|
|
50
47
|
left: number;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { type YAxisPaddingOptions } from './yAxisPadding';
|
|
2
2
|
import { type ZoomTransform } from 'd3';
|
|
3
3
|
import { type ResolvedWaveformRenderingOptions } from '../../core/rendering';
|
|
4
|
-
import type { WaveformDisplayMode, WaveformOverlayMode, WaveformPoint, WaveformXDomainStrategy, WaveformXAxisLabelFormatter } from '../../types';
|
|
4
|
+
import type { WaveformAmplitudeLimits, WaveformDisplayMode, WaveformOverlayMode, WaveformPoint, WaveformXDomainStrategy, WaveformXAxisLabelFormatter } from '../../types';
|
|
5
5
|
import { type GridCellGeometry, type NormalizedWaveformGridOptions } from './grid';
|
|
6
6
|
import { type YAxisSlot } from './layout';
|
|
7
7
|
import type { DisplayTrack, TrackLayout } from './types';
|
|
@@ -20,6 +20,7 @@ export interface BuildTrackLayoutsOptions {
|
|
|
20
20
|
initialXDomains?: Record<string, [number, number]>;
|
|
21
21
|
xDomainStrategy?: WaveformXDomainStrategy;
|
|
22
22
|
integerZoom?: boolean;
|
|
23
|
+
amplitudeLimits?: WaveformAmplitudeLimits;
|
|
23
24
|
fixedYDomain?: [number, number];
|
|
24
25
|
fixedYDomains?: Record<string, [number, number]>;
|
|
25
26
|
yDomains?: Record<string, [number, number]>;
|
|
@@ -40,6 +41,7 @@ export interface BuildTrackLayoutsOptions {
|
|
|
40
41
|
useNonEmptyBottomTracks?: boolean;
|
|
41
42
|
compactYAxisLayout?: boolean;
|
|
42
43
|
showAxisUnits?: boolean;
|
|
44
|
+
domainTimeUnit?: 's' | 'ms';
|
|
43
45
|
}
|
|
44
46
|
export declare function buildTrackLayouts(options: BuildTrackLayoutsOptions): TrackLayout[];
|
|
45
47
|
export {};
|
|
@@ -265,7 +265,6 @@ export declare function useWaveformChartController(inputProps: ResolvedWaveformC
|
|
|
265
265
|
updateViewportDrag: (event: PointerEvent) => void;
|
|
266
266
|
finishViewportDrag: (event: PointerEvent) => void;
|
|
267
267
|
cancelViewportDrag: (event?: PointerEvent) => void;
|
|
268
|
-
requestViewportReset: (event: MouseEvent) => void;
|
|
269
268
|
toggleSeriesVisibility: (seriesId: string) => void;
|
|
270
269
|
changeDraftSeries: (seriesId: string) => void;
|
|
271
270
|
changeDraftTime: (displayValue: string) => void;
|
|
@@ -387,6 +386,7 @@ export declare function useWaveformChartController(inputProps: ResolvedWaveformC
|
|
|
387
386
|
maxZoomScale?: number | null | undefined;
|
|
388
387
|
initialXDomains?: Record<string, [number, number]> | undefined;
|
|
389
388
|
xDomainStrategy: import("../..").WaveformXDomainStrategy;
|
|
389
|
+
amplitudeLimits?: import("../..").WaveformAmplitudeLimits | undefined;
|
|
390
390
|
yDomain?: [number, number] | undefined;
|
|
391
391
|
yDomains?: Record<string, [number, number]> | undefined;
|
|
392
392
|
timeUnit: "s" | "ms";
|
|
@@ -18,5 +18,5 @@ export interface PreparedWaveformSeries {
|
|
|
18
18
|
yDomain: [number, number];
|
|
19
19
|
hasErrorPoints: boolean;
|
|
20
20
|
}
|
|
21
|
-
export declare function prepareWaveformSeries(data: WaveformData): PreparedWaveformSeries[];
|
|
22
|
-
export declare function usePreparedWaveformSeries(data: () => WaveformData, onBeforeDataChange: () => void, onDataChange: () => void): import("vue").ShallowRef<PreparedWaveformSeries[], PreparedWaveformSeries[]>;
|
|
21
|
+
export declare function prepareWaveformSeries(data: WaveformData, retainEmpty?: boolean): PreparedWaveformSeries[];
|
|
22
|
+
export declare function usePreparedWaveformSeries(data: () => WaveformData, onBeforeDataChange: () => void, onDataChange: () => void, retainEmpty?: () => boolean): import("vue").ShallowRef<PreparedWaveformSeries[], PreparedWaveformSeries[]>;
|
|
@@ -1,2 +1,5 @@
|
|
|
1
1
|
import type { LifecycleContext } from './useWaveformChartLifecycle';
|
|
2
|
-
export declare function useWaveformMeasurements(context: Pick<LifecycleContext, 'container' | 'titleMeasureElement' | 'resizeObserver' | 'observedWidth' | 'observedHeight' | 'measuredTitleWidth' | 'measuredTitleHeight' | 'resolvedTitleText' | 'titleAreaReserved' | 'titleMeasureStyle'
|
|
2
|
+
export declare function useWaveformMeasurements(context: Pick<LifecycleContext, 'container' | 'titleMeasureElement' | 'resizeObserver' | 'observedWidth' | 'observedHeight' | 'measuredTitleWidth' | 'measuredTitleHeight' | 'resolvedTitleText' | 'titleAreaReserved' | 'titleMeasureStyle'>, resizeHooks?: {
|
|
3
|
+
beforeResize?: () => void;
|
|
4
|
+
afterResize?: () => void;
|
|
5
|
+
}): void;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import type { WaveformAnimationProps } from '../../animation/types';
|
|
2
2
|
import type { WaveformToolbarOptions, WaveformControlState } from '../../types/controls';
|
|
3
|
-
import type { WaveformAnnotation, WaveformAxesOptions, WaveformData, WaveformDisplayMode, WaveformUnitDisplayMode, WaveformLayoutPreset, WaveformFrameStyle, WaveformInteractionMode, WaveformLegendOptions, WaveformOverlayMode, WaveformPlotMargin, WaveformPoint, WaveformRenderingOptions, WaveformSamplingBackend, WaveformSamplingDiagnostics, WaveformSamplingError, WaveformTitleOptions, WaveformXDomainStrategy, WaveformZeroLineOptions, WaveformZoomIntentPayload, WaveformZoomEndPayload, WaveformPanEndPayload, WaveformZoomResetPayload } from '../data/types';
|
|
3
|
+
import type { WaveformAmplitudeLimits, WaveformAnnotation, WaveformAxesOptions, WaveformData, WaveformDisplayMode, WaveformUnitDisplayMode, WaveformLayoutPreset, WaveformFrameStyle, WaveformInteractionMode, WaveformLegendOptions, WaveformOverlayMode, WaveformPlotMargin, WaveformPoint, WaveformRenderingOptions, WaveformSamplingBackend, WaveformSamplingDiagnostics, WaveformSamplingError, WaveformTitleOptions, WaveformXDomainStrategy, WaveformZeroLineOptions, WaveformZoomIntentPayload, WaveformZoomEndPayload, WaveformPanEndPayload, WaveformZoomResetPayload } from '../data/types';
|
|
4
4
|
import type { WaveformGridOptions } from './grid';
|
|
5
5
|
export interface WaveformChartProps extends WaveformAnimationProps {
|
|
6
6
|
toolbar?: boolean | WaveformToolbarOptions;
|
|
@@ -18,7 +18,7 @@ export interface WaveformChartProps extends WaveformAnimationProps {
|
|
|
18
18
|
lineColor?: string;
|
|
19
19
|
showTooltip?: boolean;
|
|
20
20
|
zoomable?: boolean;
|
|
21
|
-
/**
|
|
21
|
+
/** Prefer integer display-unit endpoints; preserve any window narrower than one unit. */
|
|
22
22
|
integerZoom?: boolean;
|
|
23
23
|
pannable?: boolean;
|
|
24
24
|
/** Global record bounds in seconds; enables horizontal panning beyond loaded data. */
|
|
@@ -29,6 +29,8 @@ export interface WaveformChartProps extends WaveformAnimationProps {
|
|
|
29
29
|
initialXDomain?: [number, number];
|
|
30
30
|
initialXDomains?: Record<string, [number, number]>;
|
|
31
31
|
xDomainStrategy?: WaveformXDomainStrategy;
|
|
32
|
+
/** Strict bounds per normalized series ID; active bounds override Y viewports. */
|
|
33
|
+
amplitudeLimits?: WaveformAmplitudeLimits;
|
|
32
34
|
yDomain?: [number, number];
|
|
33
35
|
yDomains?: Record<string, [number, number]>;
|
|
34
36
|
timeUnit?: 's' | 'ms';
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import type { WaveformAmplitudeLimits } from '../../types';
|
|
1
2
|
import type { WaveformOverlayMode } from '../data/types';
|
|
2
3
|
import type { DisplayTrack } from './types';
|
|
3
4
|
import type { WaveformYDomain } from './yDomain';
|
|
@@ -8,4 +9,4 @@ export interface YAxisLayoutMetrics {
|
|
|
8
9
|
labelCenterX: number;
|
|
9
10
|
}
|
|
10
11
|
export declare function resolveViewportYDomains(displayMode: 'independent' | 'separated' | 'compact', chartTracks: DisplayTrack[], sharedYDomains: Record<string, [number, number]>, independentYDomains: Record<number, [number, number]>): Record<string, [number, number]>;
|
|
11
|
-
export declare function resolveYAxisLayoutMetrics(chartTracks: DisplayTrack[], overlayMode: WaveformOverlayMode, yDomain: WaveformYDomain | undefined, yDomains: Record<string, WaveformYDomain> | undefined, viewportYDomains: Record<string, [number, number]>, nice: boolean, tickCount: number, compact: boolean, padding?: YAxisPaddingOptions | number, showUnits?: boolean, measureTextWidth?: (text: string) => number): YAxisLayoutMetrics;
|
|
12
|
+
export declare function resolveYAxisLayoutMetrics(chartTracks: DisplayTrack[], overlayMode: WaveformOverlayMode, yDomain: WaveformYDomain | undefined, yDomains: Record<string, WaveformYDomain> | undefined, viewportYDomains: Record<string, [number, number]>, nice: boolean, tickCount: number, compact: boolean, padding?: YAxisPaddingOptions | number, showUnits?: boolean, measureTextWidth?: (text: string) => number, amplitudeLimits?: WaveformAmplitudeLimits): YAxisLayoutMetrics;
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import type { WaveformAmplitudeLimit } from '../../types';
|
|
2
|
+
export interface ResolvedYAxisTicks {
|
|
3
|
+
domain: [number, number];
|
|
4
|
+
values: number[];
|
|
5
|
+
}
|
|
6
|
+
export declare function resolveYAxisTicks(domain: [number, number], tickCount?: number, nice?: boolean, limit?: WaveformAmplitudeLimit): ResolvedYAxisTicks;
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
* 数据系统类型定义
|
|
3
3
|
* 重新导出 src/types 中的类型,方便组件内部使用
|
|
4
4
|
*/
|
|
5
|
-
export type { WaveformPoint, WaveformDisplayMode, WaveformUnitDisplayMode, WaveformLayoutPreset, WaveformOverlayMode, WaveformInteractionMode, WaveformXDomainStrategy, WaveformZoomIntentPayload, WaveformZoomEndPayload, WaveformPanEndPayload, WaveformZoomResetPayload, WaveformAnnotationStyle, WaveformAnnotation, WaveformSamplingMode, WaveformSamplingStrategy, WaveformSamplingOptions, WaveformSamplingBackend, WaveformSamplingDiagnostics, WaveformSamplingError, WaveformRenderingOptions, WaveformPlotMargin, WaveformTitleTextStyle, WaveformTitleOptions, WaveformLegendPosition, WaveformLegendOrientation, WaveformLegendOptions, WaveformFrameStyle, WaveformAxesOptions, WaveformZeroLineOptions, SingleWaveformData, WaveformLineType, WaveformLineStyle, WaveformPointType, WaveformErrorBarOptions, ResolvedWaveformErrorBarOptions, WaveformTypedValues, TypedSampleData, TypedPointData, WaveformSeries, WaveformData, NormalizedWaveformSeries, } from '../../types';
|
|
5
|
+
export type { WaveformAmplitudeLimit, WaveformAmplitudeLimits, WaveformPoint, WaveformDisplayMode, WaveformUnitDisplayMode, WaveformLayoutPreset, WaveformOverlayMode, WaveformInteractionMode, WaveformXDomainStrategy, WaveformZoomIntentPayload, WaveformZoomEndPayload, WaveformPanEndPayload, WaveformZoomResetPayload, WaveformAnnotationStyle, WaveformAnnotation, WaveformSamplingMode, WaveformSamplingStrategy, WaveformSamplingOptions, WaveformSamplingBackend, WaveformSamplingDiagnostics, WaveformSamplingError, WaveformRenderingOptions, WaveformPlotMargin, WaveformTitleTextStyle, WaveformTitleOptions, WaveformLegendPosition, WaveformLegendOrientation, WaveformLegendOptions, WaveformFrameStyle, WaveformAxesOptions, WaveformZeroLineOptions, SingleWaveformData, WaveformLineType, WaveformLineStyle, WaveformPointType, WaveformErrorBarOptions, ResolvedWaveformErrorBarOptions, WaveformTypedValues, TypedSampleData, TypedPointData, WaveformSeries, WaveformData, NormalizedWaveformSeries, } from '../../types';
|
|
6
6
|
export type { WaveformGridOptions, WaveformGridLineOptions, WaveformGridTrackLines, } from '../core/grid';
|
|
7
7
|
export { normalizeWaveformData, normalizeWaveformSeries } from '../../core';
|
|
@@ -4,9 +4,9 @@ export interface IntegerZoomOptions {
|
|
|
4
4
|
}
|
|
5
5
|
export declare function integerZoomTicks(domain: [number, number], count: number, options: IntegerZoomOptions): number[];
|
|
6
6
|
export declare function formatIntegerZoomLabel(value: number): string;
|
|
7
|
-
/** Align outwards
|
|
7
|
+
/** Align outwards only when the displayed span reaches one unit. */
|
|
8
8
|
export declare function alignIntegerZoomDomain(domain: [number, number], options: IntegerZoomOptions): [number, number];
|
|
9
|
-
/** Recover
|
|
9
|
+
/** Recover endpoints after a D3 transform without applying a new zoom or changing pan span. */
|
|
10
10
|
export declare function normalizeIntegerZoomDomain(domain: [number, number], options: IntegerZoomOptions): [number, number];
|
|
11
|
-
/**
|
|
11
|
+
/** Integer viewports snap translation; sub-unit viewports pan freely across integers. */
|
|
12
12
|
export declare function alignIntegerPanDomain(domain: [number, number], options: IntegerZoomOptions): [number, number];
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import type { ResolvedWaveformChartProps } from '../core/waveformChartTypes';
|
|
2
|
+
import type { ZoomSeriesGroup } from './zoomConstraints';
|
|
3
|
+
export declare const sameZoomDomain: (a: [number, number], b: [number, number]) => boolean;
|
|
4
|
+
/** Toolbar and wheel steps share their scale factor and constraints. */
|
|
5
|
+
export declare function resolveStepZoomDomain(current: [number, number], action: 'zoom-in' | 'zoom-out', boundary: [number, number], groups: readonly ZoomSeriesGroup[], props: ResolvedWaveformChartProps, anchorRatio?: number): [number, number];
|
|
@@ -24,8 +24,6 @@ export interface ViewportContext {
|
|
|
24
24
|
isPresentationMode: ComputedRef<boolean>;
|
|
25
25
|
editorSeriesOptions: Ref<AnnotationSeriesCandidate[]>;
|
|
26
26
|
resolveInitialTrackDomain: (track: TrackLayout) => [number, number];
|
|
27
|
-
canZoomTrack: (track: TrackLayout) => boolean;
|
|
28
|
-
canZoomSharedTracks: () => boolean;
|
|
29
27
|
configureZoom: () => void;
|
|
30
28
|
cancelPendingZoom: () => void;
|
|
31
29
|
clearHover: () => void;
|
|
@@ -45,5 +43,4 @@ export declare function useWaveformViewport(context: ViewportContext): {
|
|
|
45
43
|
cancelViewportDrag: (event?: PointerEvent) => void;
|
|
46
44
|
resetViewport: (trackIndex?: number) => void;
|
|
47
45
|
setViewportDomain: (domain: [number, number], trackIndex?: number) => void;
|
|
48
|
-
requestViewportReset: (event: MouseEvent) => void;
|
|
49
46
|
};
|
|
@@ -23,8 +23,6 @@ interface ZoomContext {
|
|
|
23
23
|
export declare function useWaveformZoom(context: ZoomContext): {
|
|
24
24
|
cancelPendingZoom: () => void;
|
|
25
25
|
clearZoomBindings: (preservePendingWheel?: boolean) => void;
|
|
26
|
-
canZoomTrack: (track: TrackLayout) => boolean;
|
|
27
|
-
canZoomSharedTracks: () => boolean;
|
|
28
26
|
configureZoom: () => void;
|
|
29
27
|
prepareForDataChange: () => void;
|
|
30
28
|
};
|
|
@@ -14,7 +14,7 @@ export interface NormalizedWaveformSourceSeries extends Omit<NormalizedWaveformS
|
|
|
14
14
|
source: WaveformPointSource;
|
|
15
15
|
}
|
|
16
16
|
/** Internal normalized series which preserves compact TypedArray storage for chart rendering. */
|
|
17
|
-
export declare function normalizeWaveformSeriesSources(data: WaveformData): NormalizedWaveformSourceSeries[];
|
|
17
|
+
export declare function normalizeWaveformSeriesSources(data: WaveformData, retainEmpty?: boolean): NormalizedWaveformSourceSeries[];
|
|
18
18
|
/**
|
|
19
19
|
* 规范化波形系列数据
|
|
20
20
|
* @param data 输入数据(单波形或多通道)
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import type { InjectionKey } from 'vue';
|
|
2
|
+
import type { WaveformData } from '../types';
|
|
3
|
+
export interface RemoteWindowRequest {
|
|
4
|
+
start: number;
|
|
5
|
+
end: number;
|
|
6
|
+
seriesIds?: string[];
|
|
7
|
+
}
|
|
8
|
+
export type RemoteWindowLoader = (request: RemoteWindowRequest, signal: AbortSignal) => Promise<WaveformData>;
|
|
9
|
+
export declare const remoteWindowLoaderKey: InjectionKey<RemoteWindowLoader>;
|
|
10
|
+
export interface MockWindowOptions {
|
|
11
|
+
delayMs?: number | ((request: RemoteWindowRequest) => number);
|
|
12
|
+
empty?: boolean | ((request: RemoteWindowRequest) => boolean);
|
|
13
|
+
fail?: boolean | ((request: RemoteWindowRequest) => boolean);
|
|
14
|
+
}
|
|
15
|
+
/** Preserve series identities even when a window has no samples. */
|
|
16
|
+
export declare function selectWaveformWindow(data: WaveformData, request: RemoteWindowRequest, empty?: boolean): WaveformData;
|
|
17
|
+
export declare function mergeWaveformWindow(current: WaveformData, response: WaveformData, seriesIds?: string[]): WaveformData;
|
|
18
|
+
/** Metadata is derived from the complete record, never from a loaded window. */
|
|
19
|
+
export declare function waveformRecordMetadata(data: WaveformData): {
|
|
20
|
+
domain: [number, number];
|
|
21
|
+
minZoomSpan: number | undefined;
|
|
22
|
+
};
|
|
23
|
+
export declare function createMockWindowLoader(source: () => WaveformData, options?: MockWindowOptions): RemoteWindowLoader;
|
|
@@ -1,4 +1,5 @@
|
|
|
1
|
-
import type { WaveformAnnotation, WaveformAxesOptions, WaveformData, WaveformDisplayMode, WaveformFrameStyle, WaveformGridTrackLines, WaveformInteractionMode, WaveformLegendOrientation, WaveformLegendPosition, WaveformLineStyle, WaveformOverlayMode, WaveformPlotMargin, WaveformTitleOptions, WaveformZeroLineOptions, WaveformZoomEndPayload } from '../components';
|
|
1
|
+
import type { WaveformAnnotation, WaveformAxesOptions, WaveformData, WaveformDisplayMode, WaveformFrameStyle, WaveformGridTrackLines, WaveformInteractionMode, WaveformLegendOrientation, WaveformLegendPosition, WaveformLineStyle, WaveformOverlayMode, WaveformPlotMargin, WaveformTitleOptions, WaveformZeroLineOptions, WaveformZoomEndPayload, WaveformZoomIntentPayload } from '../components';
|
|
2
|
+
import type { WaveformZoomResetPayload, WaveformPanEndPayload } from '../types';
|
|
2
3
|
import type { DemoXAxisLabelFormat, DemoXAxisLabelTimeZone } from './useDemoXAxisLabelControls';
|
|
3
4
|
interface SelectOption<T> {
|
|
4
5
|
label: string;
|
|
@@ -78,6 +79,11 @@ export interface DemoChartModel {
|
|
|
78
79
|
toolbarVisible: boolean;
|
|
79
80
|
data: WaveformData;
|
|
80
81
|
initialXDomain?: [number, number];
|
|
82
|
+
recordDomain: [number, number];
|
|
83
|
+
minZoomSpan?: number;
|
|
84
|
+
loading: boolean;
|
|
85
|
+
errors: string[];
|
|
86
|
+
retry: () => Promise<void[]>;
|
|
81
87
|
displayMode: WaveformDisplayMode;
|
|
82
88
|
overlayMode: WaveformOverlayMode;
|
|
83
89
|
rowCount: number;
|
|
@@ -101,6 +107,9 @@ export interface DemoChartModel {
|
|
|
101
107
|
interactionMode: WaveformInteractionMode;
|
|
102
108
|
hiddenSeriesIds: string[];
|
|
103
109
|
handleZoomEnd: (payload: WaveformZoomEndPayload) => void | Promise<void>;
|
|
104
|
-
|
|
110
|
+
handleZoomIntent: (payload: WaveformZoomIntentPayload) => void;
|
|
111
|
+
handleZoomChange: (domain: [number, number]) => void;
|
|
112
|
+
handlePanEnd: (payload: WaveformPanEndPayload) => void | Promise<void>;
|
|
113
|
+
resetWaveformViewport: (payload?: WaveformZoomResetPayload) => void | Promise<void>;
|
|
105
114
|
}
|
|
106
115
|
export {};
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import { type Ref } from 'vue';
|
|
2
|
+
import type { WaveformData, WaveformPanEndPayload, WaveformZoomEndPayload, WaveformZoomIntentPayload, WaveformZoomResetPayload } from '../types';
|
|
3
|
+
import { type RemoteWindowLoader } from './remoteWaveformLoader';
|
|
4
|
+
interface RemoteWindowOptions {
|
|
5
|
+
loadWindow?: RemoteWindowLoader;
|
|
6
|
+
resetViewport?: (trackIndex?: number) => void;
|
|
7
|
+
}
|
|
8
|
+
export declare function useRemoteWaveformWindow(source: Ref<WaveformData>, options?: RemoteWindowOptions): {
|
|
9
|
+
chartData: import("vue").ShallowRef<WaveformData, WaveformData>;
|
|
10
|
+
recordDomain: import("vue").ComputedRef<[number, number]>;
|
|
11
|
+
initialXDomain: import("vue").ComputedRef<[number, number]>;
|
|
12
|
+
minZoomSpan: import("vue").ComputedRef<number | undefined>;
|
|
13
|
+
loading: import("vue").ComputedRef<boolean>;
|
|
14
|
+
errors: import("vue").ComputedRef<string[]>;
|
|
15
|
+
handleZoomIntent: (payload: WaveformZoomIntentPayload) => void;
|
|
16
|
+
handleZoomChange: (domain: [number, number]) => void;
|
|
17
|
+
handleZoomEnd: (payload: WaveformZoomEndPayload) => Promise<void>;
|
|
18
|
+
handlePanEnd: (payload: WaveformPanEndPayload) => Promise<void>;
|
|
19
|
+
resetWaveformViewport: (payload?: WaveformZoomResetPayload) => Promise<void>;
|
|
20
|
+
retry: () => Promise<void[]>;
|
|
21
|
+
};
|
|
22
|
+
export {};
|
package/dist/types/index.d.ts
CHANGED
|
@@ -13,7 +13,7 @@ export { Animation } from './animation/core/Animation';
|
|
|
13
13
|
export { Animator, globalAnimator } from './animation/core/Animator';
|
|
14
14
|
export type { AnimationValue, AnimationDirection, AnimationState, AnimationFrame, AnimationTrack, AnimationConfig, AnimationHandle, AnimationScheduler, EasingFunction, EasingFamily, EasingType, } from './animation/core/types';
|
|
15
15
|
export type { LineDrawingDirection, AnnotationAnimationType, LineDrawingOptions, StaggeredLineDrawingOptions, DataUpdateOptions, AnnotationAnimationOptions, WaveformEnterAnimationOptions, WaveformUpdateAnimationOptions, WaveformAnnotationAnimationOptions, WaveformAnimationProps, ClipAnimationState, AnimationBinding, NumericGeometry, GeometryTransitionInput, GeometryTransitionFrame, AnnotationAnimationState, AnimationScope, AnimationObjectKey, WaveformAnimationControllerOptions, } from './animation/types';
|
|
16
|
-
export type { WaveformPoint, WaveformDisplayMode, WaveformUnitDisplayMode, WaveformLayoutPreset, WaveformOverlayMode, WaveformInteractionMode, WaveformXDomainStrategy, WaveformZoomIntentPayload, WaveformZoomEndPayload, WaveformPanEndPayload, WaveformZoomResetPayload, WaveformAnnotationStyle, WaveformAnnotation, WaveformSamplingMode, WaveformSamplingStrategy, WaveformSamplingOptions, WaveformSamplingBackend, WaveformSamplingDiagnostics, WaveformSamplingError, WaveformRenderingOptions, WaveformPlotMargin, WaveformTitleTextStyle, WaveformTitleOptions, WaveformLegendPosition, WaveformLegendOrientation, WaveformLegendOptions, WaveformFrameStyle, WaveformXAxisLabelKind, WaveformXAxisLabelFormatterContext, WaveformXAxisLabelFormatter, WaveformAxesOptions, WaveformYAxisLabelTextStyle, WaveformZeroLineOptions, SingleWaveformData, WaveformLineType, WaveformLineStyle, WaveformPointType, WaveformErrorBarOptions, ResolvedWaveformErrorBarOptions, WaveformTypedValues, TypedSampleData, TypedPointData, WaveformSeries, WaveformData, NormalizedWaveformSeries, } from './types';
|
|
16
|
+
export type { WaveformAmplitudeLimit, WaveformAmplitudeLimits, WaveformPoint, WaveformDisplayMode, WaveformUnitDisplayMode, WaveformLayoutPreset, WaveformOverlayMode, WaveformInteractionMode, WaveformXDomainStrategy, WaveformZoomIntentPayload, WaveformZoomEndPayload, WaveformPanEndPayload, WaveformZoomResetPayload, WaveformAnnotationStyle, WaveformAnnotation, WaveformSamplingMode, WaveformSamplingStrategy, WaveformSamplingOptions, WaveformSamplingBackend, WaveformSamplingDiagnostics, WaveformSamplingError, WaveformRenderingOptions, WaveformPlotMargin, WaveformTitleTextStyle, WaveformTitleOptions, WaveformLegendPosition, WaveformLegendOrientation, WaveformLegendOptions, WaveformFrameStyle, WaveformXAxisLabelKind, WaveformXAxisLabelFormatterContext, WaveformXAxisLabelFormatter, WaveformAxesOptions, WaveformYAxisLabelTextStyle, WaveformZeroLineOptions, SingleWaveformData, WaveformLineType, WaveformLineStyle, WaveformPointType, WaveformErrorBarOptions, ResolvedWaveformErrorBarOptions, WaveformTypedValues, TypedSampleData, TypedPointData, WaveformSeries, WaveformData, NormalizedWaveformSeries, } from './types';
|
|
17
17
|
export type { WaveformGridOptions, WaveformGridLineOptions, WaveformGridTrackLines, } from './components/core/grid';
|
|
18
18
|
export { normalizeWaveformData, normalizeWaveformSeries } from './core';
|
|
19
19
|
export { paddedDomain, buildMinorTicks, displayTime, formatEndpointTime, formatAxisTime, formatTooltipTime, resolveTrackGeometry, clamp, type TimeUnit, type TrackGeometry, } from './utils';
|
|
@@ -68,7 +68,7 @@ export interface WaveformZoomIntentPayload extends WaveformCommandMetadata {
|
|
|
68
68
|
trackIndex?: number;
|
|
69
69
|
seriesIds?: string[];
|
|
70
70
|
}
|
|
71
|
-
/** Identifies the viewport reset by a
|
|
71
|
+
/** Identifies the viewport reset by a toolbar or API command. */
|
|
72
72
|
export interface WaveformZoomResetPayload extends WaveformCommandMetadata {
|
|
73
73
|
trackIndex?: number;
|
|
74
74
|
seriesIds?: string[];
|
|
@@ -279,3 +279,10 @@ export interface WaveformZeroLineOptions {
|
|
|
279
279
|
/** Hide within this fraction of a Y-axis tick interval from either boundary. Defaults to 0.02. */
|
|
280
280
|
boundaryThreshold?: number;
|
|
281
281
|
}
|
|
282
|
+
/** Strict amplitude display bounds, in the series' original Y units. */
|
|
283
|
+
export interface WaveformAmplitudeLimit {
|
|
284
|
+
lower?: number;
|
|
285
|
+
upper?: number;
|
|
286
|
+
}
|
|
287
|
+
/** Keyed by stable normalized series IDs (not track IDs). */
|
|
288
|
+
export type WaveformAmplitudeLimits = Record<string, WaveformAmplitudeLimit>;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* 类型定义统一导出
|
|
3
3
|
*/
|
|
4
|
-
export type { WaveformPoint, WaveformDisplayMode, WaveformUnitDisplayMode, WaveformLayoutPreset, WaveformOverlayMode, WaveformInteractionMode, WaveformXDomainStrategy, WaveformZoomIntentPayload, WaveformZoomEndPayload, WaveformPanEndPayload, WaveformZoomResetPayload, WaveformAnnotationStyle, WaveformAnnotation, WaveformSamplingMode, WaveformSamplingStrategy, WaveformSamplingOptions, WaveformSamplingBackend, WaveformSamplingDiagnostics, WaveformSamplingError, WaveformRenderingOptions, WaveformPlotMargin, WaveformTitleTextStyle, WaveformTitleOptions, WaveformLegendPosition, WaveformLegendOrientation, WaveformLegendOptions, WaveformFrameStyle, WaveformXAxisLabelKind, WaveformXAxisLabelFormatterContext, WaveformXAxisLabelFormatter, WaveformAxesOptions, WaveformYAxisLabelTextStyle, WaveformZeroLineOptions, } from './chart';
|
|
4
|
+
export type { WaveformAmplitudeLimit, WaveformAmplitudeLimits, WaveformPoint, WaveformDisplayMode, WaveformUnitDisplayMode, WaveformLayoutPreset, WaveformOverlayMode, WaveformInteractionMode, WaveformXDomainStrategy, WaveformZoomIntentPayload, WaveformZoomEndPayload, WaveformPanEndPayload, WaveformZoomResetPayload, WaveformAnnotationStyle, WaveformAnnotation, WaveformSamplingMode, WaveformSamplingStrategy, WaveformSamplingOptions, WaveformSamplingBackend, WaveformSamplingDiagnostics, WaveformSamplingError, WaveformRenderingOptions, WaveformPlotMargin, WaveformTitleTextStyle, WaveformTitleOptions, WaveformLegendPosition, WaveformLegendOrientation, WaveformLegendOptions, WaveformFrameStyle, WaveformXAxisLabelKind, WaveformXAxisLabelFormatterContext, WaveformXAxisLabelFormatter, WaveformAxesOptions, WaveformYAxisLabelTextStyle, WaveformZeroLineOptions, } from './chart';
|
|
5
5
|
export type { SingleWaveformData, WaveformLineType, WaveformLineStyle, WaveformPointType, WaveformErrorBarOptions, ResolvedWaveformErrorBarOptions, WaveformTypedValues, TypedSampleData, TypedPointData, WaveformSeries, WaveformData, NormalizedWaveformSeries, } from './data';
|
|
6
6
|
export type { WaveformToolbarItem, WaveformToolbarOptions, WaveformControlTarget, WaveformControlAction, WaveformCommandMetadata, WaveformTargetStatus, WaveformViewportSnapshot, WaveformTargetResult, WaveformControlResult, WaveformControlState, WaveformImageExportOptions, WaveformImageExportErrorCode, WaveformImageExportError, WaveformChartHandle, } from './controls';
|
|
@@ -46,18 +46,18 @@ export declare function formatXAxisLabel(rawValue: number, domain: [number, numb
|
|
|
46
46
|
*/
|
|
47
47
|
export declare function endpointFractionDigits(domain: [number, number], timeUnit: TimeUnit): number;
|
|
48
48
|
/**
|
|
49
|
-
* 将 X
|
|
49
|
+
* 将 X 轴端点时间格式化为当前显示单位下的自适应精度文本
|
|
50
50
|
* @param value 时间值(秒)
|
|
51
|
-
* @param _domain
|
|
51
|
+
* @param _domain 用于计算显示精度的可视域
|
|
52
52
|
* @param timeUnit 时间单位
|
|
53
53
|
* @returns 格式化的时间字符串
|
|
54
54
|
*/
|
|
55
55
|
export declare function formatEndpointTime(value: number, _domain: [number, number], timeUnit: TimeUnit): string;
|
|
56
56
|
/**
|
|
57
|
-
* 将 X
|
|
57
|
+
* 将 X 轴时间刻度格式化为当前显示单位下的自适应精度文本
|
|
58
58
|
* @param value 时间值(秒)
|
|
59
59
|
* @param timeUnit 时间单位
|
|
60
|
-
* @param _domain
|
|
60
|
+
* @param _domain 用于计算显示精度的可视域
|
|
61
61
|
* @returns 格式化的时间字符串
|
|
62
62
|
*/
|
|
63
63
|
export declare function formatAxisTime(value: number, timeUnit: TimeUnit, _domain?: [number, number]): string;
|
package/package.json
CHANGED
package/src/App.vue
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
<script setup lang="ts">
|
|
2
|
-
import { computed, onBeforeUnmount, onMounted, reactive, ref } from 'vue'
|
|
2
|
+
import { computed, inject, onBeforeUnmount, onMounted, reactive, ref, shallowRef } from 'vue'
|
|
3
3
|
import 'vue3-colorpicker/style.css'
|
|
4
4
|
|
|
5
5
|
import {
|
|
@@ -16,7 +16,6 @@ import {
|
|
|
16
16
|
type WaveformOverlayMode,
|
|
17
17
|
type WaveformPlotMargin,
|
|
18
18
|
type WaveformTitleOptions,
|
|
19
|
-
type WaveformZoomEndPayload,
|
|
20
19
|
type WaveformZeroLineOptions,
|
|
21
20
|
} from './components'
|
|
22
21
|
import { normalizeWaveformSeries } from './core'
|
|
@@ -25,6 +24,8 @@ import DemoChartHost from './demo/DemoChartHost.vue'
|
|
|
25
24
|
import DemoControlPanel from './demo/DemoControlPanel.vue'
|
|
26
25
|
import type { DemoChartModel, DemoControlPanelModel } from './demo/types'
|
|
27
26
|
import { useDemoXAxisLabelControls } from './demo/useDemoXAxisLabelControls'
|
|
27
|
+
import { remoteWindowLoaderKey } from './demo/remoteWaveformLoader'
|
|
28
|
+
import { useRemoteWaveformWindow } from './demo/useRemoteWaveformWindow'
|
|
28
29
|
|
|
29
30
|
const demoPreset = new URLSearchParams(window.location.search).get('demo')
|
|
30
31
|
const compactNineDemo = demoPreset === 'compact-nine'
|
|
@@ -164,20 +165,27 @@ const plotMargin = computed<WaveformPlotMargin>(() => ({
|
|
|
164
165
|
bottom: plotMarginBottom.value,
|
|
165
166
|
}))
|
|
166
167
|
|
|
167
|
-
const
|
|
168
|
-
|
|
169
|
-
|
|
170
|
-
|
|
171
|
-
(
|
|
172
|
-
|
|
173
|
-
|
|
174
|
-
|
|
175
|
-
|
|
176
|
-
|
|
177
|
-
|
|
178
|
-
|
|
179
|
-
|
|
180
|
-
|
|
168
|
+
const demoChartHostRef = ref<{ resetViewport: (trackIndex?: number) => void }>()
|
|
169
|
+
const sourceData = shallowRef<WaveformData>(fullChartData)
|
|
170
|
+
const remoteWindow = useRemoteWaveformWindow(sourceData, {
|
|
171
|
+
loadWindow: inject(remoteWindowLoaderKey, undefined),
|
|
172
|
+
resetViewport: (trackIndex) => demoChartHostRef.value?.resetViewport(trackIndex),
|
|
173
|
+
})
|
|
174
|
+
const {
|
|
175
|
+
chartData,
|
|
176
|
+
initialXDomain,
|
|
177
|
+
recordDomain,
|
|
178
|
+
minZoomSpan,
|
|
179
|
+
loading,
|
|
180
|
+
errors,
|
|
181
|
+
handleZoomIntent,
|
|
182
|
+
handleZoomChange,
|
|
183
|
+
handleZoomEnd,
|
|
184
|
+
handlePanEnd,
|
|
185
|
+
resetWaveformViewport,
|
|
186
|
+
retry,
|
|
187
|
+
} = remoteWindow
|
|
188
|
+
onMounted(() => void resetWaveformViewport())
|
|
181
189
|
const lineStyleOverrides = ref<Record<string, WaveformLineStyle>>({})
|
|
182
190
|
const selectedSeriesId = ref(
|
|
183
191
|
fullChartData.kind === 'series' ? (fullChartData.series[0]?.id ?? '') : '',
|
|
@@ -188,7 +196,7 @@ const lineStyleOptions: Array<{ label: string; value: WaveformLineStyle }> = [
|
|
|
188
196
|
{ label: '点划线', value: 'dash-dot' },
|
|
189
197
|
]
|
|
190
198
|
const seriesStyleOptions = computed(() =>
|
|
191
|
-
normalizeWaveformSeries(
|
|
199
|
+
normalizeWaveformSeries(sourceData.value).map((series) => ({
|
|
192
200
|
label: series.name || series.id,
|
|
193
201
|
value: series.id,
|
|
194
202
|
})),
|
|
@@ -214,7 +222,7 @@ const displayChartData = computed<WaveformData>(() => {
|
|
|
214
222
|
})
|
|
215
223
|
const gridTrackLines = computed<WaveformGridTrackLines>(() =>
|
|
216
224
|
Object.fromEntries(
|
|
217
|
-
normalizeWaveformSeries(
|
|
225
|
+
normalizeWaveformSeries(sourceData.value).map((series) => [
|
|
218
226
|
series.trackId ?? series.id,
|
|
219
227
|
{
|
|
220
228
|
horizontal: horizontalGridVisible.value,
|
|
@@ -225,88 +233,6 @@ const gridTrackLines = computed<WaveformGridTrackLines>(() =>
|
|
|
225
233
|
]),
|
|
226
234
|
),
|
|
227
235
|
)
|
|
228
|
-
const demoChartHostRef = ref<{ resetViewport: (trackIndex?: number) => void }>()
|
|
229
|
-
|
|
230
|
-
let zoomRequestSequence = 0
|
|
231
|
-
|
|
232
|
-
function filterWaveformData(data: WaveformData, start: number, end: number): WaveformData {
|
|
233
|
-
const lower = Math.min(start, end)
|
|
234
|
-
const upper = Math.max(start, end)
|
|
235
|
-
if (data.kind !== 'series') {
|
|
236
|
-
if (data.kind !== 'points') return data
|
|
237
|
-
return {
|
|
238
|
-
kind: 'points',
|
|
239
|
-
points: data.points.filter((point) => point.x >= lower && point.x <= upper),
|
|
240
|
-
}
|
|
241
|
-
}
|
|
242
|
-
return {
|
|
243
|
-
kind: 'series',
|
|
244
|
-
series: data.series.map((series) => ({
|
|
245
|
-
...series,
|
|
246
|
-
data:
|
|
247
|
-
series.data.kind === 'points'
|
|
248
|
-
? {
|
|
249
|
-
kind: 'points',
|
|
250
|
-
points: series.data.points.filter((point) => point.x >= lower && point.x <= upper),
|
|
251
|
-
}
|
|
252
|
-
: series.data,
|
|
253
|
-
})),
|
|
254
|
-
}
|
|
255
|
-
}
|
|
256
|
-
|
|
257
|
-
function mergeIndependentWindow(
|
|
258
|
-
currentData: WaveformData,
|
|
259
|
-
responseData: WaveformData,
|
|
260
|
-
seriesIds: string[],
|
|
261
|
-
): WaveformData {
|
|
262
|
-
if (currentData.kind !== 'series' || responseData.kind !== 'series') return responseData
|
|
263
|
-
const responseById = new Map(responseData.series.map((series) => [series.id, series]))
|
|
264
|
-
const changedIds = new Set(seriesIds)
|
|
265
|
-
return {
|
|
266
|
-
kind: 'series',
|
|
267
|
-
series: currentData.series.map((series) =>
|
|
268
|
-
series.id && changedIds.has(series.id) ? (responseById.get(series.id) ?? series) : series,
|
|
269
|
-
),
|
|
270
|
-
}
|
|
271
|
-
}
|
|
272
|
-
|
|
273
|
-
let pendingCommandId: string | undefined
|
|
274
|
-
let pendingPayloads: WaveformZoomEndPayload[] = []
|
|
275
|
-
async function handleZoomEnd(payload: WaveformZoomEndPayload) {
|
|
276
|
-
if (payload.action === 'fit') return
|
|
277
|
-
if (payload.commandId && payload.commandId === pendingCommandId) {
|
|
278
|
-
pendingPayloads.push(payload)
|
|
279
|
-
return
|
|
280
|
-
}
|
|
281
|
-
pendingCommandId = payload.commandId
|
|
282
|
-
const batch = [payload]
|
|
283
|
-
pendingPayloads = batch
|
|
284
|
-
// Demo-only sequence number cancellation. Production code should use AbortController
|
|
285
|
-
// to cancel in-flight requests when a newer zoom gesture arrives.
|
|
286
|
-
const requestSequence = ++zoomRequestSequence
|
|
287
|
-
await new Promise((resolve) => window.setTimeout(resolve, 80))
|
|
288
|
-
if (requestSequence !== zoomRequestSequence) return
|
|
289
|
-
|
|
290
|
-
// Demo-only stand-in for the backend response. Production code should replace this
|
|
291
|
-
// with a request using payload.start/payload.end and the optional channel metadata.
|
|
292
|
-
let nextData = chartData.value
|
|
293
|
-
batch.forEach((item) => {
|
|
294
|
-
const responseData = filterWaveformData(fullChartData, item.start, item.end)
|
|
295
|
-
nextData =
|
|
296
|
-
item.trackIndex !== undefined && item.seriesIds?.length
|
|
297
|
-
? mergeIndependentWindow(nextData, responseData, item.seriesIds)
|
|
298
|
-
: responseData
|
|
299
|
-
})
|
|
300
|
-
chartData.value = nextData
|
|
301
|
-
pendingCommandId = undefined
|
|
302
|
-
}
|
|
303
|
-
|
|
304
|
-
function resetWaveformViewport() {
|
|
305
|
-
zoomRequestSequence += 1
|
|
306
|
-
chartData.value = fullChartData
|
|
307
|
-
initialXDomain.value = initialXDomainValue
|
|
308
|
-
demoChartHostRef.value?.resetViewport()
|
|
309
|
-
}
|
|
310
236
|
const titleOptions = computed<WaveformTitleOptions>(() => ({
|
|
311
237
|
visible: titleVisible.value,
|
|
312
238
|
text: titleText.value,
|
|
@@ -406,6 +332,11 @@ const chartModel = reactive({
|
|
|
406
332
|
toolbarVisible,
|
|
407
333
|
data: displayChartData,
|
|
408
334
|
initialXDomain,
|
|
335
|
+
recordDomain,
|
|
336
|
+
minZoomSpan,
|
|
337
|
+
loading,
|
|
338
|
+
errors,
|
|
339
|
+
retry,
|
|
409
340
|
displayMode,
|
|
410
341
|
overlayMode,
|
|
411
342
|
rowCount,
|
|
@@ -428,7 +359,10 @@ const chartModel = reactive({
|
|
|
428
359
|
annotationsVisible,
|
|
429
360
|
interactionMode,
|
|
430
361
|
hiddenSeriesIds,
|
|
362
|
+
handleZoomIntent,
|
|
363
|
+
handleZoomChange,
|
|
431
364
|
handleZoomEnd,
|
|
365
|
+
handlePanEnd,
|
|
432
366
|
resetWaveformViewport,
|
|
433
367
|
}) satisfies DemoChartModel
|
|
434
368
|
</script>
|
|
@@ -46,7 +46,6 @@ const {
|
|
|
46
46
|
chartWidth,
|
|
47
47
|
drawingHeight,
|
|
48
48
|
hasWaveformData,
|
|
49
|
-
requestViewportReset,
|
|
50
49
|
trackLayouts,
|
|
51
50
|
presentationTracks,
|
|
52
51
|
presentationAnnotations,
|
|
@@ -189,7 +188,6 @@ function handleChartPointerLeave() {
|
|
|
189
188
|
:height="drawingHeight"
|
|
190
189
|
role="img"
|
|
191
190
|
:aria-label="hasWaveformData ? '波形折线图' : '暂无波形数据'"
|
|
192
|
-
@dblclick="requestViewportReset"
|
|
193
191
|
>
|
|
194
192
|
<defs>
|
|
195
193
|
<clipPath
|