@rfkit/charts 1.2.25 → 1.2.28

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.
package/engine/index.d.ts CHANGED
@@ -6,6 +6,6 @@ import IQ from './iq';
6
6
  import IQEye from './iqEye';
7
7
  import Radar from './radar';
8
8
  import Series from './series';
9
- import { GraphicType, OrientationType, type AxisYRange, type SeriesConfig, type StateProps } from './type';
9
+ import { type AxisYRange, GraphicType, OrientationType, type SeriesConfig, type StateProps } from './type';
10
10
  export { Dial, Fluorescence, Gauge, GraphicType, Heatmap, IQ, IQEye, OrientationType, Radar, Series };
11
11
  export type { AxisYRange, SeriesConfig, StateProps };
package/index.js CHANGED
@@ -2243,26 +2243,15 @@ var __webpack_modules__ = {
2243
2243
  -webkit-backdrop-filter: blur();
2244
2244
  backdrop-filter: blur();
2245
2245
  box-sizing: border-box;
2246
+ background: color-mix(in srgb, var(--theme-bg-second) 15%, transparent);
2246
2247
  justify-content: center;
2247
2248
  align-items: center;
2248
2249
  display: flex;
2249
2250
  position: relative;
2250
2251
  }
2251
2252
 
2252
- .sliderEdge-tcylcl:before {
2253
- content: "";
2254
- background: var(--theme-bg-second);
2255
- opacity: .15;
2256
- z-index: -1;
2257
- width: 100%;
2258
- height: 100%;
2259
- position: absolute;
2260
- top: 0;
2261
- left: 0;
2262
- }
2263
-
2264
- .sliderEdge-tcylcl:hover:before {
2265
- opacity: .4;
2253
+ .sliderEdge-tcylcl:hover {
2254
+ background: color-mix(in srgb, var(--theme-bg-second) 40%, transparent);
2266
2255
  }
2267
2256
 
2268
2257
  .sliderEdgeTop-X8FA2i {
@@ -2295,27 +2284,13 @@ var __webpack_modules__ = {
2295
2284
 
2296
2285
  .sliderMiddle-nnq5jr {
2297
2286
  cursor: move;
2287
+ background: color-mix(in srgb, var(--theme-bg-second) 15%, transparent);
2298
2288
  grid-area: middle;
2299
- justify-content: center;
2300
- align-items: center;
2301
- display: flex;
2302
2289
  position: relative;
2303
2290
  }
2304
2291
 
2305
- .sliderMiddle-nnq5jr:before {
2306
- content: "";
2307
- background: var(--theme-bg-second);
2308
- opacity: .15;
2309
- z-index: -1;
2310
- width: 100%;
2311
- height: 100%;
2312
- position: absolute;
2313
- top: 0;
2314
- left: 0;
2315
- }
2316
-
2317
- .sliderMiddle-nnq5jr:hover:before {
2318
- opacity: .2;
2292
+ .sliderMiddle-nnq5jr:hover {
2293
+ background: color-mix(in srgb, var(--theme-bg-second) 20%, transparent);
2319
2294
  }
2320
2295
 
2321
2296
  .middleInfo-uRmQqh {
@@ -2325,28 +2300,19 @@ var __webpack_modules__ = {
2325
2300
  border: 1px solid var(--theme-border-base);
2326
2301
  pointer-events: none;
2327
2302
  white-space: nowrap;
2328
- z-index: 10;
2303
+ background: color-mix(in srgb, var(--theme-bg-second) 80%, transparent);
2329
2304
  flex-direction: column;
2330
2305
  align-items: flex-start;
2331
2306
  gap: 2px;
2332
2307
  display: flex;
2333
- position: relative;
2334
- }
2335
-
2336
- .middleInfo-uRmQqh:before {
2337
- content: "";
2338
- background: var(--theme-bg-second);
2339
- opacity: .8;
2340
- border-radius: inherit;
2341
- z-index: -1;
2342
2308
  position: absolute;
2343
- inset: 0;
2309
+ top: 50%;
2310
+ left: 50%;
2311
+ transform: translate(-50%, -50%);
2344
2312
  }
2345
2313
 
2346
2314
  .middleInfoOutside-XT5SaD {
2347
- position: absolute;
2348
2315
  top: 100%;
2349
- left: 50%;
2350
2316
  transform: translateX(-50%)translateY(4px);
2351
2317
  }
2352
2318
 
@@ -2363,20 +2329,10 @@ var __webpack_modules__ = {
2363
2329
  border: 1px solid var(--theme-border-base);
2364
2330
  pointer-events: none;
2365
2331
  white-space: nowrap;
2366
- z-index: 10;
2332
+ background: color-mix(in srgb, var(--theme-bg-base) 80%, transparent);
2367
2333
  position: absolute;
2368
2334
  }
2369
2335
 
2370
- .externalLabel-viIhBd:before {
2371
- content: "";
2372
- background: var(--theme-bg-base);
2373
- opacity: .8;
2374
- border-radius: inherit;
2375
- z-index: -1;
2376
- position: absolute;
2377
- inset: 0;
2378
- }
2379
-
2380
2336
  .externalLabelLeft-LF34dy {
2381
2337
  transform: translate(-100%, -50%)translateX(-4px);
2382
2338
  }
@@ -4328,10 +4284,10 @@ const axisYTypeList = {
4328
4284
  inside: 'inside',
4329
4285
  default: ''
4330
4286
  };
4331
- const weakenDefault = 1001;
4287
+ const DEFAULT_MAX_POINTS = 1001;
4332
4288
  const intervalDefault = {
4333
4289
  start: 0,
4334
- end: weakenDefault
4290
+ end: DEFAULT_MAX_POINTS
4335
4291
  };
4336
4292
  const dataRateDefault = 1;
4337
4293
  function defaultState_createParams() {
@@ -4382,7 +4338,7 @@ function defaultState_createParams() {
4382
4338
  hiddenTools: []
4383
4339
  },
4384
4340
  series: {
4385
- weaken: weakenDefault,
4341
+ maxPoints: DEFAULT_MAX_POINTS,
4386
4342
  zoomMinSimulateWave: false,
4387
4343
  dataRate: dataRateDefault,
4388
4344
  forceDisplay: false,
@@ -15010,12 +14966,11 @@ function usePoints() {
15010
14966
  }
15011
14967
  const Spectrum_Spectrum = (props)=>{
15012
14968
  const { children } = props;
15013
- const { state: { axisY: { autoranging }, series: { weaken, enableLengthSyncFastMode }, globalID } } = useStore_useStore();
14969
+ const { state: { axisY: { autoranging }, series: { enableLengthSyncFastMode }, globalID } } = useStore_useStore();
15014
14970
  const { id, chart, Chart } = useChart({
15015
14971
  Render: Spectrum,
15016
14972
  params: {
15017
14973
  autoranging,
15018
- weaken,
15019
14974
  enableLengthSyncFastMode
15020
14975
  }
15021
14976
  });
@@ -15352,24 +15307,43 @@ const modules_Occupancy = Occupancy_Occupancy;
15352
15307
  const Occupancy_Chart_Chart = (props)=>{
15353
15308
  const { publish } = props;
15354
15309
  const { state: { globalID } } = useStore_useStore();
15310
+ const handleSpectrumRule = useSpectrumRule(constants_ChartType.Scan);
15355
15311
  hooks_usePublish({
15356
15312
  publish,
15357
15313
  subscribe: (e)=>{
15358
- if (e.pstype === constants_PSType.Occupancy) tools(globalID, constants_ModuleType.Occupancy)({
15359
- ...e,
15360
- pstype: constants_PSType.Render
15361
- });
15314
+ handleSpectrumRule(e);
15315
+ if (e.pstype === constants_PSType.Occupancy) {
15316
+ if (e.data) {
15317
+ const db = withDatabase(globalID);
15318
+ db.getAllRawData = ()=>({
15319
+ ...getDefaultData().getAllRawData(),
15320
+ occupancyData: e.data
15321
+ });
15322
+ }
15323
+ tools(globalID, constants_ModuleType.Occupancy)({
15324
+ ...e,
15325
+ pstype: constants_PSType.Render
15326
+ });
15327
+ }
15362
15328
  }
15363
15329
  });
15364
- return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(components_Container, {
15365
- children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(components_FlexBox, {
15366
- children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(modules_Occupancy, {})
15367
- })
15330
+ return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)(components_Container, {
15331
+ children: [
15332
+ /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(components_FlexBox, {
15333
+ children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(modules_Occupancy, {})
15334
+ }),
15335
+ /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(components_AxisX, {
15336
+ type: constants_ChartType.Scan
15337
+ })
15338
+ ]
15368
15339
  });
15369
15340
  };
15370
15341
  const Occupancy_Chart = Occupancy_Chart_Chart;
15371
15342
  const OccupancyChart = (props)=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(store, {
15372
15343
  ...props,
15344
+ zoom: {
15345
+ show: false
15346
+ },
15373
15347
  children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(Occupancy_Chart, {
15374
15348
  ...props
15375
15349
  })
@@ -15672,7 +15646,7 @@ function useSpectrumAnalyzer(props) {
15672
15646
  ]);
15673
15647
  const getEnableOption = (globalValue, propValue)=>false === globalValue ? false : propValue ?? true;
15674
15648
  if (!analyzer.current && globalID) {
15675
- const outputPoints = 1 | Math.floor(2 * width);
15649
+ const outputPoints = Math.min(1 | Math.floor(2 * width), DEFAULT_MAX_POINTS);
15676
15650
  analyzer.current = new __WEBPACK_EXTERNAL_MODULE__rfkit_spectrum_analyzer_159ab12b__.SpectrumAnalyzer({
15677
15651
  ...props,
15678
15652
  outputPoints,
@@ -1,4 +1,3 @@
1
- import type React from 'react';
2
1
  import type { ParamsProps } from '../../types';
3
2
  export interface Props extends ParamsProps {
4
3
  }
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.2.25",
8
+ "version": "1.2.28",
9
9
  "private": false
10
10
  }
@@ -13,7 +13,7 @@ export declare const axisYTypeList: {
13
13
  inside: string;
14
14
  default: string;
15
15
  };
16
- export declare const weakenDefault = 1001;
16
+ export declare const DEFAULT_MAX_POINTS = 1001;
17
17
  export declare const intervalDefault: {
18
18
  start: number;
19
19
  end: number;
@@ -1,7 +1,7 @@
1
1
  import type { MarkerEventType, OptionKey, PSType, SegmentsEvent } from '../config';
2
2
  import type { rawData } from '../utils/subscription';
3
- import type { SegmentsOriginal, SeriesConfig, SpectrumBandwidth, StationInfoType } from './common';
4
3
  import type { RecursiveObject } from './base';
4
+ import type { SegmentsOriginal, SeriesConfig, SpectrumBandwidth, StationInfoType } from './common';
5
5
  import type { BandProps, MarkerType, ParamsProps, SignalData, SignalDataType } from './store';
6
6
  export interface SetOption {
7
7
  pstype: PSType.Option;
package/types/store.d.ts CHANGED
@@ -42,7 +42,7 @@ export interface ToolsBarProps {
42
42
  hiddenTools?: string[];
43
43
  }
44
44
  export interface SeriesProps {
45
- weaken: boolean | number;
45
+ maxPoints?: number;
46
46
  zoomMinSimulateWave: boolean;
47
47
  dataRate: number;
48
48
  forceDisplay: boolean;