@rfkit/charts 1.1.5 → 1.1.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -0,0 +1,2 @@
1
+ declare const SeriesControl: React.FC;
2
+ export default SeriesControl;
package/index.js CHANGED
@@ -3729,6 +3729,14 @@ const defaultConfig = {
3729
3729
  },
3730
3730
  gradient: {
3731
3731
  item: [
3732
+ [
3733
+ '#FF0000',
3734
+ '#FFEB3B',
3735
+ '#2DB333',
3736
+ '#00BCD4',
3737
+ '#0000FF',
3738
+ '#000000'
3739
+ ],
3732
3740
  [
3733
3741
  '#FF3636',
3734
3742
  '#2DF16A',
@@ -5861,7 +5869,7 @@ class Series extends engine_Engine {
5861
5869
  thickness: 1,
5862
5870
  display: true,
5863
5871
  color: '#000000',
5864
- type: type_GraphicType.Stepline,
5872
+ type: type_GraphicType.Line,
5865
5873
  data: void 0,
5866
5874
  path: void 0,
5867
5875
  orientation: type_OrientationType.Vertical,
@@ -9812,7 +9820,7 @@ class Spectrum {
9812
9820
  const { chart, series, globalID } = this.state;
9813
9821
  const { name } = config;
9814
9822
  if (!chart || !name || !config) return;
9815
- const { type = type_GraphicType.Stepline, color = SERIES[name]?.color, thickness = 1, display = false } = {
9823
+ const { type = type_GraphicType.Line, color = SERIES[name]?.color, thickness = 1, display = false } = {
9816
9824
  ...series[name],
9817
9825
  ...config
9818
9826
  };
@@ -12022,8 +12030,8 @@ const FrequencyAllocation_Tooltip_Tooltip = ({ title, description, visible, x, y
12022
12030
  startFrequency && stopFrequency && /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
12023
12031
  children: `\u{9891}\u{7387}\u{8303}\u{56F4}: ${startFrequency} - ${stopFrequency}`
12024
12032
  }),
12025
- centerFrequency && bandwidth && /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
12026
- children: `\u{4E2D}\u{5FC3}\u{9891}\u{7387}: ${centerFrequency} MHz & \u{5E26}\u{5BBD}: ${bandwidth} kHz`
12033
+ centerFrequency && /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
12034
+ children: `\u{4E2D}\u{5FC3}\u{9891}\u{7387}: ${centerFrequency} MHz`
12027
12035
  }),
12028
12036
  stepFrequency && /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
12029
12037
  children: `\u{6B65}\u{8FDB}: ${stepFrequency} kHz`
@@ -14050,14 +14058,14 @@ const ZoomSwitch = ()=>{
14050
14058
  });
14051
14059
  };
14052
14060
  const Zoom_Switch = ZoomSwitch;
14053
- const modes = Object.values(constants_ModuleType);
14061
+ const Reset_modes = Object.values(constants_ModuleType);
14054
14062
  const Reset_Reset = ()=>{
14055
14063
  const { state: { globalID, publish } } = useStore_useStore();
14056
14064
  const handleReset = ()=>{
14057
14065
  publish({
14058
14066
  pstype: constants_PSType.Reset
14059
14067
  });
14060
- modes.forEach((mode)=>{
14068
+ Reset_modes.forEach((mode)=>{
14061
14069
  tools(globalID, mode)({
14062
14070
  pstype: constants_PSType.Reset
14063
14071
  });
@@ -14364,6 +14372,267 @@ const SegmentsDisplayControl_SegmentsDisplayControl = ()=>{
14364
14372
  });
14365
14373
  };
14366
14374
  const SegmentsDisplayControl = SegmentsDisplayControl_SegmentsDisplayControl;
14375
+ const SeriesControl = ()=>{
14376
+ const [currentMode, setCurrentMode] = (0, __WEBPACK_EXTERNAL_MODULE_react__.useState)('bar');
14377
+ const { state: { publish } } = useStore_useStore();
14378
+ const seriesModes = {
14379
+ line: {
14380
+ realData: type_GraphicType.Line,
14381
+ minData: type_GraphicType.Line,
14382
+ maxData: type_GraphicType.Line,
14383
+ avgData: type_GraphicType.Line,
14384
+ label: "\u6298\u7EBF\u6A21\u5F0F"
14385
+ },
14386
+ stepline: {
14387
+ realData: type_GraphicType.Stepline,
14388
+ minData: type_GraphicType.Stepline,
14389
+ maxData: type_GraphicType.Stepline,
14390
+ avgData: type_GraphicType.Stepline,
14391
+ label: "\u9636\u68AF\u7EBF\u6A21\u5F0F"
14392
+ },
14393
+ bar: {
14394
+ realData: type_GraphicType.Bar,
14395
+ minData: type_GraphicType.Line,
14396
+ maxData: type_GraphicType.Line,
14397
+ avgData: type_GraphicType.Line,
14398
+ label: "\u67F1\u72B6\u56FE\u6A21\u5F0F"
14399
+ },
14400
+ area: {
14401
+ realData: type_GraphicType.Area,
14402
+ minData: type_GraphicType.Stepline,
14403
+ maxData: type_GraphicType.Stepline,
14404
+ avgData: type_GraphicType.Stepline,
14405
+ label: "\u9762\u79EF\u56FE\u6A21\u5F0F"
14406
+ }
14407
+ };
14408
+ const handleSeriesControl = (0, __WEBPACK_EXTERNAL_MODULE_react__.useCallback)(()=>{
14409
+ const modes = [
14410
+ 'bar',
14411
+ 'stepline',
14412
+ 'line',
14413
+ 'area'
14414
+ ];
14415
+ const currentIndex = modes.indexOf(currentMode);
14416
+ const nextMode = modes[(currentIndex + 1) % modes.length];
14417
+ setCurrentMode(nextMode);
14418
+ const modeConfig = seriesModes[nextMode];
14419
+ if (publish) {
14420
+ publish({
14421
+ pstype: constants_PSType.Series,
14422
+ name: 'realData',
14423
+ type: modeConfig.realData
14424
+ });
14425
+ publish({
14426
+ pstype: constants_PSType.Series,
14427
+ name: 'minData',
14428
+ type: modeConfig.minData
14429
+ });
14430
+ publish({
14431
+ pstype: constants_PSType.Series,
14432
+ name: 'maxData',
14433
+ type: modeConfig.maxData
14434
+ });
14435
+ publish({
14436
+ pstype: constants_PSType.Series,
14437
+ name: 'avgData',
14438
+ type: modeConfig.avgData
14439
+ });
14440
+ }
14441
+ }, [
14442
+ currentMode,
14443
+ publish,
14444
+ seriesModes
14445
+ ]);
14446
+ const title = (0, __WEBPACK_EXTERNAL_MODULE_react__.useMemo)(()=>seriesModes[currentMode].label, [
14447
+ currentMode,
14448
+ seriesModes
14449
+ ]);
14450
+ return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(ToolsBar_IconBox, {
14451
+ onClick: handleSeriesControl,
14452
+ title: title,
14453
+ children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)("svg", {
14454
+ viewBox: "0 0 1024 1024",
14455
+ xmlns: "http://www.w3.org/2000/svg",
14456
+ children: [
14457
+ /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("rect", {
14458
+ width: "1024",
14459
+ height: "1024",
14460
+ fill: "transparent"
14461
+ }),
14462
+ 'bar' === currentMode && /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)("g", {
14463
+ children: [
14464
+ /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("rect", {
14465
+ x: "200",
14466
+ y: "300",
14467
+ width: "80",
14468
+ height: "400",
14469
+ fill: "var(--theme-color-primary)"
14470
+ }),
14471
+ /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("rect", {
14472
+ x: "320",
14473
+ y: "200",
14474
+ width: "80",
14475
+ height: "500",
14476
+ fill: "var(--theme-color-primary)"
14477
+ }),
14478
+ /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("rect", {
14479
+ x: "440",
14480
+ y: "250",
14481
+ width: "80",
14482
+ height: "450",
14483
+ fill: "var(--theme-color-primary)"
14484
+ }),
14485
+ /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("rect", {
14486
+ x: "560",
14487
+ y: "150",
14488
+ width: "80",
14489
+ height: "550",
14490
+ fill: "var(--theme-color-primary)"
14491
+ }),
14492
+ /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("rect", {
14493
+ x: "680",
14494
+ y: "180",
14495
+ width: "80",
14496
+ height: "520",
14497
+ fill: "var(--theme-color-primary)"
14498
+ })
14499
+ ]
14500
+ }),
14501
+ 'line' === currentMode && /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)("g", {
14502
+ children: [
14503
+ /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("path", {
14504
+ d: "M100 600L200 400L350 500L500 300L650 450L750 200L900 350",
14505
+ fill: "none",
14506
+ stroke: "var(--theme-color-primary)",
14507
+ strokeWidth: "12",
14508
+ strokeLinecap: "round",
14509
+ strokeLinejoin: "round"
14510
+ }),
14511
+ /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("circle", {
14512
+ cx: "100",
14513
+ cy: "600",
14514
+ r: "8",
14515
+ fill: "var(--theme-color-primary)"
14516
+ }),
14517
+ /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("circle", {
14518
+ cx: "200",
14519
+ cy: "400",
14520
+ r: "8",
14521
+ fill: "var(--theme-color-primary)"
14522
+ }),
14523
+ /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("circle", {
14524
+ cx: "350",
14525
+ cy: "500",
14526
+ r: "8",
14527
+ fill: "var(--theme-color-primary)"
14528
+ }),
14529
+ /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("circle", {
14530
+ cx: "500",
14531
+ cy: "300",
14532
+ r: "8",
14533
+ fill: "var(--theme-color-primary)"
14534
+ }),
14535
+ /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("circle", {
14536
+ cx: "650",
14537
+ cy: "450",
14538
+ r: "8",
14539
+ fill: "var(--theme-color-primary)"
14540
+ }),
14541
+ /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("circle", {
14542
+ cx: "750",
14543
+ cy: "200",
14544
+ r: "8",
14545
+ fill: "var(--theme-color-primary)"
14546
+ }),
14547
+ /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("circle", {
14548
+ cx: "900",
14549
+ cy: "350",
14550
+ r: "8",
14551
+ fill: "var(--theme-color-primary)"
14552
+ })
14553
+ ]
14554
+ }),
14555
+ 'stepline' === currentMode && /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)("g", {
14556
+ children: [
14557
+ /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("path", {
14558
+ d: "M100 700h150v-200h150v150h150v-250h150v100h150",
14559
+ fill: "none",
14560
+ stroke: "var(--theme-color-primary)",
14561
+ strokeWidth: "10",
14562
+ strokeLinecap: "square"
14563
+ }),
14564
+ /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("rect", {
14565
+ x: "150",
14566
+ y: "500",
14567
+ width: "50",
14568
+ height: "200",
14569
+ fill: "var(--theme-color-primary)"
14570
+ }),
14571
+ /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("rect", {
14572
+ x: "350",
14573
+ y: "450",
14574
+ width: "50",
14575
+ height: "250",
14576
+ fill: "var(--theme-color-primary)"
14577
+ }),
14578
+ /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("rect", {
14579
+ x: "550",
14580
+ y: "250",
14581
+ width: "50",
14582
+ height: "450",
14583
+ fill: "var(--theme-color-primary)"
14584
+ }),
14585
+ /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("rect", {
14586
+ x: "750",
14587
+ y: "350",
14588
+ width: "50",
14589
+ height: "350",
14590
+ fill: "var(--theme-color-primary)"
14591
+ })
14592
+ ]
14593
+ }),
14594
+ 'area' === currentMode && /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)("g", {
14595
+ children: [
14596
+ /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("defs", {
14597
+ children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)("linearGradient", {
14598
+ id: "areaGradient",
14599
+ x1: "0%",
14600
+ y1: "100%",
14601
+ x2: "0%",
14602
+ y2: "0%",
14603
+ children: [
14604
+ /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("stop", {
14605
+ offset: "0%",
14606
+ stopColor: "var(--theme-color-primary)",
14607
+ stopOpacity: "0.2"
14608
+ }),
14609
+ /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("stop", {
14610
+ offset: "100%",
14611
+ stopColor: "var(--theme-color-primary)",
14612
+ stopOpacity: "0.6"
14613
+ })
14614
+ ]
14615
+ })
14616
+ }),
14617
+ /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("path", {
14618
+ d: "M100 800L100 500L300 300L500 400L700 200L900 350L900 800Z",
14619
+ fill: "url(#areaGradient)"
14620
+ }),
14621
+ /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("path", {
14622
+ d: "M100 500L300 300L500 400L700 200L900 350",
14623
+ fill: "none",
14624
+ stroke: "var(--theme-color-primary)",
14625
+ strokeWidth: "6",
14626
+ strokeLinecap: "round",
14627
+ strokeLinejoin: "round"
14628
+ })
14629
+ ]
14630
+ })
14631
+ ]
14632
+ })
14633
+ });
14634
+ };
14635
+ const ToolsBar_SeriesControl = SeriesControl;
14367
14636
  var SeriesDisplayControl_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/ToolsBar/SeriesDisplayControl/styles.module.less");
