@rfkit/charts 1.0.89 → 1.0.90

package/index.d.ts

@@ -1,6 +1,6 @@
 export { Spectrum, LevelStream, IQ, Gauge, Dial, Heatmap, Occupancy, } from './lib';
 export type { RecursiveObject, // 递归对象 后期会删除
 RecursiveFunction, // 递归方法 后期会删除
-AxisYRange, AxisXProps, SeriesConfig, SegmentsOriginal, SpectrumBandwidth, MarkerType, SetSeries, SetSpectrumBandwidth, SetSegments, SetAntennaFactor, SetChannels, SetMarker, SpectrumExtraData, PublishSpectrum, PublishHeatmap, PublishOccupancy, PublishLevelStream, PublishIQ, PublishDial, PublishGauge, Reset, Render, PublishData, } from './types';
+AxisYRange, AxisXProps, SeriesConfig, SegmentsOriginal, SpectrumBandwidth, MarkerType, SetSeries, SetSpectrumBandwidth, SetSegments, SetAntennaFactor, SetChannels, SetMarker, SpectrumExtraData, PublishSpectrum, PublishHeatmap, PublishOccupancy, PublishLevelStream, PublishIQ, PublishDial, PublishGauge, Reset, Render, PublishData, Publish, } from './types';
 export { HeatmapCaptureType } from './types';
 export { PSType, ChartType, SegmentsEvent, MarkerEventType, SeriesType, OptionKey, } from './config';

package/index.js

