@rfkit/charts 1.2.8 → 1.2.9

package/index.js

@@ -14715,7 +14715,7 @@ const StationAllocation_SegmentContainer_SegmentContainer = /*#__PURE__*/ (0, __
 const StationAllocation_SegmentContainer = StationAllocation_SegmentContainer_SegmentContainer;
 const StationAllocation_StationAllocation = ({ show = true, display = true })=>{
     const [hoveredFrequencyRange, setHoveredFrequencyRange] = (0, __WEBPACK_EXTERNAL_MODULE_react__.useState)(null);
-    const { state: { segments, axisX: { frequencyFormat }, zoom: { style: zoomOffStyle }, cursor: { coord: { left } }, stationInfo } } = useStore_useStore();
+    const { state: { segments, axisX: { frequencyFormat }, zoom: { style: zoomOffStyle }, cursor: { coord: { left } }, stationInfo, system: { width: containerWidth } } } = useStore_useStore();
     const stationData = stationInfo.data;
     const shouldDisplay = stationInfo.show && display;
     const currentFrequency = (0, __WEBPACK_EXTERNAL_MODULE_react__.useMemo)(()=>Number(frequencyFormat(left)), [
@@ -14760,6 +14760,7 @@ const StationAllocation_StationAllocation = ({ show = true, display = true })=>{
     ]);
     const segmentData = (0, __WEBPACK_EXTERNAL_MODULE_react__.useMemo)(()=>{
         if (!segments?.length || !stationData.length) return [];
+        const MIN_WIDTH_THRESHOLD = 1 / containerWidth * 100;
         return segments.map((segment, segmentIndex)=>{
             const segmentStations = stationData.filter((station)=>{
                 const yian = station.bandwidth / 2 / 1000;
@@ -14795,7 +14796,7 @@ const StationAllocation_StationAllocation = ({ show = true, display = true })=>{
                 stopIndex = Math.min(bestStopIndex, segment.point - 1);
                 const calculatedWidth = (stopIndex - startIndex + 1) / segment.point * 100;
                 const leftPos = startIndex / segment.point * 100;
-                const width = 0 === calculatedWidth ? '1px' : `${calculatedWidth}%`;
+                const width = calculatedWidth < MIN_WIDTH_THRESHOLD ? '1px' : `${calculatedWidth}%`;
                 const signalType = station.signalType;
                 const signalTypeInfo = SIGNAL_TYPE_MAP[signalType];
                 const signalColor = signalTypeInfo?.color;
@@ -14835,7 +14836,8 @@ const StationAllocation_StationAllocation = ({ show = true, display = true })=>{
         });
     }, [
         segments,
-        stationData
+        stationData,
+        containerWidth
     ]);
     if (!show || !shouldDisplay) return null;
     return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {

package/package.json

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