14368
14637
  var SeriesDisplayControl_styles_module_options = {};
14369
14638
  SeriesDisplayControl_styles_module_options.styleTagTransform = styleTagTransform_default();
@@ -14373,7 +14642,7 @@ SeriesDisplayControl_styles_module_options.domAPI = styleDomAPI_default();
14373
14642
  SeriesDisplayControl_styles_module_options.insertStyleElement = insertStyleElement_default();
14374
14643
  injectStylesIntoStyleTag_default()(SeriesDisplayControl_styles_module.Z, SeriesDisplayControl_styles_module_options);
14375
14644
  const ToolsBar_SeriesDisplayControl_styles_module = SeriesDisplayControl_styles_module.Z && SeriesDisplayControl_styles_module.Z.locals ? SeriesDisplayControl_styles_module.Z.locals : void 0;
14376
- const SeriesDisplayControl_SeriesDisplayControl = ()=>{
14645
+ const SeriesDisplayControl = ()=>{
14377
14646
  const { state: { globalID, series }, dispatch } = useStore_useStore();
14378
14647
  const { data, legendExternal, forceDisplay } = series;
14379
14648
  const seriesArray = (0, __WEBPACK_EXTERNAL_MODULE_react__.useMemo)(()=>Array.from(data.keys()).filter((name)=>!legendExternal.includes(name)).filter((name)=>name !== constants_SeriesType.TemplateData), [
@@ -14487,7 +14756,7 @@ const SeriesDisplayControl_SeriesDisplayControl = ()=>{
14487
14756
  ]
14488
14757
  });
14489
14758
  };
14490
- const SeriesDisplayControl = SeriesDisplayControl_SeriesDisplayControl;
14759
+ const ToolsBar_SeriesDisplayControl = SeriesDisplayControl;
14491
14760
  const SpacerLine = ()=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
14492
14761
  className: components_ToolsBar_styles_module.spacerLine
14493
14762
  });
