fix(tooltip): 保持数值与单位单行显示

package.json

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

src/components/interaction/WaveformTooltip.test.ts

@@ -66,6 +66,31 @@ describe('WaveformTooltip', () => {
     expect(wrapper.get('.waveform-tooltip__series small').text()).toBe('(+2 / -1)')
   })
 
+  it('keeps a formatted value and its unit in one value container', () => {
+    const hoveredPoint = { x: 1, y: -1405.4932 }
+    const wrapper = mount(WaveformTooltip, {
+      props: {
+        visible: true,
+        position: { x: 10, y: 10 },
+        timeUnit: 'ms',
+        hoveredPoint,
+        seriesPoints: [
+          {
+            trackIndex: 0,
+            name: 'ENG8KJXAc(10001)',
+            color: '#ffb43b',
+            unit: 'A',
+            point: hoveredPoint,
+          },
+        ],
+        containerWidth: 400,
+        containerHeight: 300,
+      },
+    })
+
+    expect(wrapper.get('.waveform-tooltip__value').text()).toBe('-1,405.4932 A')
+  })
+
   it('omits the error label when both resolved errors are zero', () => {
     const point = { x: 1, y: 12 }
     const wrapper = mount(WaveformTooltip, {

src/components/interaction/WaveformTooltip.vue

@@ -77,7 +77,7 @@ function formatError(point: WaveformPoint): string | null {
     >
       <i :style="{ backgroundColor: seriesPoint.color }" />
       <strong v-if="seriesPoint.name">{{ seriesPoint.name }}:</strong>
-      <span>
+      <span class="waveform-tooltip__value">
         {{ formatTooltipNumber(seriesPoint.point.y)
         }}{{ seriesPoint.unit ? ` ${seriesPoint.unit}` : '' }}
         <small v-if="formatError(seriesPoint.point)">{{ formatError(seriesPoint.point) }}</small>
@@ -116,7 +116,7 @@ function formatError(point: WaveformPoint): string | null {
 
 .waveform-tooltip__series {
   display: grid;
-  grid-template-columns: 8px auto minmax(0, 1fr);
+  grid-template-columns: 8px minmax(0, 1fr) auto;
   gap: 6px;
   align-items: center;
 }
@@ -134,6 +134,10 @@ function formatError(point: WaveformPoint): string | null {
   white-space: nowrap;
 }
 
+.waveform-tooltip__value {
+  white-space: nowrap;
+}
+
 .waveform-tooltip__series small {
   color: #667085;
   white-space: nowrap;