@rfkit/charts 1.10.4 → 1.10.6

package/README.md

@@ -111,11 +111,13 @@ publish({ pstype: PSType.Signal, type: SignalDataType.Station, data: station });
 publish({ pstype: PSType.Signal, type: SignalDataType.Simple, data: simple });
 ```
 
-同一来源后续发布会替换上一批数据，发布空数组可单独清空该来源。频谱游标命中台站库时显示完整台站信息，命中信号库时显示来源、频率范围、带宽、类型，以及合法信号的等级。
+同一来源后续发布会替换上一批数据，发布空数组可单独清空该来源。`SignalData.details` 可传入 `name`、`organization`、`modulation` 和 `remark`；频谱游标命中台站库或信号库时会展示两者共有的详情，合法信号库数据额外显示等级。
+
+树形筛选默认在台站库、信号库、类型和等级节点后显示当前发布数据的数量；业务侧可通过 `signal={{ showCount: false }}` 关闭数量显示，筛选和数据本身不受影响。
 
 内置颜色直接复用主题的 `success`、`primary`、`warning`、`destructive` 和 `mutedForeground` 语义 token；需要整体调整时通过 `initChartsTheme({ tokens: { semantic: ... } })` 覆盖，单条业务标注仍使用 `color` 覆盖。
 
-筛选树色点表示分类的内置语义色；单条数据传入 `color` 后，图上标注和游标详情色点使用该实际颜色，不会反向改变整类数据的树图例。
+筛选树与游标详情直接使用类型或等级文字表达颜色，不再额外显示色点。信号库的“合法”父级保持中性文字，具体等级文字与图上标注颜色一致；其他类型文字与对应标注颜色一致。单条数据传入 `color` 时仍保持最高优先级；`rgba(...)` 的透明度只作用于图上标注，文字使用相同 RGB 色相的不透明颜色保证可读性。
 
 台站数据需要提供 `startFrequency` / `stopFrequency`（也可以由 MHz 中心频率和 kHz 带宽在业务侧计算）。
 

package/index.d.ts

@@ -8,7 +8,7 @@ export { type ChartsThemePreference, type ChartsThemeState, getChartsThemeState,
 export type { ChartsSizeTokensConfig, ChartsThemeTokensConfig } from './theme/theme-tokens';
 export type { AxisXProps, AxisYRange, BandProps, ChartRef, FrequencyAllocationChannel, FrequencyAllocationDensity, FrequencyAllocationItem, MarkerProps, MarkerType, Publish, PublishData, PublishDial, PublishGauge, PublishHeatmap, PublishIQ, PublishLevelStream, PublishOccupancy, PublishSpectrum, RecursiveFunction, // 递归方法 后期会删除
 RecursiveObject, // 递归对象 后期会删除
-Render, Reset, SegmentsOriginal, SeriesConfig, SetAntennaFactor, SetChannels, SetMarker, SetSegments, SetSeries, SetSpectrumBandwidth, SignalData, SpectrumBandwidth, SpectrumExtraData, StationInfoType } from './types';
+Render, Reset, SegmentsOriginal, SeriesConfig, SetAntennaFactor, SetChannels, SetMarker, SetSegments, SetSeries, SetSpectrumBandwidth, SignalData, SignalDetails, SpectrumBandwidth, SpectrumExtraData, StationInfoType } from './types';
 export { HeatmapCaptureType, MarkerMode } from './types';
 export { SignalDataType } from './types/store';
 export type { FrequencyUnitResult } from './utils';

package/index.js

@@ -831,11 +831,6 @@ var __webpack_modules__ = {
   display: inline-flex;
 }
 
-[data-rfkit-charts-root] .size-2 {
-  width: calc(var(--spacing) * 2);
-  height: calc(var(--spacing) * 2);
-}
-
 [data-rfkit-charts-root] .size-3 {
   width: calc(var(--spacing) * 3);
   height: calc(var(--spacing) * 3);
@@ -2213,10 +2208,6 @@ var __webpack_modules__ = {
   opacity: .3;
 }
 
-[data-rfkit-charts-root] .opacity-35 {
-  opacity: .35;
-}
-
 [data-rfkit-charts-root] .opacity-40 {
   opacity: .4;
 }
@@ -2321,11 +2312,6 @@ var __webpack_modules__ = {
   box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
 }
 
-[data-rfkit-charts-root] .ring-1 {
-  --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
-  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
-}
-
 [data-rfkit-charts-root] .\\[box-shadow\\:0_0_0_1px_color-mix\\(in_srgb\\,var\\(--background\\)_82\\%\\,transparent\\)\\,[data-rfkit-charts-root] 0_1px_4px_color-mix\\(in_srgb\\,var\\(--foreground\\)_32\\%\\,transparent\\)\\] {
   box-shadow: 0 0 0 1px var(--background), 0 1px 4px var(--foreground);
 }
@@ -2346,20 +2332,6 @@ var __webpack_modules__ = {
   }
 }
 
-[data-rfkit-charts-root] .ring-background\\/30 {
-  --tw-ring-color: var(--background);
-}
-
-@supports (color: color-mix(in lab, red, red)) {
-  [data-rfkit-charts-root] .ring-background\\/30 {
-    --tw-ring-color: color-mix(in oklab, var(--background) 30%, transparent);
-  }
-}
-
-[data-rfkit-charts-root] .ring-border {
-  --tw-ring-color: var(--border);
-}
-
 [data-rfkit-charts-root] .ring-offset-background {
   --tw-ring-offset-color: var(--background);
 }
@@ -2529,10 +2501,6 @@ var __webpack_modules__ = {
   animation-play-state: paused;
 }
 
-[data-rfkit-charts-root] .ring-inset {
-  --tw-ring-inset: inset;
-}
-
 [data-rfkit-charts-root] .group-focus-within\\:opacity-90:is(:where(.group):focus-within *) {
   opacity: .9;
 }
@@ -5976,6 +5944,7 @@ function createParams() {
             display: false,
             data: [],
             hiddenCategoryKeys: [],
+            showCount: true,
             onChange: ()=>{}
         },
         signalAnalysis: {
@@ -11104,6 +11073,12 @@ const withAlpha = (value1, opacity)=>{
     if (!color) return value1;
     return `rgba(${color.r}, ${color.g}, ${color.b}, ${Number((color.alpha * normalizedOpacity).toFixed(4))})`;
 };
+const toOpaqueCssColor = (value1)=>{
+    const parsedHex = value1.startsWith('#') ? parseHexColor(value1) : null;
+    const parsedRgb = parsedHex ? null : parseRgbColor(value1);
+    const color = parsedHex ?? parsedRgb;
+    return color ? `rgb(${color.r}, ${color.g}, ${color.b})` : value1;
+};
 function getThemeFillStyle(scopeTarget) {
     const themeColorBase = getThemePropertyValue('--foreground', scopeTarget);
     const themeColorPrimary = getThemePropertyValue('--primary', scopeTarget);
@@ -23174,7 +23149,36 @@ function getUnifiedSignalKey(item) {
     return `${source}:${item.frequency}-${item.bandwidth}`;
 }
 const buildSignalTree = (signalItems)=>{
-    const leafKeysWithData = new Set(signalItems.map(getSignalLeafKey));
+    const leafKeysWithData = new Set();
+    const leafCounts = new Map();
+    const leafColors = new Map();
+    for (const item of signalItems){
+        const leafKey = getSignalLeafKey(item);
+        const source = resolveSignalSource(item);
+        leafKeysWithData.add(leafKey);
+        leafCounts.set(leafKey, (leafCounts.get(leafKey) ?? 0) + 1);
+        const colors = leafColors.get(leafKey) ?? new Set();
+        colors.add(resolveSignalColor({
+            ...item,
+            source
+        }));
+        leafColors.set(leafKey, colors);
+    }
+    const resolveCount = (leafKeys)=>leafKeys.reduce((count, leafKey)=>count + (leafCounts.get(leafKey) ?? 0), 0);
+    const resolveLeafColor = (leafKey)=>{
+        const colors = leafColors.get(leafKey);
+        return colors?.size === 1 ? [
+            ...colors
+        ][0] : void 0;
+    };
+    const resolveSharedColor = (leafKeys)=>{
+        const resolvedColors = leafKeys.map(resolveLeafColor);
+        if (resolvedColors.some((color)=>null == color)) return;
+        const colors = new Set(resolvedColors);
+        return 1 === colors.size ? [
+            ...colors
+        ][0] : void 0;
+    };
     const sources = [];
     for (const source of SIGNAL_SOURCE_ORDER){
         const sourceDataLeafKeys = [
@@ -23188,6 +23192,7 @@ const buildSignalTree = (signalItems)=>{
                 leafKeys: sourceDataLeafKeys,
                 dataLeafKeys: sourceDataLeafKeys,
                 hasData: true,
+                count: resolveCount(sourceDataLeafKeys),
                 types: []
             });
             continue;
@@ -23199,7 +23204,9 @@ const buildSignalTree = (signalItems)=>{
                     level,
                     label: SIGNAL_LEVEL_MAP[level].name,
                     leafKey,
-                    hasData: leafKeysWithData.has(leafKey)
+                    hasData: leafKeysWithData.has(leafKey),
+                    count: leafCounts.get(leafKey) ?? 0,
+                    color: resolveLeafColor(leafKey)
                 };
             });
             const leafKeys = levels.map((level)=>level.leafKey);
@@ -23211,6 +23218,8 @@ const buildSignalTree = (signalItems)=>{
                 leafKeys,
                 dataLeafKeys,
                 hasData: dataLeafKeys.length > 0,
+                count: resolveCount(dataLeafKeys),
+                color: resolveSharedColor(dataLeafKeys),
                 levels: signalType === SignalType.LEGITIMATE ? levels.filter((level)=>level.hasData) : []
             };
         });
@@ -23223,6 +23232,7 @@ const buildSignalTree = (signalItems)=>{
             leafKeys,
             dataLeafKeys,
             hasData: true,
+            count: resolveCount(dataLeafKeys),
             types
         });
     }
@@ -23326,6 +23336,11 @@ const resolveSignalPresentation = (item)=>{
     });
     const frequencyText = resolveFrequencyPresentation(item);
     const bandwidthText = null != item.bandwidth ? `\u{5E26}\u{5BBD}: ${item.bandwidth}kHz` : void 0;
+    const details = tree_isStationInfo(item) ? {
+        name: item.signalName,
+        organization: item.orgName,
+        modulation: item.modulation
+    } : item.details;
     if (tree_isStationInfo(item)) return {
         color,
         tooltip: [
@@ -23338,9 +23353,12 @@ const resolveSignalPresentation = (item)=>{
     return {
         color,
         tooltip: [
+            details?.name,
             SIGNAL_SOURCE_LABEL[source],
             frequencyText,
+            details?.organization && `\u{5355}\u{4F4D}: ${details.organization}`,
             bandwidthText,
+            details?.modulation && `\u{8C03}\u{5236}: ${details.modulation}`,
             signalTypeName && `\u{7C7B}\u{578B}: ${signalTypeName}`,
             signalType === SignalType.LEGITIMATE && levelName && `\u{7B49}\u{7EA7}: ${levelName}`
         ].filter(Boolean).join(' | ')
@@ -23550,26 +23568,23 @@ const SignalInfoRow = ({ label, value: value1, tabular = false })=>/*#__PURE__*/
             })
         ]
     });
-const SignalMetaValue = ({ color, label, testId })=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)("span", {
-        className: "inline-flex items-center gap-1.5 font-medium text-foreground",
-        children: [
-            /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("span", {
-                "aria-hidden": "true",
-                className: "size-2 shrink-0 rounded-full ring-1 ring-inset ring-border",
-                "data-testid": testId,
-                style: {
-                    backgroundColor: color
-                }
-            }),
-            /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("span", {
-                children: label
-            })
-        ]
+const SignalMetaValue = ({ color, label, testId })=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("span", {
+        className: "font-medium text-foreground",
+        "data-testid": testId,
+        style: color ? {
+            color: toOpaqueCssColor(color)
+        } : void 0,
+        children: label
     });
 const SignalInfoPanel = ({ signalInfo })=>{
     if (!signalInfo) return null;
     const source = resolveSignalSource(signalInfo);
-    const stationInfo = tree_isStationInfo(signalInfo) ? signalInfo : void 0;
+    const details = tree_isStationInfo(signalInfo) ? {
+        name: signalInfo.signalName,
+        organization: signalInfo.orgName,
+        modulation: signalInfo.modulation,
+        remark: signalInfo.remark
+    } : signalInfo.details;
     const signalType = normalizeSignalType(signalInfo.signalType);
     const signalTypeInfo = SIGNAL_TYPE_MAP[signalType];
     const levelInfo = SIGNAL_LEVEL_MAP[normalizeSignalLevel(signalInfo.level)];
@@ -23578,7 +23593,7 @@ const SignalInfoPanel = ({ signalInfo })=>{
         ...signalInfo,
         source
     });
-    const typeColor = showLevel ? signalTypeInfo.color : resolvedColor;
+    const typeColor = showLevel ? void 0 : resolvedColor;
     const hasFrequencyRange = null != signalInfo.startFrequency && null != signalInfo.stopFrequency;
     return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
         className: "mt-2 border-t border-border/60 pt-2 text-xs leading-5 text-foreground",
@@ -23591,13 +23606,13 @@ const SignalInfoPanel = ({ signalInfo })=>{
                     label: "\u6765\u6E90",
                     value: SIGNAL_SOURCE_LABEL[source]
                 }),
-                stationInfo?.signalName ? /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(SignalInfoRow, {
+                details?.name ? /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(SignalInfoRow, {
                     label: "\u540D\u79F0",
-                    value: stationInfo.signalName
+                    value: details.name
                 }) : null,
-                stationInfo?.orgName ? /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(SignalInfoRow, {
+                details?.organization ? /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(SignalInfoRow, {
                     label: "\u5355\u4F4D",
-                    value: stationInfo.orgName
+                    value: details.organization
                 }) : null,
                 null != signalInfo.frequency ? /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(SignalInfoRow, {
                     label: "\u9891\u7387",
@@ -23613,16 +23628,16 @@ const SignalInfoPanel = ({ signalInfo })=>{
                     value: `${signalInfo.bandwidth}kHz`,
                     tabular: true
                 }) : null,
-                stationInfo?.modulation ? /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(SignalInfoRow, {
+                details?.modulation ? /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(SignalInfoRow, {
                     label: "\u8C03\u5236",
-                    value: stationInfo.modulation
+                    value: details.modulation
                 }) : null,
                 /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(SignalInfoRow, {
                     label: "\u7C7B\u578B",
                     value: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(SignalMetaValue, {
                         color: typeColor,
                         label: signalTypeInfo.name,
-                        testId: "signal-info-type-swatch"
+                        testId: "signal-info-type-color"
                     })
                 }),
                 showLevel ? /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(SignalInfoRow, {
@@ -23630,12 +23645,12 @@ const SignalInfoPanel = ({ signalInfo })=>{
                     value: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(SignalMetaValue, {
                         color: resolvedColor,
                         label: levelInfo.name,
-                        testId: "signal-info-level-swatch"
+                        testId: "signal-info-level-color"
                     })
                 }) : null,
-                stationInfo?.remark ? /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(SignalInfoRow, {
+                details?.remark ? /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(SignalInfoRow, {
                     label: "\u5907\u6CE8",
-                    value: stationInfo.remark
+                    value: details.remark
                 }) : null
             ]
         })
@@ -29213,10 +29228,20 @@ const toCheckboxValue = (state)=>{
     if ('indeterminate' === state) return 'indeterminate';
     return false;
 };
-const SignalTypeRow = ({ source, type, leafKeysWithData, hiddenKeys, expanded, onToggleExpanded, onToggleNode })=>{
+const SignalNodeCount = ({ count, show, testId })=>show ? /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)("span", {
+        className: "shrink-0 tabular-nums text-[11px] font-normal text-muted-foreground",
+        "data-testid": testId,
+        children: [
+            "(",
+            count,
+            ")"
+        ]
+    }) : null;
+const SignalTypeRow = ({ source, type, leafKeysWithData, hiddenKeys, showCount, expanded, onToggleExpanded, onToggleNode })=>{
     const state = resolveNodeCheckState(leafKeysWithData, hiddenKeys, type.leafKeys);
     const checkboxId = `signal-tree-type-checkbox-${source.source}-${type.signalType}`;
     const hasLevels = type.levels.length > 0;
+    const typeColor = hasLevels ? void 0 : type.color ?? SIGNAL_TYPE_MAP[type.signalType].color;
     return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)("div", {
         children: [
             /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)("div", {
@@ -29248,17 +29273,18 @@ const SignalTypeRow = ({ source, type, leafKeysWithData, hiddenKeys, expanded, o
                                 disabled: 'disabled' === state,
                                 onCheckedChange: ()=>onToggleNode(type.leafKeys)
                             }),
-                            /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("span", {
-                                "aria-hidden": "true",
-                                className: cn_cn('size-2 shrink-0 rounded-full ring-1 ring-inset ring-background/30', 'disabled' === state && 'opacity-35'),
-                                "data-testid": `signal-tree-type-color-${source.source}-${type.signalType}`,
-                                style: {
-                                    backgroundColor: SIGNAL_TYPE_MAP[type.signalType].color
-                                }
-                            }),
                             /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("span", {
                                 className: cn_cn('min-w-0 truncate text-xs font-medium', 'disabled' === state ? 'text-muted-foreground' : 'text-foreground/90'),
+                                "data-testid": `signal-tree-type-color-${source.source}-${type.signalType}`,
+                                style: 'disabled' === state || null == typeColor ? void 0 : {
+                                    color: toOpaqueCssColor(typeColor)
+                                },
                                 children: type.label
+                            }),
+                            /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(SignalNodeCount, {
+                                count: type.count,
+                                show: showCount,
+                                testId: `signal-tree-type-count-${source.source}-${type.signalType}`
                             })
                         ]
                     })
@@ -29272,13 +29298,14 @@ const SignalTypeRow = ({ source, type, leafKeysWithData, hiddenKeys, expanded, o
                         level: level,
                         leafKeysWithData: leafKeysWithData,
                         hiddenKeys: hiddenKeys,
+                        showCount: showCount,
                         onToggleNode: onToggleNode
                     }, level.leafKey))
             }) : null
         ]
     }, type.signalType);
 };
-const SignalLevelRow = ({ source, signalType, level, leafKeysWithData, hiddenKeys, onToggleNode })=>{
+const SignalLevelRow = ({ source, signalType, level, leafKeysWithData, hiddenKeys, showCount, onToggleNode })=>{
     const state = resolveNodeCheckState(leafKeysWithData, hiddenKeys, [
         level.leafKey
     ]);
@@ -29300,22 +29327,23 @@ const SignalLevelRow = ({ source, signalType, level, leafKeysWithData, hiddenKey
                         ])
                 }),
                 /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("span", {
-                    "aria-hidden": "true",
-                    className: cn_cn('size-2 shrink-0 rounded-full ring-1 ring-inset ring-background/30', 'disabled' === state && 'opacity-35'),
+                    className: cn_cn('text-xs font-medium', 'disabled' === state ? 'text-muted-foreground' : 'text-foreground/80'),
                     "data-testid": `signal-tree-level-color-${source}-${signalType}-${level.level}`,
-                    style: {
-                        backgroundColor: SIGNAL_LEVEL_MAP[level.level].color
-                    }
-                }),
-                /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("span", {
-                    className: cn_cn('text-xs', 'disabled' === state ? 'text-muted-foreground' : 'text-foreground/80'),
+                    style: 'disabled' === state ? void 0 : {
+                        color: toOpaqueCssColor(level.color ?? SIGNAL_LEVEL_MAP[level.level].color)
+                    },
                     children: level.label
+                }),
+                /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(SignalNodeCount, {
+                    count: level.count,
+                    show: showCount,
+                    testId: `signal-tree-level-count-${source}-${signalType}-${level.level}`
                 })
             ]
         })
     });
 };
-const SignalAnnotationTree = ({ tree, leafKeysWithData, hiddenKeys, onToggleNode })=>{
+const SignalAnnotationTree = ({ tree, leafKeysWithData, hiddenKeys, showCount, onToggleNode })=>{
     const [collapsedKeys, setCollapsedKeys] = (0, __WEBPACK_EXTERNAL_MODULE_react__.useState)(()=>new Set());
     const [collapsedSourceKeys, setCollapsedSourceKeys] = (0, __WEBPACK_EXTERNAL_MODULE_react__.useState)(()=>new Set());
     const toggleExpanded = (0, __WEBPACK_EXTERNAL_MODULE_react__.useCallback)((key)=>{
@@ -29377,6 +29405,11 @@ const SignalAnnotationTree = ({ tree, leafKeysWithData, hiddenKeys, onToggleNode
                                         /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("span", {
                                             className: "text-xs font-medium text-foreground",
                                             children: source.label
+                                        }),
+                                        /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(SignalNodeCount, {
+                                            count: source.count,
+                                            show: showCount,
+                                            testId: `signal-tree-source-count-${source.source}`
                                         })
                                     ]
                                 })
@@ -29389,6 +29422,7 @@ const SignalAnnotationTree = ({ tree, leafKeysWithData, hiddenKeys, onToggleNode
                                     type: type,
                                     leafKeysWithData: leafKeysWithData,
                                     hiddenKeys: hiddenKeys,
+                                    showCount: showCount,
                                     expanded: !collapsedKeys.has(`${source.source}:${type.signalType}`),
                                     onToggleExpanded: ()=>toggleExpanded(`${source.source}:${type.signalType}`),
                                     onToggleNode: onToggleNode
@@ -29478,6 +29512,7 @@ const Signal_Switch_Switch = ()=>{
                 tree: tree,
                 leafKeysWithData: leafKeysWithData,
                 hiddenKeys: hiddenKeys,
+                showCount: false !== signal.showCount,
                 onToggleNode: toggleNode
             })
         }),

package/modules/Spectrum/Signal/model/tree.d.ts

@@ -27,6 +27,8 @@ export interface SignalTreeLevelNode {
     label: string;
     leafKey: string;
     hasData: boolean;
+    count: number;
+    color?: string;
 }
 export interface SignalTreeTypeNode {
     signalType: string;
@@ -34,6 +36,8 @@ export interface SignalTreeTypeNode {
     leafKeys: string[];
     dataLeafKeys: string[];
     hasData: boolean;
+    count: number;
+    color?: string;
     levels: SignalTreeLevelNode[];
 }
 export interface SignalTreeSourceNode {
@@ -42,6 +46,7 @@ export interface SignalTreeSourceNode {
     leafKeys: string[];
     dataLeafKeys: string[];
     hasData: boolean;
+    count: number;
     types: SignalTreeTypeNode[];
 }
 export interface SignalTree {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rfkit/charts",
-  "version": "1.10.4",
+  "version": "1.10.6",
   "type": "module",
   "description": "Chart components for wireless monitoring web applications",
   "exports": {

package/theme/theme-color.d.ts

@@ -3,5 +3,7 @@ export interface ThemeFillStyle {
     fillStylePrimary: string;
     fillStyleTransparentBase: string;
 }
+/** 文本图例沿用颜色色相，但去除业务填充色的透明度以保证可读性。 */
+export declare const toOpaqueCssColor: (value: string) => string;
 export declare function getThemeFillStyle(scopeTarget?: Element | null): ThemeFillStyle;
 export declare const getThemeColor: (property: string, opacity?: number, scopeTarget?: Element | null) => string;

package/types/store/signal.d.ts

@@ -2,6 +2,13 @@ export declare enum SignalDataType {
     Station = "station",// 台站信号（详细信息）
     Simple = "simple"
 }
+/** 信号库可选详情；与台站库的公共展示信息保持一致。 */
+export interface SignalDetails {
+    name?: string;
+    organization?: string;
+    modulation?: string;
+    remark?: string;
+}
 export interface SignalData {
     id?: string;
     startFrequency?: number | string;
@@ -11,6 +18,7 @@ export interface SignalData {
     color?: string;
     signalType?: string;
     level?: number;
+    details?: SignalDetails;
 }
 export type SelectedSignal = {
     segIndex: number;
@@ -21,6 +29,7 @@ export interface SignalProps {
     display: boolean;
     data: SignalData[];
     hiddenCategoryKeys: string[];
+    showCount: boolean;
     onChange: (e: SelectedSignal) => void;
 }
 export interface SignalAnalysisProps {