chore(deps): 调整组件运行时依赖

package.json

@@ -1,6 +1,6 @@
 {
   "name": "waveform-analysis",
-  "version": "0.1.18",
+  "version": "0.1.20",
   "main": "./dist/index.cjs",
   "module": "./dist/index.js",
   "types": "./dist/types/index.d.ts",
@@ -34,11 +34,14 @@
     "test": "vitest run",
     "test:coverage": "vitest run --coverage"
   },
+  "dependencies": {
+    "d3": "^7.9.0",
+    "vue3-colorpicker": "^2.3.0",
+    "ant-design-vue": "4.2.6"
+  },
   "peerDependencies": {
     "ant-design-vue": ">=3.2.20 <4",
-    "d3": ">=7.9.0 <8",
+    "vue": ">=3.2.33 <4"
-    "vue": ">=3.2.33 <4",
-    "vue3-colorpicker": ">=2.3.0 <3"
   },
   "devDependencies": {
     "@eslint/js": "10.0.1",
@@ -47,8 +50,6 @@
     "@vitejs/plugin-vue": "6.0.8",
     "@vitest/coverage-v8": "4.1.10",
     "@vue/test-utils": "2.4.11",
-    "ant-design-vue": "4.2.6",
-    "d3": "7.9.0",
     "eslint": "10.7.0",
     "eslint-config-prettier": "10.1.8",
     "eslint-plugin-vue": "10.9.2",
@@ -60,7 +61,6 @@
     "vite": "8.1.5",
     "vitest": "4.1.10",
     "vue": "3.5.40",
-    "vue-tsc": "3.3.7",
+    "vue-tsc": "3.3.7"
-    "vue3-colorpicker": "2.3.0"
   }
 }

pnpm-lock.yaml

@@ -7,6 +7,16 @@ settings:
 importers:
 
   .:
+    dependencies:
+      ant-design-vue:
+        specifier: 4.2.6
+        version: 4.2.6(vue@3.5.40(typescript@6.0.3))
+      d3:
+        specifier: ^7.9.0
+        version: 7.9.0
+      vue3-colorpicker:
+        specifier: ^2.3.0
+        version: 2.3.0(@aesoper/normal-utils@0.1.5)(@popperjs/core@2.11.8)(@vueuse/core@10.11.1(vue@3.5.40(typescript@6.0.3)))(gradient-parser@1.2.0)(lodash-es@4.18.1)(tinycolor2@1.6.0)(vue-types@4.2.1(vue@3.5.40(typescript@6.0.3)))(vue@3.5.40(typescript@6.0.3))
     devDependencies:
       '@eslint/js':
         specifier: 10.0.1
@@ -26,12 +36,6 @@ importers:
       '@vue/test-utils':
         specifier: 2.4.11
         version: 2.4.11(@vue/compiler-dom@3.5.40)(@vue/server-renderer@3.5.40)(vue@3.5.40(typescript@6.0.3))
-      ant-design-vue:
-        specifier: 4.2.6
-        version: 4.2.6(vue@3.5.40(typescript@6.0.3))
-      d3:
-        specifier: 7.9.0
-        version: 7.9.0
       eslint:
         specifier: 10.7.0
         version: 10.7.0
@@ -68,9 +72,6 @@ importers:
       vue-tsc:
         specifier: 3.3.7
         version: 3.3.7(typescript@6.0.3)
-      vue3-colorpicker:
-        specifier: 2.3.0
-        version: 2.3.0(@aesoper/normal-utils@0.1.5)(@popperjs/core@2.11.8)(@vueuse/core@10.11.1(vue@3.5.40(typescript@6.0.3)))(gradient-parser@1.2.0)(lodash-es@4.18.1)(tinycolor2@1.6.0)(vue-types@4.2.1(vue@3.5.40(typescript@6.0.3)))(vue@3.5.40(typescript@6.0.3))
 
 packages:
 

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;