waveform-analysis 0.1.77 → 0.1.79

package/dist/types/components/core/useWaveformChartController.d.ts

@@ -274,6 +274,7 @@ export declare function useWaveformChartController(inputProps: ResolvedWaveformC
     innerWidth: number;
     hasVisibleWaveformData: boolean;
     hasWaveformData: boolean;
+    hasWaveformSamples: boolean;
     hasChartArea: boolean;
     resolvedXLabel: string;
     activeInteractionMode: import("..").WaveformInteractionMode | undefined;

package/dist/types/components/core/useWaveformLayout.d.ts

@@ -35,6 +35,7 @@ export declare function useWaveformLayout(context: LayoutContext): {
     innerWidth: ComputedRef<number>;
     hasVisibleWaveformData: ComputedRef<boolean>;
     hasWaveformData: ComputedRef<boolean>;
+    hasWaveformSamples: ComputedRef<boolean>;
     hasChartArea: ComputedRef<boolean>;
     resolvedXLabel: ComputedRef<string>;
     activeInteractionMode: ComputedRef<import("..").WaveformInteractionMode | undefined>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "waveform-analysis",
-  "version": "0.1.77",
+  "version": "0.1.79",
   "main": "./dist/index.cjs",
   "module": "./dist/index.js",
   "types": "./dist/types/index.d.ts",

package/src/components/WaveformChartView.vue

@@ -46,6 +46,7 @@ const {
   chartWidth,
   drawingHeight,
   hasWaveformData,
+  hasWaveformSamples,
   trackLayouts,
   presentationTracks,
   presentationAnnotations,
@@ -186,7 +187,7 @@ function handleChartPointerLeave() {
       :width="chartWidth"
       :height="drawingHeight"
       role="img"
-      :aria-label="hasWaveformData ? '波形折线图' : '暂无波形数据'"
+      :aria-label="hasWaveformSamples ? '波形折线图' : '暂无波形数据'"
     >
       <defs>
         <clipPath
@@ -343,7 +344,7 @@ function handleChartPointerLeave() {
       </text>
 
       <text
-        v-if="hasChartArea && !hasWaveformData"
+        v-if="hasChartArea && !hasWaveformSamples"
         class="waveform-chart__empty"
         :x="chartWidth / 2"
         :y="drawingHeight / 2"

package/src/components/animation/trackPresentation.ts

@@ -92,7 +92,7 @@ export function transitionTrack(
   const series = new Map<string, SeriesGeometry>()
   for (const [id, next] of to.series) {
     const previous = from.series.get(id)
-    if (!previous) {
+    if (!previous || (next.path.series.source?.length ?? next.path.series.points.length) === 0) {
       series.set(id, next)
       continue
     }

package/src/components/controls/useChartCommands.ts

@@ -122,13 +122,15 @@ export function useChartCommands(c: Context) {
           ? tracks.some((t) => c.independentYDomains.value[t.index])
           : Object.keys(c.sharedYDomains.value).length > 0)
       const boundaryChanged = tracks.length && !same(bounds, boundary(tracks))
-      const status: WaveformTargetResult['status'] = !nonempty
-        ? 'empty-data'
-        : c.props.presentationMode || !c.props.zoomable
-          ? 'disabled'
-          : before && same(before.xDomain, xDomain) && !hasY && !boundaryChanged
-            ? 'unchanged'
-            : 'applied'
+      const hasSeries = tracks.some((t) => t.seriesList.length > 0)
+      const status: WaveformTargetResult['status'] =
+        !hasSeries || (action === 'fit' && !nonempty)
+          ? 'empty-data'
+          : c.props.presentationMode || !c.props.zoomable
+            ? 'disabled'
+            : before && same(before.xDomain, xDomain) && !hasY && !boundaryChanged
+              ? 'unchanged'
+              : 'applied'
       return { id, tracks, before, bounds, xDomain, status, resetsY }
     })
     return { entries }

package/src/components/core/useWaveformChartController.ts

@@ -32,7 +32,6 @@ import { resolveCompactPaginationBand } from './pagination'
 import type { WaveformHoverState } from './types'
 import { useWaveformChartLifecycle } from './useWaveformChartLifecycle'
 import { usePreparedWaveformSeries } from './useWaveformData'
-import { remotePanBoundary } from '../interaction/remoteViewport'
 import { useWaveformLayout } from './useWaveformLayout'
 import { useWaveformPresentation } from './useWaveformPresentation'
 import { usePlotLabelLayout } from './usePlotLabelLayout'
@@ -103,7 +102,7 @@ export function useWaveformChartController(
       handleBeforeDataReferenceChange()
     },
     () => handleDataReferenceChange(),
-    () => Boolean(remotePanBoundary(props)),
+    () => true,
   )
 
   const presentation = useWaveformPresentation({

package/src/components/core/useWaveformData.ts

@@ -71,7 +71,19 @@ export function usePreparedWaveformSeries(
   )
   watch([data, retainEmpty], ([nextData, preserveEmpty]) => {
     onBeforeDataChange()
-    preparedSeries.value = prepareWaveformSeries(nextData, preserveEmpty)
+    const previousById = new Map(preparedSeries.value.map((series) => [series.id, series]))
+    preparedSeries.value = prepareWaveformSeries(nextData, preserveEmpty).map((series) => {
+      const previous = previousById.get(series.id)
+      // Preserve axes, never geometry, across empty windows of the same channel/track.
+      if (series.source.length || !previous || series.trackId !== previous.trackId) return series
+      return {
+        ...series,
+        xDomain: previous.xDomain,
+        yDomain: previous.yDomain,
+        rawYMaximum: previous.rawYMaximum,
+        rawYMinimum: previous.rawYMinimum,
+      }
+    })
     onDataChange()
   })
   return preparedSeries

package/src/components/core/useWaveformLayout.ts

@@ -149,6 +149,9 @@ export function useWaveformLayout(context: LayoutContext) {
     yAxisTickCount,
   })
   const hasWaveformData = computed(() => chartSeries.value.length > 0)
+  const hasWaveformSamples = computed(() =>
+    chartSeries.value.some((series) => (series.source?.length ?? series.points.length) > 0),
+  )
   const hasChartArea = computed(() => innerWidth.value > 0 && innerHeight.value > 0)
   const resolvedXLabel = computed(() => props.xLabel ?? `时间（${props.timeUnit}）`)
   const activeInteractionMode = computed(() => props.interactionMode)
@@ -349,6 +352,7 @@ export function useWaveformLayout(context: LayoutContext) {
     innerWidth,
     hasVisibleWaveformData,
     hasWaveformData,
+    hasWaveformSamples,
     hasChartArea,
     resolvedXLabel,
     activeInteractionMode,

package/src/components/interaction/zoomConstraints.ts

@@ -53,19 +53,22 @@ function minimumPointSpan(
   required: number,
 ): number {
   if (required <= 1) return 0
-  let minimumSpan = 0
+  let minimumSpan = Number.POSITIVE_INFINITY
+  let hasData = false
   for (const group of groups) {
     const values = uniqueXValues(group, boundary)
-    if (values.length < required) return boundary[1] - boundary[0]
+    if (!group.some((series) => (series.source?.length ?? series.points.length) > 0)) continue
+    hasData = true
+    if (values.length < required) continue
     let groupSpan = Number.POSITIVE_INFINITY
     for (let index = 0; index + required <= values.length; index += 1) {
       groupSpan = Math.min(groupSpan, values[index + required - 1] - values[index])
     }
     const endpointTolerance =
       Number.EPSILON * Math.max(1, Math.abs(boundary[0]), Math.abs(boundary[1])) * 16
-    minimumSpan = Math.max(minimumSpan, groupSpan + endpointTolerance)
+    minimumSpan = Math.min(minimumSpan, groupSpan + endpointTolerance)
   }
-  return minimumSpan
+  return Number.isFinite(minimumSpan) ? minimumSpan : hasData ? boundary[1] - boundary[0] : 0
 }
 
 export function resolveMinimumZoomSpan(
@@ -101,24 +104,25 @@ function expandToMinimumPoints(
   if (required <= 0) return domain
   const endpointTolerance =
     Number.EPSILON * Math.max(1, Math.abs(boundary[0]), Math.abs(boundary[1])) * 16
-  let expanded = domain
+  let best: [number, number] | undefined
+  let bestSpan = Number.POSITIVE_INFINITY
+  let bestCenterDistance = Number.POSITIVE_INFINITY
+  let hasData = false
+  const requestedCenter = (domain[0] + domain[1]) / 2
   for (const group of groups) {
     const values = uniqueXValues(group, boundary)
-    if (values.length < required) return [...boundary]
-    const visibleCount = values.filter(
-      (value) => value >= expanded[0] && value <= expanded[1],
-    ).length
-    if (visibleCount >= required) continue
-    let best: [number, number] | undefined
-    let bestSpan = Number.POSITIVE_INFINITY
-    let bestCenterDistance = Number.POSITIVE_INFINITY
-    const requestedCenter = (expanded[0] + expanded[1]) / 2
+    if (!group.some((series) => (series.source?.length ?? series.points.length) > 0)) continue
+    hasData = true
+    if (values.length < required) continue
+    const visibleCount = values.filter((value) => value >= domain[0] && value <= domain[1]).length
+    // Shared tracks need one supporting frame, rather than every frame.
+    if (visibleCount >= required) return domain
     for (let index = 0; index + required <= values.length; index += 1) {
       const candidate: [number, number] = [
-        Math.max(boundary[0], Math.min(expanded[0], values[index] - endpointTolerance)),
+        Math.max(boundary[0], Math.min(domain[0], values[index] - endpointTolerance)),
         Math.min(
           boundary[1],
-          Math.max(expanded[1], values[index + required - 1] + endpointTolerance),
+          Math.max(domain[1], values[index + required - 1] + endpointTolerance),
         ),
       ]
       const span = candidate[1] - candidate[0]
@@ -129,9 +133,8 @@ function expandToMinimumPoints(
         bestCenterDistance = centerDistance
       }
     }
-    expanded = best ?? [...boundary]
   }
-  return expanded
+  return best ?? (hasData ? [...boundary] : domain)
 }
 
 export function constrainZoomDomain(

package/src/demo/remoteWaveformLoader.ts

@@ -52,14 +52,19 @@ export function mergeWaveformWindow(
   response: WaveformData,
   seriesIds?: string[],
 ): WaveformData {
-  if (!seriesIds || current.kind !== 'series' || response.kind !== 'series') return response
-  const selected = new Set(seriesIds)
+  if (current.kind !== 'series' || response.kind !== 'series') return response
+  const selected = seriesIds ? new Set(seriesIds) : undefined
   const byId = new Map(response.series.map((series) => [series.id, series]))
+  const knownIds = new Set(current.series.map((series) => series.id))
   return {
     kind: 'series',
-    series: current.series.map((series) =>
-      series.id && selected.has(series.id) ? (byId.get(series.id) ?? series) : series,
-    ),
+    series: [
+      ...current.series.map((series) => {
+        if (selected && (!series.id || !selected.has(series.id))) return series
+        return byId.get(series.id) ?? { ...series, data: { kind: 'points' as const, points: [] } }
+      }),
+      ...response.series.filter((series) => !knownIds.has(series.id)),
+    ],
   }
 }