@rfkit/charts 1.1.10 → 1.1.12

package/components/StationAllocation/Switch/index.d.ts

@@ -0,0 +1,3 @@
+import type React from 'react';
+declare const StationAllocationSwitch: React.FC;
+export default StationAllocationSwitch;

package/index.js

@@ -4308,7 +4308,10 @@ function defaultState_createParams() {
             cacheTime: 20000,
             granularity: 1
         },
-        stationInfo: []
+        stationInfo: {
+            show: true,
+            data: []
+        }
     };
 }
 const R = 50.0;
@@ -5814,6 +5817,7 @@ var type_GraphicType = /*#__PURE__*/ function(GraphicType1) {
     GraphicType1["Area"] = "area";
     return GraphicType1;
 }({});
+const ENABLE_AREA_GRADIENT = false;
 class Series extends engine_Engine {
     init(props) {
         super.init(props);
@@ -6033,10 +6037,12 @@ class Series extends engine_Engine {
                     ctx.lineTo(endX, lastY);
                     ctx.lineTo(endX, 0);
                     ctx.closePath();
-                    const gradient = ctx.createLinearGradient(0, 0, 0, height);
-                    gradient.addColorStop(0, `rgba(${r}, ${g}, ${b}, 0)`);
-                    gradient.addColorStop(1, `rgba(${r}, ${g}, ${b}, 0.5)`);
-                    ctx.fillStyle = gradient;
+                    if (ENABLE_AREA_GRADIENT) {
+                        const gradient = ctx.createLinearGradient(0, 0, 0, height);
+                        gradient.addColorStop(0, `rgba(${r}, ${g}, ${b}, 0)`);
+                        gradient.addColorStop(1, `rgba(${r}, ${g}, ${b}, 0.5)`);
+                        ctx.fillStyle = gradient;
+                    } else ctx.fillStyle = `rgba(${r}, ${g}, ${b}, 1)`;
                     ctx.fill();
                 };
                 for(let i = 0; i < len; i += 1){
@@ -7290,10 +7296,10 @@ const FrequencyDataBoard = ({ left, updateKey, onChange })=>{
         onChange
     ]);
     const sf = (0, __WEBPACK_EXTERNAL_MODULE_react__.useMemo)(()=>{
-        if (left && stationInfo.length > 0) {
+        if (left && stationInfo.data.length > 0) {
             const f = Number(frequency);
-            const item = stationInfo.find((i)=>{
-                const yian = i.bandwidth / 500;
+            const item = stationInfo.data.find((i)=>{
+                const yian = i.bandwidth / 2 / 1000;
                 const startFrequency = i.frequency - yian;
                 const endFrequency = i.frequency + yian;
                 return f >= startFrequency && f <= endFrequency;
@@ -9332,7 +9338,7 @@ class Range {
         if (isUP && isTop) newMax -= step;
         if (!isUP && !isTop) newMin += step;
         if (isUP && !isTop) newMin -= step;
-        const rangeMin = 4 * step;
+        const rangeMin = 1;
         if (newMax <= newMin + rangeMin) {
             if (isTop) newMax = newMin + rangeMin;
             if (!isTop) newMin = newMax - rangeMin;
@@ -12759,6 +12765,8 @@ const SegmentContainer_SegmentContainer = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_M
 const StationAllocation_SegmentContainer = SegmentContainer_SegmentContainer;
 const StationAllocation_StationAllocation = ({ show = true, display = true })=>{
     const { state: { segments, axisX: { frequencyFormat }, zoom: { style: zoomOffStyle }, cursor: { coord: { left } }, stationInfo } } = useStore_useStore();
+    const stationData = stationInfo.data;
+    const shouldDisplay = stationInfo.show && display;
     const currentFrequency = (0, __WEBPACK_EXTERNAL_MODULE_react__.useMemo)(()=>Number(frequencyFormat(left)), [
         left,
         frequencyFormat
@@ -12779,17 +12787,17 @@ const StationAllocation_StationAllocation = ({ show = true, display = true })=>{
         left
     ]);
     const segmentData = (0, __WEBPACK_EXTERNAL_MODULE_react__.useMemo)(()=>{
-        if (!segments?.length || !stationInfo.length) return [];
+        if (!segments?.length || !stationData.length) return [];
         return segments.map((segment, segmentIndex)=>{
-            const segmentStations = stationInfo.filter((station)=>{
-                const yian = station.bandwidth / 500;
+            const segmentStations = stationData.filter((station)=>{
+                const yian = station.bandwidth / 2 / 1000;
                 const startFreq = station.frequency - yian;
                 const stopFreq = station.frequency + yian;
                 return !(stopFreq < segment.start || startFreq > segment.stop);
             });
             const stationPositions = segmentStations.map((station)=>{
                 const totalRange = segment.stop - segment.start;
-                const yian = station.bandwidth / 500;
+                const yian = station.bandwidth / 2 / 1000;
                 const startFreq = station.frequency - yian;
                 const stopFreq = station.frequency + yian;
                 let startIndex = Math.ceil((startFreq - segment.start) / totalRange * segment.point) - 1;
@@ -12841,9 +12849,9 @@ const StationAllocation_StationAllocation = ({ show = true, display = true })=>{
         });
     }, [
         segments,
-        stationInfo
+        stationData
     ]);
-    if (!show || !display || 0 === left) return null;
+    if (!show || !shouldDisplay || 0 === left) return null;
     return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
         className: components_StationAllocation_styles_module.StationAllocation,
         children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
@@ -13435,6 +13443,39 @@ const TimeRange_Switch_Switch = ()=>{
     });
 };
 const TimeRange_Switch = /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__["default"].memo(TimeRange_Switch_Switch);
+const StationAllocationSwitch = ()=>{
+    const { state: { stationInfo }, dispatch } = useStore_useStore();
+    const { show } = stationInfo;
+    const setActive = (0, __WEBPACK_EXTERNAL_MODULE_react__.useCallback)((e)=>{
+        dispatch({
+            payload: {
+                stationInfo: {
+                    ...stationInfo,
+                    show: !!e
+                }
+            }
+        });
+    }, [
+        stationInfo,
+        dispatch
+    ]);
+    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(ToolsBar_IconBox, {
+        onClick: ()=>{
+            setActive(!show);
+        },
+        title: "\u4FE1\u53F7\u663E\u793A",
+        children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("svg", {
+            viewBox: "0 0 1024 1024",
+            xmlns: "http://www.w3.org/2000/svg",
+            children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("path", {
+                fill: show ? 'var(--theme-color-primary)' : 'var(--theme-color-base)',
+                d: "M563.072 376.48a79.456 79.456 0 0 0 28.928-61.12 80 80 0 1 0-160 0c0 24.672 11.392 46.432 28.928 61.12l-202.88 540.256a32 32 0 1 0 59.904 22.496l49.28-131.264h289.504l49.28 131.264a32.064 32.064 0 0 0 41.248 18.752c16.544-6.208 24.896-24.672 18.72-41.216l-202.912-540.288z m-1.312 178.624h-99.552L512 422.56l49.76 132.544z m-170.464 188.896l46.912-124.896h147.616l46.912 124.896h-241.44zM662.464 417.408a32 32 0 1 0 53.12 35.648 254.72 254.72 0 0 0 43.136-142.304 255.04 255.04 0 0 0-43.136-142.304 32 32 0 1 0-53.12 35.68 190.944 190.944 0 0 1 32.288 106.624 190.816 190.816 0 0 1-32.288 106.656zM289.888 453.024a32 32 0 1 0 53.184-35.616 191.36 191.36 0 0 1-32.32-106.656 191.328 191.328 0 0 1 32.32-106.656 32.064 32.064 0 0 0-8.768-44.416 32.096 32.096 0 0 0-44.416 8.768 254.976 254.976 0 0 0-43.136 142.304 254.976 254.976 0 0 0 43.136 142.272zM210.656 117.12A32 32 0 1 0 157.44 81.536a420.032 420.032 0 0 0-70.848 233.824 419.744 419.744 0 0 0 70.88 233.856 31.936 31.936 0 0 0 44.416 8.768 32 32 0 0 0 8.768-44.416 355.168 355.168 0 0 1-60.032-198.24A355.36 355.36 0 0 1 210.656 117.12zM896.224 154.304a416.96 416.96 0 0 0-38.912-72.768 32 32 0 1 0-53.184 35.584 354.912 354.912 0 0 1 60.064 198.24 355.2 355.2 0 0 1-60.064 198.208 32.032 32.032 0 0 0 53.184 35.648 418.816 418.816 0 0 0 70.88-233.856c0-55.68-10.752-109.856-31.968-161.056z",
+                "p-id": "11215"
+            })
+        })
+    });
+};
+const StationAllocation_Switch = StationAllocationSwitch;
 var Switch_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.3.1_@rsbuild+core@1.4.12/node_modules/@rsbuild/plugin-less/compiled/less-loader/index.js??ruleSet[1].rules[11].use[3]!./src/components/Zoom/Switch/styles.module.less");
 var Switch_styles_module_options = {};
 Switch_styles_module_options.styleTagTransform = styleTagTransform_default();
@@ -13565,7 +13606,7 @@ Dropdown_styles_module_options.domAPI = styleDomAPI_default();
 Dropdown_styles_module_options.insertStyleElement = insertStyleElement_default();
 injectStylesIntoStyleTag_default()(Dropdown_styles_module.Z, Dropdown_styles_module_options);
 const components_Dropdown_styles_module = Dropdown_styles_module.Z && Dropdown_styles_module.Z.locals ? Dropdown_styles_module.Z.locals : void 0;
-const Dropdown_Dropdown = ({ value, options, onChange, placeholder = "\u8BF7\u9009\u62E9" })=>{
+const Dropdown = ({ value, options, onChange, placeholder = "\u8BF7\u9009\u62E9" })=>{
     const [isOpen, setIsOpen] = (0, __WEBPACK_EXTERNAL_MODULE_react__.useState)(false);
     const handleSelect = (0, __WEBPACK_EXTERNAL_MODULE_react__.useCallback)((value)=>{
         onChange(value);
@@ -13602,7 +13643,7 @@ const Dropdown_Dropdown = ({ value, options, onChange, placeholder = "\u8BF7\u90
         ]
     });
 };
-const Dropdown = Dropdown_Dropdown;
+const components_Dropdown = Dropdown;
 function useChannel({ channel = 32, onChannelChange }) {
     const { state: { marker, globalID }, dispatch } = useStore_useStore();
     const channelList = (0, __WEBPACK_EXTERNAL_MODULE_react__.useRef)([]);
@@ -13834,7 +13875,7 @@ const SegmentsDisplayControl_SegmentsDisplayControl = ()=>{
                 label: `\u{9891}\u{6BB5} ${segment.start} - ${segment.stop}`
             }))
     ];
-    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(Dropdown, {
+    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(components_Dropdown, {
         value: selectedIndex,
         options: options,
         onChange: handleSelect
@@ -13987,7 +14028,7 @@ SeriesDisplayControl_styles_module_options.domAPI = styleDomAPI_default();
 SeriesDisplayControl_styles_module_options.insertStyleElement = insertStyleElement_default();
 injectStylesIntoStyleTag_default()(SeriesDisplayControl_styles_module.Z, SeriesDisplayControl_styles_module_options);
 const ToolsBar_SeriesDisplayControl_styles_module = SeriesDisplayControl_styles_module.Z && SeriesDisplayControl_styles_module.Z.locals ? SeriesDisplayControl_styles_module.Z.locals : void 0;
-const SeriesDisplayControl = ()=>{
+const SeriesDisplayControl_SeriesDisplayControl = ()=>{
     const { state: { globalID, series }, dispatch } = useStore_useStore();
     const { data, legendExternal, forceDisplay } = series;
     const seriesArray = (0, __WEBPACK_EXTERNAL_MODULE_react__.useMemo)(()=>Array.from(data.keys()).filter((name)=>!legendExternal.includes(name)).filter((name)=>name !== constants_SeriesType.TemplateData), [
@@ -14101,7 +14142,7 @@ const SeriesDisplayControl = ()=>{
         ]
     });
 };
-const ToolsBar_SeriesDisplayControl = SeriesDisplayControl;
+const SeriesDisplayControl = SeriesDisplayControl_SeriesDisplayControl;
 const SpacerLine = ()=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
         className: components_ToolsBar_styles_module.spacerLine
     });
@@ -14126,10 +14167,11 @@ const ToolsBar = ({ type })=>{
                 type !== constants_ChartType.Heatmap && type !== constants_ChartType.ScanDF360 && type !== constants_ChartType.LevelStream && /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(Autoranging, {}),
                 type !== constants_ChartType.ScanDF360 && type !== constants_ChartType.LevelStream && /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(components_Unit, {}),
                 type === constants_ChartType.Heatmap && /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(ToolsBar_GradientRibbon, {}),
-                type !== constants_ChartType.ScanDF360 && /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(ToolsBar_SpacerLine, {}),
+                type !== constants_ChartType.ScanDF360 && type !== constants_ChartType.LevelStream && /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(ToolsBar_SpacerLine, {}),
                 /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(Reset, {}),
                 (type === constants_ChartType.SingleFrequency || type === constants_ChartType.Scan || type === constants_ChartType.MScan) && /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)(__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.Fragment, {
                     children: [
+                        /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(StationAllocation_Switch, {}),
                         /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(ToolsBar_SeriesControl, {}),
                         /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(FrequencyAllocation_Switch, {}),
                         /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(Zoom_Switch, {}),
@@ -14146,7 +14188,7 @@ const ToolsBar = ({ type })=>{
                         /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(TimeRange_Switch, {})
                     ]
                 }),
-                (type === constants_ChartType.SingleFrequency || type === constants_ChartType.Scan || type === constants_ChartType.MScan) && /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(ToolsBar_SeriesDisplayControl, {})
+                (type === constants_ChartType.SingleFrequency || type === constants_ChartType.Scan || type === constants_ChartType.MScan) && /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(SeriesDisplayControl, {})
             ]
         })
     });
@@ -14865,7 +14907,7 @@ function useTemplateComparison() {
     };
 }
 function useSpectrumAnalyzer(props) {
-    const { state: { globalID, series: { enableMetrics, enableWaterfall }, axisY: { unit }, zoom: { interval }, heatmapCapture: { display: heatmapCaptureDisplay }, system: { width } }, dispatch } = useStore_useStore();
+    const { state: { globalID, series: { enableMetrics, enableWaterfall }, axisY: { unit }, zoom: { interval }, heatmapCapture: { display: heatmapCaptureDisplay }, system: { width }, stationInfo }, 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);
@@ -14938,10 +14980,15 @@ function useSpectrumAnalyzer(props) {
         if (!data) return;
         if (globalIDRef.current) dispatch({
             payload: {
-                stationInfo: data
+                stationInfo: {
+                    ...stationInfo,
+                    data: data
+                }
             }
         });
-    }, []);
+    }, [
+        stationInfo
+    ]);
     const heatmapCaptureDisplayRef = (0, __WEBPACK_EXTERNAL_MODULE_react__.useRef)(heatmapCaptureDisplay);
     (0, __WEBPACK_EXTERNAL_MODULE_react__.useEffect)(()=>{
         heatmapCaptureDisplayRef.current = heatmapCaptureDisplay;

package/package.json

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

package/types/store.d.ts

@@ -226,7 +226,10 @@ export interface EventBusProps {
     onDoubleClick: (frequency: string, e: RecursiveObject) => void;
     [key: string]: unknown;
 }
-export type StationInfoProps = StationInfoType[];
+export interface StationInfoProps {
+    show: boolean;
+    data: StationInfoType[];
+}
 export interface StoreState {
     globalID: string;
     config: unknown;