@@ -14516,6 +14785,7 @@ const ToolsBar = ({ type })=>{
14516
14785
  /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(Reset, {}),
14517
14786
  (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, {
14518
14787
  children: [
14788
+ /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(ToolsBar_SeriesControl, {}),
14519
14789
  /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(FrequencyAllocation_Switch, {}),
14520
14790
  /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(Zoom_Switch, {}),
14521
14791
  /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(Limit_Switch, {}),
@@ -14531,7 +14801,7 @@ const ToolsBar = ({ type })=>{
14531
14801
  /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(TimeRange_Switch, {})
14532
14802
  ]
14533
14803
  }),
14534
- (type === constants_ChartType.SingleFrequency || type === constants_ChartType.Scan || type === constants_ChartType.MScan) && /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(SeriesDisplayControl, {})
14804
+ (type === constants_ChartType.SingleFrequency || type === constants_ChartType.Scan || type === constants_ChartType.MScan) && /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(ToolsBar_SeriesDisplayControl, {})
14535
14805
  ]
14536
14806
  })
14537
14807
  });
@@ -14595,7 +14865,7 @@ const SERIES_DEFAULT_CONFIG = {
14595
14865
  color: '#11111150',
14596
14866
  thickness: 1,
14597
14867
  display: true,
14598
- type: type_GraphicType.Stepline
14868
+ type: type_GraphicType.Line
14599
14869
  };
14600
14870
  function useSeries() {
14601
14871
  const { state: { globalID, series: seriesStore }, dispatch } = useStore_useStore();
@@ -14847,7 +15117,7 @@ function useSpectrumAnalyzer(props) {
14847
15117
  ]);
14848
15118
  const getEnableOption = (globalValue, propValue)=>false === globalValue ? false : propValue ?? true;
14849
15119
  if (!analyzer.current && globalID) {
14850
- const outputPoints = 1 | Math.floor(width / 2);
15120
+ const outputPoints = 1 | Math.floor(2 * width);
14851
15121
  analyzer.current = new __WEBPACK_EXTERNAL_MODULE__rfkit_spectrum_analyzer_159ab12b__.SpectrumAnalyzer({
14852
15122
  ...props,
14853
15123
  outputPoints,
package/package.json CHANGED
@@ -5,6 +5,6 @@
5
5
  "types": "index.d.ts",
6
6
  "author": "Hxgh",
7
7
  "license": "MIT",
8
- "version": "1.1.5",
8
+ "version": "1.1.7",
9
9
  "private": false
10
10
  }