@@ -5509,6 +5509,12 @@ class engine_Engine {
         const canvas = document.createElement('canvas');
         const ctx = canvas.getContext?.('2d');
         canvas.style.transform = 'scaleY(-1)';
+        if (ctx) {
+            ctx.imageSmoothingEnabled = false;
+            ctx.lineJoin = 'miter';
+            ctx.lineCap = 'butt';
+            ctx.textBaseline = 'middle';
+        }
         this.updateProps({
             container,
             canvas,
@@ -5609,6 +5615,8 @@ class Series extends engine_Engine {
         if (!disabledClearRect) this.clearRect();
         const seriesArray = Object.values(series);
         const { range: [min, , rangeY], canvas: { width, height } } = this.state;
+        ctx.save();
+        ctx.translate(0.5, 0.5);
         for(let s = 0; s < seriesArray.length; s += 1){
             const { display, thickness, color, type, data, orientation } = seriesArray[s];
             if (!data || !display) continue;
@@ -5641,7 +5649,7 @@ class Series extends engine_Engine {
                             points = [];
                         }
                     } else {
-                        const x = (i + 0.5) * per;
+                        const x = Math.round((i + 0.5) * per);
                         const y = Math.round((value - min) / rangeY * height);
                         points.push([
                             x,
@@ -5667,20 +5675,21 @@ class Series extends engine_Engine {
                             ctx.beginPath();
                             ctx.moveTo(points[0][0], points[0][1]);
                             for(let j = 1; j < points.length; j++){
-                                const [px, py] = points[j - 1];
+                                const [_, py] = points[j - 1];
                                 const [cx, cy] = points[j];
-                                ctx.lineTo(px + per, py);
+                                ctx.lineTo(cx, py);
                                 ctx.lineTo(cx, cy);
                             }
                             const [lx, ly] = points[points.length - 1];
-                            ctx.lineTo(lx + per, ly);
+                            const endX = Math.round(lx + per);
+                            ctx.lineTo(endX, ly);
                             ctx.lineWidth = thickness;
                             ctx.strokeStyle = color;
                             ctx.stroke();
                             points = [];
                         }
                     } else {
-                        const x = i * per;
+                        const x = Math.round(i * per);
                         const y = Math.round((value - min) / rangeY * height);
                         points.push([
                             x,
@@ -5692,13 +5701,14 @@ class Series extends engine_Engine {
                     ctx.beginPath();
                     ctx.moveTo(points[0][0], points[0][1]);
                     for(let j = 1; j < points.length; j++){
-                        const [px, py] = points[j - 1];
+                        const [_, py] = points[j - 1];
                         const [cx, cy] = points[j];
-                        ctx.lineTo(px + per, py);
+                        ctx.lineTo(cx, py);
                         ctx.lineTo(cx, cy);
                     }
                     const [lx, ly] = points[points.length - 1];
-                    ctx.lineTo(lx + per, ly);
+                    const endX = Math.round(lx + per);
+                    ctx.lineTo(endX, ly);
                     ctx.lineWidth = thickness;
                     ctx.strokeStyle = color;
                     ctx.stroke();
@@ -5708,7 +5718,7 @@ class Series extends engine_Engine {
                 const radius = thickness / 2;
                 const endAngle = 2 * Math.PI;
                 for(let i = 0; i < len; i += 1){
-                    const x = (i + 0.5) * per;
+                    const x = Math.round((i + 0.5) * per);
                     const y = Math.round((data[i] - min) / rangeY * height);
                     ctx.beginPath();
                     ctx.arc(x, y, radius, 0, endAngle);
@@ -5719,7 +5729,7 @@ class Series extends engine_Engine {
             if (type === type_GraphicType.Rect) {
                 const side = +thickness;
                 for(let i = 0; i < len; i += 1){
-                    const x = (i + 0.5) * per;
+                    const x = Math.round((i + 0.5) * per);
                     const y = Math.round((data[i] - min) / rangeY * height);
                     ctx.beginPath();
                     ctx.rect(x, y, side, side);
@@ -5750,6 +5760,7 @@ class Series extends engine_Engine {
                 ctx.fill();
             }
         }
+        ctx.restore();
     }
 }
 var Tooltip_styles_module = __webpack_require__("../../../node_modules/.pnpm/@rsbuild+core@1.3.18/node_modules/@rsbuild/core/compiled/css-loader/index.js??ruleSet[1].rules[11].use[1]!builtin:lightningcss-loader??ruleSet[1].rules[11].use[2]!../../../node_modules/.pnpm/@rsbuild+plugin-less@1.2.4_@rsbuild+core@1.3.22/node_modules/@rsbuild/plugin-less/compiled/less-loader/index.js??ruleSet[1].rules[11].use[3]!./src/components/Tooltip/styles.module.less");
@@ -10217,27 +10228,29 @@ const GridLinesSVG = ({ row = 10, col = 10, strokeColor = 'var(--theme-border-ba
             const cellWidth = width / col;
             const cellHeight = height / row;
             for(let i = 0; i <= row; i++){
-                const y = i * cellHeight;
+                const y = Math.round(i * cellHeight);
                 newHorizontalLines.push(/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("line", {
                     x1: 0,
                     y1: y,
-                    x2: width,
+                    x2: Math.round(width),
                     y2: y,
                     stroke: strokeColor,
                     strokeWidth: strokeWidth,
-                    strokeDasharray: strokeDasharray
+                    strokeDasharray: strokeDasharray,
+                    vectorEffect: "non-scaling-stroke"
                 }, `h-${i}`));
             }
             for(let i = 0; i <= col; i++){
-                const x = i * cellWidth;
+                const x = Math.round(i * cellWidth);
                 newVerticalLines.push(/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("line", {
                     x1: x,
                     y1: 0,
                     x2: x,
-                    y2: height,
+                    y2: Math.round(height),
                     stroke: strokeColor,
                     strokeWidth: strokeWidth,
-                    strokeDasharray: strokeDasharray
+                    strokeDasharray: strokeDasharray,
+                    vectorEffect: "non-scaling-stroke"
                 }, `v-${i}`));
             }
             setHorizontalLines(newHorizontalLines);
@@ -10269,6 +10282,8 @@ const GridLinesSVG = ({ row = 10, col = 10, strokeColor = 'var(--theme-border-ba
             width: '100%',
             height: '100%'
         },
+        shapeRendering: "crispEdges",
+        imageRendering: "pixelated",
         children: [
             horizontalLines,
             verticalLines
@@ -13188,7 +13203,7 @@ function useSeries() {
     };
 }
 function useSpectrumAnalyzer(props) {
-    const { state: { globalID, series: { enableMetrics, enableWaterfall }, axisY: { unit }, zoom: { interval }, heatmapCapture: { display: heatmapCaptureDisplay } }, dispatch } = useStore_useStore();
+    const { state: { globalID, series: { enableMetrics, enableWaterfall }, axisY: { unit }, zoom: { interval }, heatmapCapture: { display: heatmapCaptureDisplay }, system: { width } }, dispatch } = useStore_useStore();
     const analyzer = (0, __WEBPACK_EXTERNAL_MODULE_react__.useRef)(null);
     const globalIDRef = (0, __WEBPACK_EXTERNAL_MODULE_react__.useRef)(globalID);
     const intervalRef = (0, __WEBPACK_EXTERNAL_MODULE_react__.useRef)(interval);
@@ -13309,8 +13324,10 @@ function useSpectrumAnalyzer(props) {
     ]);
     const getEnableOption = (globalValue, propValue)=>false === globalValue ? false : propValue ?? true;
     if (!analyzer.current && globalID) {
+        const outputPoints = 1 | Math.floor(width / 2);
         analyzer.current = new __WEBPACK_EXTERNAL_MODULE__rfkit_spectrum_analyzer_159ab12b__.SpectrumAnalyzer({
             ...props,
+            outputPoints,
             processing: {
                 ...props?.processing,
                 enableMetrics: getEnableOption(enableMetrics, props?.processing?.enableMetrics),

package/package.json

@@ -5,6 +5,6 @@
   "types": "index.d.ts",
   "author": "Hxgh",
   "license": "MIT",
-  "version": "1.0.89",
+  "version": "1.0.90",
   "private": false
 }

package/types/publish.d.ts

@@ -94,4 +94,5 @@ export interface Render {
     [key: string]: unknown;
 }
 export type PublishData = SetOption | SetSeries | SetSpectrumBandwidth | SetSegments | SetChannels | SetMarker | SetAntennaFactor | SetStationInfo | PublishSpectrum | PublishHeatmap | PublishOccupancy | PublishLevelStream | PublishIQ | PublishDial | PublishGauge | Reset | Render;
+export type Publish = (p: PublishData) => void;
 export {};