@rfkit/charts 1.1.9 → 1.1.11

package/index.js

@@ -5814,6 +5814,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 +6034,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){
@@ -13122,960 +13125,435 @@ const Spectrum_Spectrum = (props)=>{
     });
 };
 const modules_Spectrum = Spectrum_Spectrum;
-const LevelStream_Chart_Chart = (props)=>{
-    const { publish } = props;
-    const { analyzer } = uselevelStreamAnalyzer();
-    hooks_usePublish({
-        publish,
-        subscribe: (e)=>{
-            const { pstype } = e;
-            if (pstype === constants_PSType.Reset) analyzer?.reset();
-            if (pstype === constants_PSType.LevelStream) analyzer?.process(e.data);
-        }
-    });
-    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(components_Container, {
-        children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(components_FlexBox, {
-            children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(modules_Spectrum, {
-                children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(PluginBox, {
-                    children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(Level, {
-                        opacity: 0.5
-                    })
-                })
-            })
-        })
-    });
-};
-const LevelStream_Chart = LevelStream_Chart_Chart;
-const LevelStreamChart = (props)=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(store, {
-        ...props,
-        cursor: {
-            show: false
-        },
-        zoom: {
-            show: false
+const Autoranging_Autoranging = ()=>{
+    const { state: { axisY, globalID }, dispatch } = useStore_useStore();
+    const { autoranging, onChange } = axisY;
+    const handleAuto = (0, __WEBPACK_EXTERNAL_MODULE_react__.useCallback)(()=>{
+        const newAutoranging = !autoranging;
+        onChange?.({
+            autoranging: newAutoranging
+        });
+        dispatch({
+            payload: {
+                axisY: {
+                    ...axisY,
+                    autoranging: newAutoranging
+                }
+            }
+        });
+    }, [
+        axisY,
+        autoranging,
+        onChange
+    ]);
+    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(ToolsBar_IconBox, {
+        title: "\u81EA\u52A8\u8303\u56F4",
+        onClick: ()=>{
+            useRangeAutoFocus(globalID)();
         },
-        signal: {
-            show: false
+        onDoubleClick: ()=>{
+            handleAuto();
         },
-        children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(LevelStream_Chart, {
-            ...props
+        children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("span", {
+            style: {
+                color: autoranging ? 'var(--theme-color-primary)' : 'var(--theme-color-base)'
+            },
+            children: "A"
         })
     });
-const LevelStream_LevelStream = withChartPublisher(LevelStreamChart, 'LevelStream');
-const LevelStream = LevelStream_LevelStream;
-var occupancy_components_Ticks_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/AxisY/occupancy/components/Ticks/styles.module.less");
-var occupancy_components_Ticks_styles_module_options = {};
-occupancy_components_Ticks_styles_module_options.styleTagTransform = styleTagTransform_default();
-occupancy_components_Ticks_styles_module_options.setAttributes = setAttributesWithoutAttributes_default();
-occupancy_components_Ticks_styles_module_options.insert = insertBySelector_default().bind(null, "head");
-occupancy_components_Ticks_styles_module_options.domAPI = styleDomAPI_default();
-occupancy_components_Ticks_styles_module_options.insertStyleElement = insertStyleElement_default();
-injectStylesIntoStyleTag_default()(occupancy_components_Ticks_styles_module.Z, occupancy_components_Ticks_styles_module_options);
-const AxisY_occupancy_components_Ticks_styles_module = occupancy_components_Ticks_styles_module.Z && occupancy_components_Ticks_styles_module.Z.locals ? occupancy_components_Ticks_styles_module.Z.locals : void 0;
-const Ticks_ticks = [
-    '100%',
-    '75%',
-    '50%',
-    '25%',
-    '0%'
-];
-const occupancy_components_Ticks_Ticks = (props)=>{
-    const { inside = false } = props;
-    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
-        className: AxisY_occupancy_components_Ticks_styles_module.ticks,
-        style: {
-            alignItems: inside ? 'flex-start' : 'flex-end'
-        },
-        children: Ticks_ticks.map((i)=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
-                children: i
-            }, i))
-    });
-};
-const occupancy_components_Ticks = occupancy_components_Ticks_Ticks;
-var occupancy_type_Default_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/AxisY/occupancy/type/Default/styles.module.less");
-var type_Default_styles_module_options = {};
-type_Default_styles_module_options.styleTagTransform = styleTagTransform_default();
-type_Default_styles_module_options.setAttributes = setAttributesWithoutAttributes_default();
-type_Default_styles_module_options.insert = insertBySelector_default().bind(null, "head");
-type_Default_styles_module_options.domAPI = styleDomAPI_default();
-type_Default_styles_module_options.insertStyleElement = insertStyleElement_default();
-injectStylesIntoStyleTag_default()(occupancy_type_Default_styles_module.Z, type_Default_styles_module_options);
-const AxisY_occupancy_type_Default_styles_module = occupancy_type_Default_styles_module.Z && occupancy_type_Default_styles_module.Z.locals ? occupancy_type_Default_styles_module.Z.locals : void 0;
-const Default_Default = ()=>{
-    const { axisYWidth, marginLeft } = useAxisYWidth();
-    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
-        className: AxisY_occupancy_type_Default_styles_module.axisyoccupancydefault,
-        style: {
-            width: axisYWidth,
-            marginLeft
-        },
-        children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(occupancy_components_Ticks, {})
-    });
-};
-const occupancy_type_Default = /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__["default"].memo(Default_Default);
-const AxisYOccupancy = (props)=>{
-    const { disabled } = props;
-    const { state: { axisY } } = useStore_useStore();
-    const { show } = axisY;
-    if (false === show || disabled) return null;
-    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(occupancy_type_Default, {});
 };
-const AxisY_occupancy = AxisYOccupancy;
-var Occdahsed_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/GridLines/Occdahsed/styles.module.less");
-var Occdahsed_styles_module_options = {};
-Occdahsed_styles_module_options.styleTagTransform = styleTagTransform_default();
-Occdahsed_styles_module_options.setAttributes = setAttributesWithoutAttributes_default();
-Occdahsed_styles_module_options.insert = insertBySelector_default().bind(null, "head");
-Occdahsed_styles_module_options.domAPI = styleDomAPI_default();
-Occdahsed_styles_module_options.insertStyleElement = insertStyleElement_default();
-injectStylesIntoStyleTag_default()(Occdahsed_styles_module.Z, Occdahsed_styles_module_options);
-const GridLines_Occdahsed_styles_module = Occdahsed_styles_module.Z && Occdahsed_styles_module.Z.locals ? Occdahsed_styles_module.Z.locals : void 0;
-const Occdahsed_Dashed = ()=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
-        className: GridLines_Occdahsed_styles_module.item
-    });
-const Occdahsed_Occdahsed = ()=>{
-    const { state: { gridLines } } = useStore_useStore();
-    return gridLines && /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)("div", {
-        className: GridLines_Occdahsed_styles_module.Occdahsed,
-        children: [
-            /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(Occdahsed_Dashed, {}),
-            /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(Occdahsed_Dashed, {}),
-            /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(Occdahsed_Dashed, {}),
-            /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(Occdahsed_Dashed, {})
-        ]
-    });
+const Autoranging = /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__["default"].memo(Autoranging_Autoranging);
+const nextItem = (v, list)=>{
+    if (void 0 === v || void 0 === list || 0 === list.length) return v;
+    let r = v;
+    const index = list.findIndex((i)=>i === r);
+    if (-1 === index || index === list.length - 1) [r] = list;
+    else r = list[index + 1];
+    return r;
 };
-const Occdahsed = Occdahsed_Occdahsed;
-var TotalLine_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/modules/Occupancy/TotalLine/styles.module.less");
-var TotalLine_styles_module_options = {};
-TotalLine_styles_module_options.styleTagTransform = styleTagTransform_default();
-TotalLine_styles_module_options.setAttributes = setAttributesWithoutAttributes_default();
-TotalLine_styles_module_options.insert = insertBySelector_default().bind(null, "head");
-TotalLine_styles_module_options.domAPI = styleDomAPI_default();
-TotalLine_styles_module_options.insertStyleElement = insertStyleElement_default();
-injectStylesIntoStyleTag_default()(TotalLine_styles_module.Z, TotalLine_styles_module_options);
-const Occupancy_TotalLine_styles_module = TotalLine_styles_module.Z && TotalLine_styles_module.Z.locals ? TotalLine_styles_module.Z.locals : void 0;
-const TotalLine_TotalLine = (props)=>{
-    const { value } = props;
-    const style = (0, __WEBPACK_EXTERNAL_MODULE_react__.useMemo)(()=>({
-            bottom: `${value || -200}%`
-        }), [
-        value
+const Unit = ()=>{
+    const { state: { axisY, globalID }, dispatch } = useStore_useStore();
+    const { unit, unitList, autoranging, onChange } = axisY;
+    const updateUnit = (0, __WEBPACK_EXTERNAL_MODULE_react__.useCallback)(()=>{
+        if (autoranging) return;
+        const newUnit = nextItem(unit, unitList);
+        onChange?.({
+            unit: newUnit
+        });
+        dispatch({
+            payload: {
+                axisY: {
+                    ...axisY,
+                    unit: newUnit
+                }
+            }
+        });
+    }, [
+        axisY,
+        unit,
+        autoranging,
+        unitList,
+        onChange
     ]);
-    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
-        className: Occupancy_TotalLine_styles_module.TotalLine,
-        children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)("div", {
-            className: Occupancy_TotalLine_styles_module.item,
-            style: style,
-            children: [
-                /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
-                    className: Occupancy_TotalLine_styles_module.line
-                }),
-                /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
-                    className: Occupancy_TotalLine_styles_module.value,
-                    children: value
-                })
-            ]
-        })
-    });
-};
-const TotalLine = TotalLine_TotalLine;
-const Occupancy_Occupancy = (props)=>{
-    const { occupancyAxisYDisabled } = props;
-    const { state: { globalID } } = useStore_useStore();
-    const { id, chart, Chart } = useChart({
-        Render: Occupancy
-    });
-    const [value, setValue] = (0, __WEBPACK_EXTERNAL_MODULE_react__.useState)(0);
     (0, __WEBPACK_EXTERNAL_MODULE_react__.useEffect)(()=>{
-        if (chart && globalID) tools(globalID, constants_ModuleType.Occupancy, (d)=>{
-            const { pstype } = d;
-            switch(pstype){
-                case constants_PSType.Render:
-                    {
-                        const { data, totalOccupancy } = d;
-                        if (data) chart.updateSeries(data);
-                        if (void 0 !== totalOccupancy) setValue(totalOccupancy);
-                    }
-                    break;
-                case constants_PSType.Reset:
-                    chart.reset();
-                    setValue(0);
-                    break;
-                default:
-            }
+        if (globalID) subscriptionKeyBus(globalID, 'unit', (e)=>{
+            if (e?.code === 'KeyU') updateUnit();
         });
     }, [
-        chart,
+        updateUnit,
         globalID
     ]);
-    useZoomEvent(id, constants_ModuleType.Occupancy);
-    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)(components_FlexBox, {
-        children: [
-            /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(AxisY_occupancy, {
-                disabled: occupancyAxisYDisabled
-            }),
-            /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)(PluginBox, {
-                children: [
-                    /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(Occdahsed, {}),
-                    /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(Chart, {}),
-                    /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(EventBus, {
-                        id: id
-                    }),
-                    /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(TotalLine, {
-                        value: value
-                    }),
-                    /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(components_Cursor, {
-                        id: id,
-                        type: constants_ModuleType.Occupancy
-                    })
-                ]
-            })
-        ]
+    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(ToolsBar_IconBox, {
+        onClick: updateUnit,
+        title: "\u5355\u4F4D",
+        children: unit
     });
 };
-const modules_Occupancy = Occupancy_Occupancy;
-const Occupancy_Chart_Chart = (props)=>{
-    const { publish } = props;
-    const { state: { globalID } } = useStore_useStore();
-    hooks_usePublish({
-        publish,
-        subscribe: (e)=>{
-            if (e.pstype === constants_PSType.Occupancy) tools(globalID, constants_ModuleType.Occupancy)({
-                ...e,
-                pstype: constants_PSType.Render
-            });
-        }
-    });
-    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(components_Container, {
-        children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(components_FlexBox, {
-            children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(modules_Occupancy, {})
+const components_Unit = /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__["default"].memo(Unit);
+const FrequencyAllocation_Switch_Switch = ()=>{
+    const { state: { frequencyAllocation }, dispatch } = useStore_useStore();
+    const { display, show } = frequencyAllocation;
+    const setActive = (0, __WEBPACK_EXTERNAL_MODULE_react__.useCallback)((e)=>{
+        dispatch({
+            payload: {
+                frequencyAllocation: {
+                    ...frequencyAllocation,
+                    display: !!e
+                }
+            }
+        });
+    }, [
+        frequencyAllocation
+    ]);
+    if (!show) return null;
+    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(ToolsBar_IconBox, {
+        onClick: ()=>{
+            setActive(!display);
+        },
+        title: "\u9891\u7387\u5212\u5206",
+        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: display ? 'var(--theme-color-primary)' : 'var(--theme-color-base)',
+                opacity: "0.75",
+                d: "M64 192h896v96H64zM64 736h896v96H64zM192 352h192v320H192zM448 352h192v320H448zM704 352h192v320H704z"
+            })
         })
     });
 };
-const Occupancy_Chart = Occupancy_Chart_Chart;
-const OccupancyChart = (props)=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(store, {
-        ...props,
-        children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(Occupancy_Chart, {
-            ...props
-        })
-    });
-const lib_Occupancy_Occupancy = withChartPublisher(OccupancyChart, 'Occupancy');
-const lib_Occupancy = lib_Occupancy_Occupancy;
-var AxisX_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/AxisX/styles.module.less");
-var AxisX_styles_module_options = {};
-AxisX_styles_module_options.styleTagTransform = styleTagTransform_default();
-AxisX_styles_module_options.setAttributes = setAttributesWithoutAttributes_default();
-AxisX_styles_module_options.insert = insertBySelector_default().bind(null, "head");
-AxisX_styles_module_options.domAPI = styleDomAPI_default();
-AxisX_styles_module_options.insertStyleElement = insertStyleElement_default();
-injectStylesIntoStyleTag_default()(AxisX_styles_module.Z, AxisX_styles_module_options);
-const components_AxisX_styles_module = AxisX_styles_module.Z && AxisX_styles_module.Z.locals ? AxisX_styles_module.Z.locals : void 0;
-const ThreeFixedTicks = ()=>{
-    const { state: { zoom: { interval: { start: intervalStart, end: intervalEnd } }, axisX: { unit, unitKHz }, segments } } = useStore_useStore();
-    const { totalPoints } = segments;
-    const endIndex = totalPoints - 1;
-    const { start, bandwidth = 0 } = segments[0] ?? {};
-    const center = (0, __WEBPACK_EXTERNAL_MODULE_react__.useMemo)(()=>{
-        if (!endIndex || !bandwidth || void 0 === start) return 0;
-        const midIndex = (0, utils.wF)(intervalStart, intervalEnd);
-        const safeIndex = Math.max(0, Math.min(midIndex, endIndex));
-        return (0, utils.lj)(start + safeIndex * bandwidth / (1000 * endIndex));
+const FrequencyAllocation_Switch = FrequencyAllocation_Switch_Switch;
+const HeatmapCapture_Switch_Switch = ()=>{
+    const { state: { heatmapCapture }, dispatch } = useStore_useStore();
+    const { show, display, type } = heatmapCapture;
+    const { title, svg } = (0, __WEBPACK_EXTERNAL_MODULE_react__.useMemo)(()=>{
+        let title = "\u7011\u5E03\u56FE\u6355\u83B7-\u533A\u57DF\u6D4B\u91CF";
+        let svg = /*#__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)("path", {
+                    d: "M835.4 757.7h-69.9v-51h18.9v-18.8h51zM713.1 757.7h-83.9v-51h83.9v51z m-136.4 0h-83.9v-51h83.9v51z m-136.4 0h-83.9v-51h83.9v51z m-136.4 0H220v-51h83.9v51zM167.5 757.7H97.6v-69.8h51v18.8h18.9zM148.6 637.5h-51V557h51v80.5z m0-130.7h-51v-80.5h51v80.5z m0-130.8h-51v-80.5h51V376zM148.6 245.2h-51v-69.9h69.9v51h-18.9zM713.1 226.3h-83.9v-51h83.9v51z m-136.4 0h-83.9v-51h83.9v51z m-136.4 0h-83.9v-51h83.9v51z m-136.4 0H220v-51h83.9v51zM835.4 245.2h-51v-18.9h-18.9v-51h69.9zM835.4 637.5h-51V557h51v80.5z m0-130.7h-51v-80.5h51v80.5z m0-130.8h-51v-80.5h51V376z",
+                    fill: display ? 'var(--theme-color-primary)' : 'var(--theme-color-base)'
+                }),
+                /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("path", {
+                    d: "M784.4 615.7h51v233h-51z",
+                    fill: display ? 'var(--theme-color-primary)' : 'var(--theme-color-base)'
+                }),
+                /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("path", {
+                    d: "M693.4 706.7h233v51h-233z",
+                    fill: display ? 'var(--theme-color-primary)' : 'var(--theme-color-base)'
+                })
+            ]
+        });
+        if (type === store_HeatmapCaptureType.Slider) {
+            title = "\u7011\u5E03\u56FE\u6355\u83B7-\u6ED1\u5757";
+            svg = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("path", {
+                d: "M800 124H224c-55 0-100 45-100 100v576c0 55 45 100 100 100h576c55 0 100-45 100-100V224c0-55-45-100-100-100zM224 224h576v576H224V224z M700 324v376H324V324h376z",
+                fill: display ? 'var(--theme-color-primary)' : 'var(--theme-color-base)',
+                stroke: display ? 'var(--theme-color-primary)' : 'var(--theme-color-base)',
+                strokeWidth: "2"
+            });
+        }
+        if (type === store_HeatmapCaptureType.RowIndex) {
+            title = "\u7011\u5E03\u56FE\u6355\u83B7-\u884C\u9009\u4E2D";
+            svg = /*#__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)("path", {
+                        d: "M800 124H224c-55 0-100 45-100 100v576c0 55 45 100 100 100h576c55 0 100-45 100-100V224c0-55-45-100-100-100zM224 224h576v576H224V224z",
+                        fill: "none",
+                        stroke: display ? 'var(--theme-color-primary)' : 'var(--theme-color-base)',
+                        strokeWidth: "30"
+                    }),
+                    /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("path", {
+                        d: "M224 512h576",
+                        stroke: display ? 'var(--theme-color-primary)' : 'var(--theme-color-base)',
+                        strokeWidth: "30"
+                    })
+                ]
+            });
+        }
+        return {
+            title,
+            svg
+        };
     }, [
-        intervalStart,
-        intervalEnd,
-        start,
-        endIndex,
-        bandwidth
+        type,
+        display
     ]);
-    const bandwidthDiff = (0, __WEBPACK_EXTERNAL_MODULE_react__.useMemo)(()=>{
-        if (!totalPoints || !bandwidth) return 0;
-        const intervalWidth = intervalEnd - intervalStart + 1;
-        return (0, utils.lj)(intervalWidth * bandwidth / (2 * totalPoints));
+    const setActive = (0, __WEBPACK_EXTERNAL_MODULE_react__.useCallback)((e)=>{
+        dispatch({
+            payload: {
+                heatmapCapture: {
+                    ...heatmapCapture,
+                    display: !!e
+                }
+            }
+        });
     }, [
-        intervalStart,
-        intervalEnd,
-        totalPoints,
-        bandwidth
+        heatmapCapture
     ]);
-    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)("div", {
-        className: components_AxisX_styles_module.con,
-        children: [
-            /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(FrequencyLabel, {
-                value: bandwidthDiff,
-                unit: unitKHz,
-                prefix: "-"
-            }),
-            /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(FrequencyLabel, {
-                value: center,
-                unit: unit
-            }),
-            /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(FrequencyLabel, {
-                value: bandwidthDiff,
-                unit: unitKHz,
-                prefix: "+"
-            }),
-            /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(components_RulerTicks, {
-                length: 10,
-                split: 5
-            })
-        ]
-    });
-};
-const FrequencyLabel = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react__.memo)(({ value, unit, prefix = '' })=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)("div", {
-        style: {
-            paddingLeft: '5px'
-        },
-        children: [
-            prefix,
-            value,
-            unit
-        ]
-    }));
-const FrequencyTick = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react__.memo)(({ value, index, total })=>{
-    const leftPercentage = index / total * 100;
-    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
-        className: `${components_AxisX_styles_module.frequencyTick} ${0 === index ? components_AxisX_styles_module.first : index === total ? components_AxisX_styles_module.last : ''}`,
-        style: {
-            left: `${leftPercentage}%`
+    if (!show) return null;
+    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(ToolsBar_IconBox, {
+        onClick: ()=>{
+            setActive(!display);
         },
-        children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("span", {
-            children: value
+        title: title,
+        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: svg
         })
     });
-});
-const TICK_COUNT = 5;
-const DataNFixedTicks = ()=>{
-    const { state: { segments: { totalPoints }, zoom: { interval: { start: intervalStart, end: intervalEnd } }, axisX: { frequencyFormat } } } = useStore_useStore();
-    const getFrequencyByIndex = (0, __WEBPACK_EXTERNAL_MODULE_react__.useCallback)((index)=>{
-        if (!totalPoints) return 0;
-        const percentage = Math.min(100 * index / totalPoints, 100);
-        return frequencyFormat(percentage);
-    }, [
-        totalPoints,
-        frequencyFormat
-    ]);
-    const ticks = (0, __WEBPACK_EXTERNAL_MODULE_react__.useMemo)(()=>{
-        const step = (intervalEnd - intervalStart + 1) / TICK_COUNT;
-        return Array.from({
-            length: TICK_COUNT + 1
-        }, (_, i)=>getFrequencyByIndex(intervalStart + step * i));
+};
+const HeatmapCapture_Switch = /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__["default"].memo(HeatmapCapture_Switch_Switch);
+const Limit_Switch_Switch = ()=>{
+    const { state: { limit }, dispatch } = useStore_useStore();
+    const { show, active } = limit;
+    const setActive = (0, __WEBPACK_EXTERNAL_MODULE_react__.useCallback)((e)=>{
+        dispatch({
+            payload: {
+                limit: {
+                    ...limit,
+                    active: !!e
+                }
+            }
+        });
     }, [
-        intervalStart,
-        intervalEnd,
-        getFrequencyByIndex
+        limit
     ]);
-    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)("div", {
-        className: components_AxisX_styles_module.con,
-        children: [
-            ticks.map((tick, index)=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(FrequencyTick, {
-                    value: tick,
-                    index: index,
-                    total: ticks.length - 1
-                }, `tick-${index}`)),
-            /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(components_RulerTicks, {
-                length: 10,
-                split: 2
-            })
-        ]
-    });
-};
-const MScanTicks = ()=>{
-    const { state: { segments } } = useStore_useStore();
-    const style = (0, __WEBPACK_EXTERNAL_MODULE_react__.useMemo)(()=>({
-            display: 'flex',
-            flex: 1,
-            justifyContent: 'center',
-            alignItems: 'center'
-        }), []);
-    const t = (0, __WEBPACK_EXTERNAL_MODULE_react__.useMemo)(()=>segments.map((item)=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
-                style: style,
-                children: item.label
-            }, item.index)), [
-        segments
-    ]);
-    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)("div", {
-        className: components_AxisX_styles_module.con,
-        children: [
-            t,
-            /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(components_RulerTicks, {
-                length: 2 * segments.length,
-                split: 2
+    if (!show && !active) return null;
+    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(ToolsBar_IconBox, {
+        onClick: ()=>{
+            setActive(!active);
+        },
+        title: "\u95E8\u9650",
+        children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("svg", {
+            viewBox: "0 0 1024 1024",
+            xmlns: "http://www.w3.org/2000/svg",
+            style: {
+                transform: 'scaleX(-1) scale(1, 0.75)'
+            },
+            children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("path", {
+                d: "M256 384l0-384 768 0 0 384-64 0 0-320-640 0 0 320zM1024 576l0 448-768 0 0-448 64 0 0 384 640 0 0-384zM512 448l128 0 0 64-128 0zM320 448l128 0 0 64-128 0zM704 448l128 0 0 64-128 0zM896 448l128 0 0 64-128 0zM0 288l192 192-192 192z",
+                fillOpacity: ".65",
+                fill: active ? 'var(--theme-color-primary)' : 'var(--theme-color-base)'
             })
-        ]
-    });
-};
-const AxisXTicks = ({ type })=>{
-    const { state: { axisX: { show } } } = useStore_useStore();
-    if (!show) return null;
-    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
-        className: components_AxisX_styles_module.AxisXTicks,
-        children: type === constants_ChartType.Scan || type === constants_ChartType.ScanDF360 ? /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(DataNFixedTicks, {}) : type === constants_ChartType.MScan ? /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(Zoom_ZoomOffsetContainer, {
-            children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(MScanTicks, {})
-        }) : /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(ThreeFixedTicks, {})
-    });
-};
-const AxisX_Ticks = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react__.memo)(AxisXTicks);
-const AxisX_AxisX = ({ type })=>{
-    const { state: { axisX } } = useStore_useStore();
-    const { children, unit, ticks } = axisX;
-    const { width, pluginBoxWidth } = useAxisYWidth();
-    const ref = (0, __WEBPACK_EXTERNAL_MODULE_react__.useRef)(null);
-    const axisStyle = (0, __WEBPACK_EXTERNAL_MODULE_react__.useMemo)(()=>({
-            marginLeft: width,
-            width: pluginBoxWidth
-        }), [
-        width,
-        pluginBoxWidth
-    ]);
-    if (!axisX) return null;
-    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(Tooltip, {
-        content: `\u{5355}\u{4F4D}${unit}`,
-        children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)("div", {
-            ref: ref,
-            className: components_AxisX_styles_module.axisx,
-            style: axisStyle,
-            children: [
-                ticks && /*#__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)("div", {
-                            className: components_AxisX_styles_module.unit,
-                            children: unit
-                        }),
-                        /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(AxisX_Ticks, {
-                            type: type
-                        })
-                    ]
-                }),
-                /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
-                    children: children
-                })
-            ]
         })
     });
 };
-const AxisX = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react__.memo)(AxisX_AxisX);
-var Blaze_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/Blaze/styles.module.less");
-var Blaze_styles_module_options = {};
-Blaze_styles_module_options.styleTagTransform = styleTagTransform_default();
-Blaze_styles_module_options.setAttributes = setAttributesWithoutAttributes_default();
-Blaze_styles_module_options.insert = insertBySelector_default().bind(null, "head");
-Blaze_styles_module_options.domAPI = styleDomAPI_default();
-Blaze_styles_module_options.insertStyleElement = insertStyleElement_default();
-injectStylesIntoStyleTag_default()(Blaze_styles_module.Z, Blaze_styles_module_options);
-const components_Blaze_styles_module = Blaze_styles_module.Z && Blaze_styles_module.Z.locals ? Blaze_styles_module.Z.locals : void 0;
-const BLAZE_PROGRESS = (globalID, func)=>subscription_createSubscriptionManager(`BLAZE_PROGRESS-${globalID}`, '0', func);
-const Blaze = ()=>{
-    const { state: { blaze: { show }, segments, globalID } } = useStore_useStore();
-    const [left, setLeft] = (0, __WEBPACK_EXTERNAL_MODULE_react__.useState)('');
-    const excludePercent = (0, __WEBPACK_EXTERNAL_MODULE_react__.useMemo)(()=>{
-        const exclude = [];
-        for(let i = 0; i < segments.length; i++){
-            const segment = segments[i];
-            if (segment.progress) exclude.push(...segment.progress);
-        }
-        return exclude;
-    }, [
-        segments
-    ]);
-    (0, __WEBPACK_EXTERNAL_MODULE_react__.useEffect)(()=>{
-        if (show && globalID) BLAZE_PROGRESS(globalID, (progress)=>{
-            setLeft(excludePercent.includes(progress) ? void 0 : `${100 * progress}%`);
+const Limit_Switch = /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__["default"].memo(Limit_Switch_Switch);
+const Markers_Switch_Switch = ()=>{
+    const { state: { globalID, marker }, dispatch } = useStore_useStore();
+    const { display, show } = marker;
+    const setActive = (0, __WEBPACK_EXTERNAL_MODULE_react__.useCallback)((e)=>{
+        marker.display = !!e;
+        dispatch({
+            payload: {
+                marker
+            }
         });
+        if (false === !!e) MARKER_UPDATE_RESET(globalID)();
     }, [
-        show,
+        marker,
         globalID
     ]);
-    if (!show) return null;
-    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(Zoom_ZoomOffsetContainer, {
-        children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)("div", {
-            className: components_Blaze_styles_module.blaze,
+    const MarkerIcon = (0, __WEBPACK_EXTERNAL_MODULE_react__.useMemo)(()=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)("svg", {
+            viewBox: "0 0 1024 1024",
+            xmlns: "http://www.w3.org/2000/svg",
+            width: "24",
+            height: "24",
             style: {
-                left
+                transform: 'scale(1.2)',
+                transition: 'transform 0.2s ease'
             },
             children: [
-                /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
-                    className: components_Blaze_styles_module.line
+                /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("path", {
+                    d: "M643.657143 241.956571L913.700571 512 643.657143 782.043429 373.613714 512z",
+                    fill: display ? 'var(--theme-color-primary)' : 'var(--theme-color-base)',
+                    opacity: "0.5"
                 }),
-                /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
-                    className: components_Blaze_styles_module.shadow
+                /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("path", {
+                    d: "M380.342857 241.956571L650.386286 512 380.342857 782.043429 110.299429 512z",
+                    fill: display ? 'var(--theme-color-primary)' : 'var(--theme-color-base)'
                 })
             ]
-        })
-    });
-};
-const components_Blaze = /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__["default"].memo(Blaze);
-var Legend_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/Legend/styles.module.less");
-var Legend_styles_module_options = {};
-Legend_styles_module_options.styleTagTransform = styleTagTransform_default();
-Legend_styles_module_options.setAttributes = setAttributesWithoutAttributes_default();
-Legend_styles_module_options.insert = insertBySelector_default().bind(null, "head");
-Legend_styles_module_options.domAPI = styleDomAPI_default();
-Legend_styles_module_options.insertStyleElement = insertStyleElement_default();
-injectStylesIntoStyleTag_default()(Legend_styles_module.Z, Legend_styles_module_options);
-const components_Legend_styles_module = Legend_styles_module.Z && Legend_styles_module.Z.locals ? Legend_styles_module.Z.locals : void 0;
-const Legend = ()=>{
-    const { state: { legend: { children } } } = useStore_useStore();
-    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
-        className: components_Legend_styles_module.legend,
-        children: children
-    });
-};
-const components_Legend = Legend;
-var SegmentsZebra_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/SegmentsZebra/styles.module.less");
-var SegmentsZebra_styles_module_options = {};
-SegmentsZebra_styles_module_options.styleTagTransform = styleTagTransform_default();
-SegmentsZebra_styles_module_options.setAttributes = setAttributesWithoutAttributes_default();
-SegmentsZebra_styles_module_options.insert = insertBySelector_default().bind(null, "head");
-SegmentsZebra_styles_module_options.domAPI = styleDomAPI_default();
-SegmentsZebra_styles_module_options.insertStyleElement = insertStyleElement_default();
-injectStylesIntoStyleTag_default()(SegmentsZebra_styles_module.Z, SegmentsZebra_styles_module_options);
-const components_SegmentsZebra_styles_module = SegmentsZebra_styles_module.Z && SegmentsZebra_styles_module.Z.locals ? SegmentsZebra_styles_module.Z.locals : void 0;
-const SegmentsZebra = ()=>{
-    const { state: { segments } } = useStore_useStore();
-    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(Zoom_ZoomOffsetContainer, {
-        className: components_SegmentsZebra_styles_module.SegmentsZebra,
-        children: segments.map((i, key)=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
-                className: components_SegmentsZebra_styles_module.item,
-                style: {
-                    width: `${100 * i.point / segments.totalPoints}%`,
-                    borderColor: key % 2 === 1 ? 'var(--theme-border-base)' : 'transparent',
-                    background: key % 2 === 1 ? 'var(--theme-bg-second)' : 'transparent',
-                    opacity: key % 2 === 1 ? 0.4 : 1
-                }
-            }, `${i.start}_${key}`))
+        }), [
+        display
+    ]);
+    if (!show) return null;
+    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(ToolsBar_IconBox, {
+        onClick: ()=>setActive(!display),
+        title: "\u6807\u8BB0\u70B9\u663E\u793A\u63A7\u5236",
+        children: MarkerIcon
     });
 };
-const components_SegmentsZebra = SegmentsZebra;
-const Autoranging_Autoranging = ()=>{
-    const { state: { axisY, globalID }, dispatch } = useStore_useStore();
-    const { autoranging, onChange } = axisY;
-    const handleAuto = (0, __WEBPACK_EXTERNAL_MODULE_react__.useCallback)(()=>{
-        const newAutoranging = !autoranging;
-        onChange?.({
-            autoranging: newAutoranging
-        });
+const Markers_Switch = Markers_Switch_Switch;
+const MIN_TIME = 500;
+const MAX_TIME = 5000;
+const STEP = 100;
+const TimeRange_Switch_Switch = ()=>{
+    const { state: { timeRange }, dispatch } = useStore_useStore();
+    const handleWheel = (0, __WEBPACK_EXTERNAL_MODULE_react__.useCallback)((e)=>{
+        if (!timeRange) return;
+        let newTimeRange = e.deltaY < 0 ? timeRange + STEP : timeRange - STEP;
+        newTimeRange = Math.max(MIN_TIME, Math.min(MAX_TIME, newTimeRange));
         dispatch({
             payload: {
-                axisY: {
-                    ...axisY,
-                    autoranging: newAutoranging
-                }
+                timeRange: newTimeRange
             }
         });
     }, [
-        axisY,
-        autoranging,
-        onChange
+        timeRange,
+        dispatch
     ]);
+    if (!timeRange) return null;
     return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(ToolsBar_IconBox, {
-        title: "\u81EA\u52A8\u8303\u56F4",
-        onClick: ()=>{
-            useRangeAutoFocus(globalID)();
-        },
-        onDoubleClick: ()=>{
-            handleAuto();
-        },
-        children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("span", {
-            style: {
-                color: autoranging ? 'var(--theme-color-primary)' : 'var(--theme-color-base)'
-            },
-            children: "A"
+        title: "\u7011\u5E03\u56FE\u65F6\u95F4\u63A7\u5236",
+        children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)("div", {
+            onWheel: handleWheel,
+            children: [
+                (timeRange / 1000).toFixed(1),
+                "s"
+            ]
         })
     });
 };
-const Autoranging = /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__["default"].memo(Autoranging_Autoranging);
-const nextItem = (v, list)=>{
-    if (void 0 === v || void 0 === list || 0 === list.length) return v;
-    let r = v;
-    const index = list.findIndex((i)=>i === r);
-    if (-1 === index || index === list.length - 1) [r] = list;
-    else r = list[index + 1];
-    return r;
-};
-const Unit = ()=>{
-    const { state: { axisY, globalID }, dispatch } = useStore_useStore();
-    const { unit, unitList, autoranging, onChange } = axisY;
-    const updateUnit = (0, __WEBPACK_EXTERNAL_MODULE_react__.useCallback)(()=>{
-        if (autoranging) return;
-        const newUnit = nextItem(unit, unitList);
-        onChange?.({
-            unit: newUnit
-        });
-        dispatch({
-            payload: {
-                axisY: {
-                    ...axisY,
-                    unit: newUnit
-                }
-            }
-        });
-    }, [
-        axisY,
-        unit,
-        autoranging,
-        unitList,
-        onChange
-    ]);
+const TimeRange_Switch = /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__["default"].memo(TimeRange_Switch_Switch);
+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();
+Switch_styles_module_options.setAttributes = setAttributesWithoutAttributes_default();
+Switch_styles_module_options.insert = insertBySelector_default().bind(null, "head");
+Switch_styles_module_options.domAPI = styleDomAPI_default();
+Switch_styles_module_options.insertStyleElement = insertStyleElement_default();
+injectStylesIntoStyleTag_default()(Switch_styles_module.Z, Switch_styles_module_options);
+const Zoom_Switch_styles_module = Switch_styles_module.Z && Switch_styles_module.Z.locals ? Switch_styles_module.Z.locals : void 0;
+const ZoomSwitch = ()=>{
+    const { state: { zoom, segments: { totalPoints } }, dispatch } = useStore_useStore();
+    const { show, autoCloseTimeout, interval: { start, end } } = zoom;
+    const endIndex = totalPoints - 1;
+    const [hidden, setHidden] = (0, __WEBPACK_EXTERNAL_MODULE_react__.useState)(true);
+    const autoRecoveryTimer = (0, __WEBPACK_EXTERNAL_MODULE_react__.useRef)(null);
+    (0, __WEBPACK_EXTERNAL_MODULE_react__.useEffect)(()=>()=>{
+            if (autoRecoveryTimer.current) clearTimeout(autoRecoveryTimer.current);
+        }, []);
     (0, __WEBPACK_EXTERNAL_MODULE_react__.useEffect)(()=>{
-        if (globalID) subscriptionKeyBus(globalID, 'unit', (e)=>{
-            if (e?.code === 'KeyU') updateUnit();
-        });
+        if (autoRecoveryTimer.current) clearTimeout(autoRecoveryTimer.current);
+        setHidden(false);
+        autoRecoveryTimer.current = setTimeout(()=>{
+            handleReset();
+        }, autoCloseTimeout);
     }, [
-        updateUnit,
-        globalID
+        start,
+        end,
+        autoCloseTimeout
     ]);
-    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(ToolsBar_IconBox, {
-        onClick: updateUnit,
-        title: "\u5355\u4F4D",
-        children: unit
-    });
-};
-const components_Unit = /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__["default"].memo(Unit);
-const FrequencyAllocation_Switch_Switch = ()=>{
-    const { state: { frequencyAllocation }, dispatch } = useStore_useStore();
-    const { display, show } = frequencyAllocation;
-    const setActive = (0, __WEBPACK_EXTERNAL_MODULE_react__.useCallback)((e)=>{
+    const handleReset = (0, __WEBPACK_EXTERNAL_MODULE_react__.useCallback)(()=>{
+        const newZoom = {
+            ...zoom,
+            interval: {
+                start: 0,
+                end: endIndex
+            },
+            isScanSegmentsUpdateMagnify: false
+        };
         dispatch({
             payload: {
-                frequencyAllocation: {
-                    ...frequencyAllocation,
-                    display: !!e
-                }
+                zoom: newZoom
             }
         });
+        setHidden(true);
     }, [
-        frequencyAllocation
+        zoom,
+        endIndex,
+        dispatch
+    ]);
+    const gradientStyle = (0, __WEBPACK_EXTERNAL_MODULE_react__.useMemo)(()=>({
+            background: `linear-gradient(to right, 
+      transparent ${(start + 1) / totalPoints * 100}%, 
+      var(--theme-color-base) ${(start + 1) / totalPoints * 100}%, 
+      var(--theme-color-base) ${(end + 1) / totalPoints * 100}%, 
+      transparent ${(end + 1) / totalPoints * 100}%
+    )`
+        }), [
+        start,
+        end,
+        totalPoints
+    ]);
+    const isFullRange = (0, __WEBPACK_EXTERNAL_MODULE_react__.useMemo)(()=>0 === start && end === endIndex, [
+        start,
+        end,
+        endIndex
     ]);
     if (!show) return null;
     return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(ToolsBar_IconBox, {
-        onClick: ()=>{
-            setActive(!display);
+        onClick: handleReset,
+        title: "\u7F29\u653E\uFF1A\u5DE6\u952E\u6309\u4F4F\u79FB\u52A8\uFF0C\u6EDA\u8F6E\u7F29\u653E\uFF0C\u53F3\u952E\u6846\u9009\uFF0C\u70B9\u51FB\u5168\u666F\u5C55\u793A",
+        style: {
+            cursor: hidden ? 'no-drop' : 'pointer'
         },
-        title: "\u9891\u7387\u5212\u5206",
-        children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("svg", {
+        children: hidden || isFullRange ? /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("svg", {
+            width: "16",
+            height: "16",
             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: display ? 'var(--theme-color-primary)' : 'var(--theme-color-base)',
-                opacity: "0.75",
-                d: "M64 192h896v96H64zM64 736h896v96H64zM192 352h192v320H192zM448 352h192v320H448zM704 352h192v320H704z"
+                d: "M388.266667 512L290.133333 413.866667l29.866667-29.866667 149.333333 149.333333L320 682.666667l-29.866667-29.866667L388.266667 554.666667H128v-42.666667h260.266667z m290.133333 0H938.666667v42.666667h-260.266667l98.133333 98.133333-29.866666 29.866667-149.333334-149.333334L746.666667 384l29.866666 29.866667-98.133333 98.133333z",
+                fill: "var(--theme-color-base)"
+            })
+        }) : /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
+            className: Zoom_Switch_styles_module.zoomSwitch,
+            children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
+                className: Zoom_Switch_styles_module.interval,
+                style: gradientStyle
             })
         })
     });
 };
-const FrequencyAllocation_Switch = FrequencyAllocation_Switch_Switch;
-const HeatmapCapture_Switch_Switch = ()=>{
-    const { state: { heatmapCapture }, dispatch } = useStore_useStore();
-    const { show, display, type } = heatmapCapture;
-    const { title, svg } = (0, __WEBPACK_EXTERNAL_MODULE_react__.useMemo)(()=>{
-        let title = "\u7011\u5E03\u56FE\u6355\u83B7-\u533A\u57DF\u6D4B\u91CF";
-        let svg = /*#__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)("path", {
-                    d: "M835.4 757.7h-69.9v-51h18.9v-18.8h51zM713.1 757.7h-83.9v-51h83.9v51z m-136.4 0h-83.9v-51h83.9v51z m-136.4 0h-83.9v-51h83.9v51z m-136.4 0H220v-51h83.9v51zM167.5 757.7H97.6v-69.8h51v18.8h18.9zM148.6 637.5h-51V557h51v80.5z m0-130.7h-51v-80.5h51v80.5z m0-130.8h-51v-80.5h51V376zM148.6 245.2h-51v-69.9h69.9v51h-18.9zM713.1 226.3h-83.9v-51h83.9v51z m-136.4 0h-83.9v-51h83.9v51z m-136.4 0h-83.9v-51h83.9v51z m-136.4 0H220v-51h83.9v51zM835.4 245.2h-51v-18.9h-18.9v-51h69.9zM835.4 637.5h-51V557h51v80.5z m0-130.7h-51v-80.5h51v80.5z m0-130.8h-51v-80.5h51V376z",
-                    fill: display ? 'var(--theme-color-primary)' : 'var(--theme-color-base)'
-                }),
-                /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("path", {
-                    d: "M784.4 615.7h51v233h-51z",
-                    fill: display ? 'var(--theme-color-primary)' : 'var(--theme-color-base)'
-                }),
-                /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("path", {
-                    d: "M693.4 706.7h233v51h-233z",
-                    fill: display ? 'var(--theme-color-primary)' : 'var(--theme-color-base)'
-                })
-            ]
+const Zoom_Switch = ZoomSwitch;
+const Reset_modes = Object.values(constants_ModuleType);
+const Reset_Reset = ()=>{
+    const { state: { globalID, publish } } = useStore_useStore();
+    const handleReset = ()=>{
+        publish({
+            pstype: constants_PSType.Reset
         });
-        if (type === store_HeatmapCaptureType.Slider) {
-            title = "\u7011\u5E03\u56FE\u6355\u83B7-\u6ED1\u5757";
-            svg = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("path", {
-                d: "M800 124H224c-55 0-100 45-100 100v576c0 55 45 100 100 100h576c55 0 100-45 100-100V224c0-55-45-100-100-100zM224 224h576v576H224V224z M700 324v376H324V324h376z",
-                fill: display ? 'var(--theme-color-primary)' : 'var(--theme-color-base)',
-                stroke: display ? 'var(--theme-color-primary)' : 'var(--theme-color-base)',
-                strokeWidth: "2"
-            });
-        }
-        if (type === store_HeatmapCaptureType.RowIndex) {
-            title = "\u7011\u5E03\u56FE\u6355\u83B7-\u884C\u9009\u4E2D";
-            svg = /*#__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)("path", {
-                        d: "M800 124H224c-55 0-100 45-100 100v576c0 55 45 100 100 100h576c55 0 100-45 100-100V224c0-55-45-100-100-100zM224 224h576v576H224V224z",
-                        fill: "none",
-                        stroke: display ? 'var(--theme-color-primary)' : 'var(--theme-color-base)',
-                        strokeWidth: "30"
-                    }),
-                    /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("path", {
-                        d: "M224 512h576",
-                        stroke: display ? 'var(--theme-color-primary)' : 'var(--theme-color-base)',
-                        strokeWidth: "30"
-                    })
-                ]
+        Reset_modes.forEach((mode)=>{
+            tools(globalID, mode)({
+                pstype: constants_PSType.Reset
             });
-        }
-        return {
-            title,
-            svg
-        };
-    }, [
-        type,
-        display
-    ]);
-    const setActive = (0, __WEBPACK_EXTERNAL_MODULE_react__.useCallback)((e)=>{
-        dispatch({
-            payload: {
-                heatmapCapture: {
-                    ...heatmapCapture,
-                    display: !!e
-                }
-            }
-        });
-    }, [
-        heatmapCapture
-    ]);
-    if (!show) return null;
-    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(ToolsBar_IconBox, {
-        onClick: ()=>{
-            setActive(!display);
-        },
-        title: title,
-        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: svg
-        })
-    });
-};
-const HeatmapCapture_Switch = /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__["default"].memo(HeatmapCapture_Switch_Switch);
-const Limit_Switch_Switch = ()=>{
-    const { state: { limit }, dispatch } = useStore_useStore();
-    const { show, active } = limit;
-    const setActive = (0, __WEBPACK_EXTERNAL_MODULE_react__.useCallback)((e)=>{
-        dispatch({
-            payload: {
-                limit: {
-                    ...limit,
-                    active: !!e
-                }
-            }
         });
-    }, [
-        limit
-    ]);
-    if (!show && !active) return null;
+    };
     return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(ToolsBar_IconBox, {
         onClick: ()=>{
-            setActive(!active);
+            handleReset();
         },
-        title: "\u95E8\u9650",
+        title: "\u91CD\u7F6E",
         children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("svg", {
             viewBox: "0 0 1024 1024",
             xmlns: "http://www.w3.org/2000/svg",
-            style: {
-                transform: 'scaleX(-1) scale(1, 0.75)'
-            },
             children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("path", {
-                d: "M256 384l0-384 768 0 0 384-64 0 0-320-640 0 0 320zM1024 576l0 448-768 0 0-448 64 0 0 384 640 0 0-384zM512 448l128 0 0 64-128 0zM320 448l128 0 0 64-128 0zM704 448l128 0 0 64-128 0zM896 448l128 0 0 64-128 0zM0 288l192 192-192 192z",
-                fillOpacity: ".65",
-                fill: active ? 'var(--theme-color-primary)' : 'var(--theme-color-base)'
-            })
-        })
-    });
-};
-const Limit_Switch = /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__["default"].memo(Limit_Switch_Switch);
-const Markers_Switch_Switch = ()=>{
-    const { state: { globalID, marker }, dispatch } = useStore_useStore();
-    const { display, show } = marker;
-    const setActive = (0, __WEBPACK_EXTERNAL_MODULE_react__.useCallback)((e)=>{
-        marker.display = !!e;
-        dispatch({
-            payload: {
-                marker
-            }
-        });
-        if (false === !!e) MARKER_UPDATE_RESET(globalID)();
-    }, [
-        marker,
-        globalID
-    ]);
-    const MarkerIcon = (0, __WEBPACK_EXTERNAL_MODULE_react__.useMemo)(()=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)("svg", {
-            viewBox: "0 0 1024 1024",
-            xmlns: "http://www.w3.org/2000/svg",
-            width: "24",
-            height: "24",
-            style: {
-                transform: 'scale(1.2)',
-                transition: 'transform 0.2s ease'
-            },
-            children: [
-                /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("path", {
-                    d: "M643.657143 241.956571L913.700571 512 643.657143 782.043429 373.613714 512z",
-                    fill: display ? 'var(--theme-color-primary)' : 'var(--theme-color-base)',
-                    opacity: "0.5"
-                }),
-                /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("path", {
-                    d: "M380.342857 241.956571L650.386286 512 380.342857 782.043429 110.299429 512z",
-                    fill: display ? 'var(--theme-color-primary)' : 'var(--theme-color-base)'
-                })
-            ]
-        }), [
-        display
-    ]);
-    if (!show) return null;
-    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(ToolsBar_IconBox, {
-        onClick: ()=>setActive(!display),
-        title: "\u6807\u8BB0\u70B9\u663E\u793A\u63A7\u5236",
-        children: MarkerIcon
-    });
-};
-const Markers_Switch = Markers_Switch_Switch;
-const MIN_TIME = 500;
-const MAX_TIME = 5000;
-const STEP = 100;
-const TimeRange_Switch_Switch = ()=>{
-    const { state: { timeRange }, dispatch } = useStore_useStore();
-    const handleWheel = (0, __WEBPACK_EXTERNAL_MODULE_react__.useCallback)((e)=>{
-        if (!timeRange) return;
-        let newTimeRange = e.deltaY < 0 ? timeRange + STEP : timeRange - STEP;
-        newTimeRange = Math.max(MIN_TIME, Math.min(MAX_TIME, newTimeRange));
-        dispatch({
-            payload: {
-                timeRange: newTimeRange
-            }
-        });
-    }, [
-        timeRange,
-        dispatch
-    ]);
-    if (!timeRange) return null;
-    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(ToolsBar_IconBox, {
-        title: "\u7011\u5E03\u56FE\u65F6\u95F4\u63A7\u5236",
-        children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)("div", {
-            onWheel: handleWheel,
-            children: [
-                (timeRange / 1000).toFixed(1),
-                "s"
-            ]
-        })
-    });
-};
-const TimeRange_Switch = /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__["default"].memo(TimeRange_Switch_Switch);
-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();
-Switch_styles_module_options.setAttributes = setAttributesWithoutAttributes_default();
-Switch_styles_module_options.insert = insertBySelector_default().bind(null, "head");
-Switch_styles_module_options.domAPI = styleDomAPI_default();
-Switch_styles_module_options.insertStyleElement = insertStyleElement_default();
-injectStylesIntoStyleTag_default()(Switch_styles_module.Z, Switch_styles_module_options);
-const Zoom_Switch_styles_module = Switch_styles_module.Z && Switch_styles_module.Z.locals ? Switch_styles_module.Z.locals : void 0;
-const ZoomSwitch = ()=>{
-    const { state: { zoom, segments: { totalPoints } }, dispatch } = useStore_useStore();
-    const { show, autoCloseTimeout, interval: { start, end } } = zoom;
-    const endIndex = totalPoints - 1;
-    const [hidden, setHidden] = (0, __WEBPACK_EXTERNAL_MODULE_react__.useState)(true);
-    const autoRecoveryTimer = (0, __WEBPACK_EXTERNAL_MODULE_react__.useRef)(null);
-    (0, __WEBPACK_EXTERNAL_MODULE_react__.useEffect)(()=>()=>{
-            if (autoRecoveryTimer.current) clearTimeout(autoRecoveryTimer.current);
-        }, []);
-    (0, __WEBPACK_EXTERNAL_MODULE_react__.useEffect)(()=>{
-        if (autoRecoveryTimer.current) clearTimeout(autoRecoveryTimer.current);
-        setHidden(false);
-        autoRecoveryTimer.current = setTimeout(()=>{
-            handleReset();
-        }, autoCloseTimeout);
-    }, [
-        start,
-        end,
-        autoCloseTimeout
-    ]);
-    const handleReset = (0, __WEBPACK_EXTERNAL_MODULE_react__.useCallback)(()=>{
-        const newZoom = {
-            ...zoom,
-            interval: {
-                start: 0,
-                end: endIndex
-            },
-            isScanSegmentsUpdateMagnify: false
-        };
-        dispatch({
-            payload: {
-                zoom: newZoom
-            }
-        });
-        setHidden(true);
-    }, [
-        zoom,
-        endIndex,
-        dispatch
-    ]);
-    const gradientStyle = (0, __WEBPACK_EXTERNAL_MODULE_react__.useMemo)(()=>({
-            background: `linear-gradient(to right, 
-      transparent ${(start + 1) / totalPoints * 100}%, 
-      var(--theme-color-base) ${(start + 1) / totalPoints * 100}%, 
-      var(--theme-color-base) ${(end + 1) / totalPoints * 100}%, 
-      transparent ${(end + 1) / totalPoints * 100}%
-    )`
-        }), [
-        start,
-        end,
-        totalPoints
-    ]);
-    const isFullRange = (0, __WEBPACK_EXTERNAL_MODULE_react__.useMemo)(()=>0 === start && end === endIndex, [
-        start,
-        end,
-        endIndex
-    ]);
-    if (!show) return null;
-    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(ToolsBar_IconBox, {
-        onClick: handleReset,
-        title: "\u7F29\u653E\uFF1A\u5DE6\u952E\u6309\u4F4F\u79FB\u52A8\uFF0C\u6EDA\u8F6E\u7F29\u653E\uFF0C\u53F3\u952E\u6846\u9009\uFF0C\u70B9\u51FB\u5168\u666F\u5C55\u793A",
-        style: {
-            cursor: hidden ? 'no-drop' : 'pointer'
-        },
-        children: hidden || isFullRange ? /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("svg", {
-            width: "16",
-            height: "16",
-            viewBox: "0 0 1024 1024",
-            xmlns: "http://www.w3.org/2000/svg",
-            children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("path", {
-                d: "M388.266667 512L290.133333 413.866667l29.866667-29.866667 149.333333 149.333333L320 682.666667l-29.866667-29.866667L388.266667 554.666667H128v-42.666667h260.266667z m290.133333 0H938.666667v42.666667h-260.266667l98.133333 98.133333-29.866666 29.866667-149.333334-149.333334L746.666667 384l29.866666 29.866667-98.133333 98.133333z",
-                fill: "var(--theme-color-base)"
-            })
-        }) : /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
-            className: Zoom_Switch_styles_module.zoomSwitch,
-            children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
-                className: Zoom_Switch_styles_module.interval,
-                style: gradientStyle
-            })
-        })
-    });
-};
-const Zoom_Switch = ZoomSwitch;
-const Reset_modes = Object.values(constants_ModuleType);
-const Reset_Reset = ()=>{
-    const { state: { globalID, publish } } = useStore_useStore();
-    const handleReset = ()=>{
-        publish({
-            pstype: constants_PSType.Reset
-        });
-        Reset_modes.forEach((mode)=>{
-            tools(globalID, mode)({
-                pstype: constants_PSType.Reset
-            });
-        });
-    };
-    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(ToolsBar_IconBox, {
-        onClick: ()=>{
-            handleReset();
-        },
-        title: "\u91CD\u7F6E",
-        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", {
-                d: "M512 160c-141.6 0-265.6 76.8-332.8 192l-76.8-76.8v224h224l-89.6-89.6C288 307.2 390.4 240 512 240c159.2 0 288 128.8 288 288s-128.8 288-288 288c-115.2 0-214.4-67.2-262.4-164.8l-68.8 36.8C240 800 364.8 880 512 880c194.4 0 352-157.6 352-352S706.4 160 512 160z",
-                fill: 'var(--theme-color-base)'
+                d: "M512 160c-141.6 0-265.6 76.8-332.8 192l-76.8-76.8v224h224l-89.6-89.6C288 307.2 390.4 240 512 240c159.2 0 288 128.8 288 288s-128.8 288-288 288c-115.2 0-214.4-67.2-262.4-164.8l-68.8 36.8C240 800 364.8 880 512 880c194.4 0 352-157.6 352-352S706.4 160 512 160z",
+                fill: 'var(--theme-color-base)'
             })
         })
     });
@@ -14090,7 +13568,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 = ({ value, options, onChange, placeholder = "\u8BF7\u9009\u62E9" })=>{
+const Dropdown_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);
@@ -14127,7 +13605,7 @@ const Dropdown = ({ value, options, onChange, placeholder = "\u8BF7\u9009\u62E9"
         ]
     });
 };
-const components_Dropdown = Dropdown;
+const Dropdown = Dropdown_Dropdown;
 function useChannel({ channel = 32, onChannelChange }) {
     const { state: { marker, globalID }, dispatch } = useStore_useStore();
     const channelList = (0, __WEBPACK_EXTERNAL_MODULE_react__.useRef)([]);
@@ -14359,7 +13837,7 @@ const SegmentsDisplayControl_SegmentsDisplayControl = ()=>{
                 label: `\u{9891}\u{6BB5} ${segment.start} - ${segment.stop}`
             }))
     ];
-    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(components_Dropdown, {
+    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(Dropdown, {
         value: selectedIndex,
         options: options,
         onChange: handleSelect
@@ -14437,7 +13915,7 @@ const SeriesControl = ()=>{
         publish,
         seriesModes
     ]);
-    const title = (0, __WEBPACK_EXTERNAL_MODULE_react__.useMemo)(()=>seriesModes[currentMode].label, [
+    const title = (0, __WEBPACK_EXTERNAL_MODULE_react__.useMemo)(()=>`${seriesModes[currentMode].label}-\u{70B9}\u{51FB}\u{5207}\u{6362}`, [
         currentMode,
         seriesModes
     ]);
@@ -14448,46 +13926,22 @@ const SeriesControl = ()=>{
             viewBox: "0 0 1024 1024",
             xmlns: "http://www.w3.org/2000/svg",
             children: [
-                /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("rect", {
-                    width: "1024",
-                    height: "1024",
-                    fill: "transparent"
-                }),
                 'bar' === currentMode && /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)("g", {
                     children: [
-                        /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("rect", {
-                            x: "200",
-                            y: "300",
-                            width: "80",
-                            height: "400",
-                            fill: "var(--theme-color-primary)"
-                        }),
-                        /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("rect", {
-                            x: "320",
-                            y: "200",
-                            width: "80",
-                            height: "500",
+                        /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("path", {
+                            d: "M556.8 128l128 0 0 768-128 0 0-768Z",
                             fill: "var(--theme-color-primary)"
                         }),
-                        /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("rect", {
-                            x: "440",
-                            y: "250",
-                            width: "80",
-                            height: "450",
+                        /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("path", {
+                            d: "M768 512l128 0 0 384-128 0 0-384Z",
                             fill: "var(--theme-color-primary)"
                         }),
-                        /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("rect", {
-                            x: "560",
-                            y: "150",
-                            width: "80",
-                            height: "550",
+                        /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("path", {
+                            d: "M352 384l128 0 0 512-128 0 0-512Z",
                             fill: "var(--theme-color-primary)"
                         }),
-                        /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("rect", {
-                            x: "680",
-                            y: "180",
-                            width: "80",
-                            height: "520",
+                        /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("path", {
+                            d: "M128 640l128 0 0 256-128 0 0-256Z",
                             fill: "var(--theme-color-primary)"
                         })
                     ]
@@ -14495,269 +13949,616 @@ const SeriesControl = ()=>{
                 'line' === currentMode && /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)("g", {
                     children: [
                         /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("path", {
-                            d: "M100 600L200 400L350 500L500 300L650 450L750 200L900 350",
-                            fill: "none",
-                            stroke: "var(--theme-color-primary)",
-                            strokeWidth: "12",
-                            strokeLinecap: "round",
-                            strokeLinejoin: "round"
-                        }),
-                        /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("circle", {
-                            cx: "100",
-                            cy: "600",
-                            r: "8",
-                            fill: "var(--theme-color-primary)"
-                        }),
-                        /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("circle", {
-                            cx: "200",
-                            cy: "400",
-                            r: "8",
-                            fill: "var(--theme-color-primary)"
-                        }),
-                        /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("circle", {
-                            cx: "350",
-                            cy: "500",
-                            r: "8",
-                            fill: "var(--theme-color-primary)"
-                        }),
-                        /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("circle", {
-                            cx: "500",
-                            cy: "300",
-                            r: "8",
-                            fill: "var(--theme-color-primary)"
-                        }),
-                        /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("circle", {
-                            cx: "650",
-                            cy: "450",
-                            r: "8",
-                            fill: "var(--theme-color-primary)"
-                        }),
-                        /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("circle", {
-                            cx: "750",
-                            cy: "200",
-                            r: "8",
+                            d: "M62.1 844.9H959v60.7H62.1zM275.8 606.5L494 763.7 956.1 491l-51.4-83.5-404.3 240.7-231-163.7L64 651.4l61 77z",
                             fill: "var(--theme-color-primary)"
                         }),
-                        /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("circle", {
-                            cx: "900",
-                            cy: "350",
-                            r: "8",
+                        /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("path", {
+                            d: "M275.8 317.7L494 474.9l462.1-272.7-51.4-83.5-404.3 240.7-231-163.6L64 362.6l61 77z",
                             fill: "var(--theme-color-primary)"
                         })
                     ]
                 }),
-                'stepline' === currentMode && /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)("g", {
+                'stepline' === currentMode && /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("g", {
+                    children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("path", {
+                        d: "M375.466667 930.133333H136.533333v-268.8h68.266667v200.533334h102.4v-768h238.933333v512h102.4v-384h238.933334v610.133333h-68.266667V290.133333h-102.4v384h-238.933333v-512H375.466667z",
+                        fill: "var(--theme-color-primary)"
+                    })
+                }),
+                'area' === currentMode && /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)("g", {
                     children: [
                         /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("path", {
-                            d: "M100 700h150v-200h150v150h150v-250h150v100h150",
-                            fill: "none",
-                            stroke: "var(--theme-color-primary)",
-                            strokeWidth: "10",
-                            strokeLinecap: "square"
-                        }),
-                        /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("rect", {
-                            x: "150",
-                            y: "500",
-                            width: "50",
-                            height: "200",
+                            d: "M128 512l256-256 256 256 256-256v640H128V512z",
                             fill: "var(--theme-color-primary)"
                         }),
-                        /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("rect", {
-                            x: "350",
-                            y: "450",
-                            width: "50",
-                            height: "250",
-                            fill: "var(--theme-color-primary)"
-                        }),
-                        /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("rect", {
-                            x: "550",
-                            y: "250",
-                            width: "50",
-                            height: "450",
-                            fill: "var(--theme-color-primary)"
-                        }),
-                        /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("rect", {
-                            x: "750",
-                            y: "350",
-                            width: "50",
-                            height: "350",
+                        /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("path", {
+                            d: "M896 928H128a32 32 0 0 1-32-32V512a32 32 0 0 1 9.28-22.72l256-256a32 32 0 0 1 45.44 0l233.28 233.6 233.28-233.6a32 32 0 0 1 34.88-6.72A32 32 0 0 1 928 256v640a32 32 0 0 1-32 32zM160 864h704V333.12l-201.28 201.6a32 32 0 0 1-45.44 0L384 301.12l-224 224z",
                             fill: "var(--theme-color-primary)"
                         })
                     ]
+                })
+            ]
+        })
+    });
+};
+const ToolsBar_SeriesControl = SeriesControl;
+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");
+var SeriesDisplayControl_styles_module_options = {};
+SeriesDisplayControl_styles_module_options.styleTagTransform = styleTagTransform_default();
+SeriesDisplayControl_styles_module_options.setAttributes = setAttributesWithoutAttributes_default();
+SeriesDisplayControl_styles_module_options.insert = insertBySelector_default().bind(null, "head");
+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 { 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), [
+        data,
+        legendExternal
+    ]);
+    const onClick = (0, __WEBPACK_EXTERNAL_MODULE_react__.useCallback)((name, isDisplayTrue)=>{
+        if (globalID) {
+            const item = data.get(name);
+            if (item) {
+                const newDisplay = isDisplayTrue ? true : !item.display;
+                data.set(name, {
+                    ...item,
+                    display: newDisplay
+                });
+                series.data = data;
+                dispatch({
+                    payload: {
+                        series
+                    }
+                });
+                tools(globalID, constants_ModuleType.Spectrum)({
+                    pstype: constants_PSType.Series,
+                    name,
+                    display: newDisplay
+                });
+            }
+        }
+    }, [
+        series,
+        data,
+        globalID
+    ]);
+    (0, __WEBPACK_EXTERNAL_MODULE_react__.useEffect)(()=>{
+        if (forceDisplay) Object.values(SERIES).filter((s)=>!s.display).map((s)=>s.name).forEach((s)=>{
+            if (!legendExternal.includes(s)) setTimeout(()=>{
+                onClick(s, true);
+            }, 1);
+        });
+    }, [
+        forceDisplay,
+        seriesArray
+    ]);
+    const [isCollapsed, setIsCollapsed] = (0, __WEBPACK_EXTERNAL_MODULE_react__.useState)(true);
+    const toggleCollapse = (0, __WEBPACK_EXTERNAL_MODULE_react__.useCallback)(()=>{
+        setIsCollapsed((prev)=>!prev);
+    }, []);
+    (0, __WEBPACK_EXTERNAL_MODULE_react__.useEffect)(()=>{
+        let timeout;
+        clearTimeout(timeout);
+        if (!isCollapsed) timeout = setTimeout(()=>{
+            setIsCollapsed(true);
+        }, 10000);
+        return ()=>{
+            clearTimeout(timeout);
+        };
+    }, [
+        isCollapsed
+    ]);
+    const CollapsedIcon = (0, __WEBPACK_EXTERNAL_MODULE_react__.useMemo)(()=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(ToolsBar_IconBox, {
+            onClick: toggleCollapse,
+            title: `\u{56FE}\u{4F8B}\u{5DF2}${!isCollapsed ? "\u5C55\u5F00" : "\u6298\u53E0"}`,
+            children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)("svg", {
+                className: ToolsBar_SeriesDisplayControl_styles_module.collapseIcon,
+                viewBox: "0 0 1024 1024",
+                version: "1.1",
+                xmlns: "http://www.w3.org/2000/svg",
+                width: "16",
+                height: "16",
+                children: [
+                    /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("path", {
+                        d: "M930.909091 896H93.090909c-18.618182 0-34.909091-16.290909-34.909091-34.909091V162.909091c0-18.618182 16.290909-34.909091 34.909091-34.909091h837.818182c18.618182 0 34.909091 16.290909 34.909091 34.909091v698.181818c0 18.618182-16.290909 34.909091-34.909091 34.909091z m-802.909091-69.818182h770.327273v-628.363636H128v628.363636z",
+                        fill: isCollapsed ? 'var(--theme-color-base)' : 'var(--theme-color-primary)'
+                    }),
+                    /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("path", {
+                        d: "M232.727273 640c-4.654545 0-9.309091 0-13.963637-2.327273-16.290909-6.981818-25.6-27.927273-18.618181-44.218182l116.363636-279.272727c4.654545-11.636364 16.290909-20.945455 30.254545-20.945454 13.963636 0 25.6 4.654545 32.581819 16.290909l83.781818 146.618182H814.545455c18.618182 0 34.909091 16.290909 34.90909 34.90909s-16.290909 34.909091-34.90909 34.909091H442.181818c-11.636364 0-23.272727-6.981818-30.254545-16.290909l-58.181818-102.4-90.763637 216.436364c-4.654545 6.981818-16.290909 16.290909-30.254545 16.290909zM814.545455 663.272727H488.727273c-18.618182 0-34.909091-16.290909-34.909091-34.909091s16.290909-34.909091 34.909091-34.909091h325.818182c18.618182 0 34.909091 16.290909 34.90909 34.909091s-16.290909 34.909091-34.90909 34.909091z",
+                        fill: isCollapsed ? 'var(--theme-color-base)' : 'var(--theme-color-primary)'
+                    })
+                ]
+            })
+        }), [
+        isCollapsed
+    ]);
+    if (!(data instanceof Map)) return null;
+    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)("div", {
+        className: `${ToolsBar_SeriesDisplayControl_styles_module.SeriesDisplayControl} ${!isCollapsed ? ToolsBar_SeriesDisplayControl_styles_module.collapsed : ''}`,
+        children: [
+            CollapsedIcon,
+            !isCollapsed && /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
+                className: ToolsBar_SeriesDisplayControl_styles_module.itemsContainer,
+                children: seriesArray.map((name)=>{
+                    const series = data.get(name);
+                    const dp = series?.display;
+                    const label = series?.label;
+                    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(Tooltip, {
+                        content: `${label} \u{5DF2}${dp ? "\u663E\u793A" : "\u9690\u85CF"}`,
+                        children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
+                            className: ToolsBar_SeriesDisplayControl_styles_module.item,
+                            onClick: ()=>{
+                                onClick(name);
+                            },
+                            style: {
+                                color: dp ? series?.color : 'var(--theme-color-base)',
+                                opacity: dp ? 1 : 0.5
+                            },
+                            children: label
+                        })
+                    }, name);
+                })
+            })
+        ]
+    });
+};
+const ToolsBar_SeriesDisplayControl = SeriesDisplayControl;
+const SpacerLine = ()=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
+        className: components_ToolsBar_styles_module.spacerLine
+    });
+const ToolsBar_SpacerLine = SpacerLine;
+const ToolsBar = ({ type })=>{
+    const { state: { toolsBar: { show } } } = useStore_useStore();
+    const { width, pluginBoxWidth } = useAxisYWidth();
+    const axisStyle = (0, __WEBPACK_EXTERNAL_MODULE_react__.useMemo)(()=>({
+            marginLeft: width,
+            width: pluginBoxWidth
+        }), [
+        width,
+        pluginBoxWidth
+    ]);
+    if (type === constants_ChartType.Occupancy || !show) return null;
+    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
+        className: components_ToolsBar_styles_module.ToolsBar,
+        style: axisStyle,
+        children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)("div", {
+            className: components_ToolsBar_styles_module.fun,
+            children: [
+                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, {}),
+                /*#__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)(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, {}),
+                        /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(Limit_Switch, {}),
+                        /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(Markers_Switch, {})
+                    ]
+                }),
+                type === constants_ChartType.Scan && /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.Fragment, {
+                    children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(SegmentsDisplayControl, {})
+                }),
+                type === constants_ChartType.Heatmap && /*#__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)(HeatmapCapture_Switch, {}),
+                        /*#__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, {})
+            ]
+        })
+    });
+};
+const components_ToolsBar = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react__.memo)(ToolsBar);
+const LevelStream_Chart_Chart = (props)=>{
+    const { publish } = props;
+    const { analyzer } = uselevelStreamAnalyzer();
+    hooks_usePublish({
+        publish,
+        subscribe: (e)=>{
+            const { pstype } = e;
+            if (pstype === constants_PSType.Reset) analyzer?.reset();
+            if (pstype === constants_PSType.LevelStream) analyzer?.process(e.data);
+        }
+    });
+    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)(components_Container, {
+        children: [
+            /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(components_ToolsBar, {
+                type: constants_ChartType.LevelStream
+            }),
+            /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(components_FlexBox, {
+                children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(modules_Spectrum, {
+                    children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(PluginBox, {
+                        children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(Level, {
+                            opacity: 0.5
+                        })
+                    })
+                })
+            })
+        ]
+    });
+};
+const LevelStream_Chart = LevelStream_Chart_Chart;
+const LevelStreamChart = (props)=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(store, {
+        ...props,
+        cursor: {
+            show: false
+        },
+        zoom: {
+            show: false
+        },
+        signal: {
+            show: false
+        },
+        children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(LevelStream_Chart, {
+            ...props
+        })
+    });
+const LevelStream_LevelStream = withChartPublisher(LevelStreamChart, 'LevelStream');
+const LevelStream = LevelStream_LevelStream;
+var occupancy_components_Ticks_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/AxisY/occupancy/components/Ticks/styles.module.less");
+var occupancy_components_Ticks_styles_module_options = {};
+occupancy_components_Ticks_styles_module_options.styleTagTransform = styleTagTransform_default();
+occupancy_components_Ticks_styles_module_options.setAttributes = setAttributesWithoutAttributes_default();
+occupancy_components_Ticks_styles_module_options.insert = insertBySelector_default().bind(null, "head");
+occupancy_components_Ticks_styles_module_options.domAPI = styleDomAPI_default();
+occupancy_components_Ticks_styles_module_options.insertStyleElement = insertStyleElement_default();
+injectStylesIntoStyleTag_default()(occupancy_components_Ticks_styles_module.Z, occupancy_components_Ticks_styles_module_options);
+const AxisY_occupancy_components_Ticks_styles_module = occupancy_components_Ticks_styles_module.Z && occupancy_components_Ticks_styles_module.Z.locals ? occupancy_components_Ticks_styles_module.Z.locals : void 0;
+const Ticks_ticks = [
+    '100%',
+    '75%',
+    '50%',
+    '25%',
+    '0%'
+];
+const occupancy_components_Ticks_Ticks = (props)=>{
+    const { inside = false } = props;
+    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
+        className: AxisY_occupancy_components_Ticks_styles_module.ticks,
+        style: {
+            alignItems: inside ? 'flex-start' : 'flex-end'
+        },
+        children: Ticks_ticks.map((i)=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
+                children: i
+            }, i))
+    });
+};
+const occupancy_components_Ticks = occupancy_components_Ticks_Ticks;
+var occupancy_type_Default_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/AxisY/occupancy/type/Default/styles.module.less");
+var type_Default_styles_module_options = {};
+type_Default_styles_module_options.styleTagTransform = styleTagTransform_default();
+type_Default_styles_module_options.setAttributes = setAttributesWithoutAttributes_default();
+type_Default_styles_module_options.insert = insertBySelector_default().bind(null, "head");
+type_Default_styles_module_options.domAPI = styleDomAPI_default();
+type_Default_styles_module_options.insertStyleElement = insertStyleElement_default();
+injectStylesIntoStyleTag_default()(occupancy_type_Default_styles_module.Z, type_Default_styles_module_options);
+const AxisY_occupancy_type_Default_styles_module = occupancy_type_Default_styles_module.Z && occupancy_type_Default_styles_module.Z.locals ? occupancy_type_Default_styles_module.Z.locals : void 0;
+const Default_Default = ()=>{
+    const { axisYWidth, marginLeft } = useAxisYWidth();
+    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
+        className: AxisY_occupancy_type_Default_styles_module.axisyoccupancydefault,
+        style: {
+            width: axisYWidth,
+            marginLeft
+        },
+        children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(occupancy_components_Ticks, {})
+    });
+};
+const occupancy_type_Default = /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__["default"].memo(Default_Default);
+const AxisYOccupancy = (props)=>{
+    const { disabled } = props;
+    const { state: { axisY } } = useStore_useStore();
+    const { show } = axisY;
+    if (false === show || disabled) return null;
+    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(occupancy_type_Default, {});
+};
+const AxisY_occupancy = AxisYOccupancy;
+var Occdahsed_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/GridLines/Occdahsed/styles.module.less");
+var Occdahsed_styles_module_options = {};
+Occdahsed_styles_module_options.styleTagTransform = styleTagTransform_default();
+Occdahsed_styles_module_options.setAttributes = setAttributesWithoutAttributes_default();
+Occdahsed_styles_module_options.insert = insertBySelector_default().bind(null, "head");
+Occdahsed_styles_module_options.domAPI = styleDomAPI_default();
+Occdahsed_styles_module_options.insertStyleElement = insertStyleElement_default();
+injectStylesIntoStyleTag_default()(Occdahsed_styles_module.Z, Occdahsed_styles_module_options);
+const GridLines_Occdahsed_styles_module = Occdahsed_styles_module.Z && Occdahsed_styles_module.Z.locals ? Occdahsed_styles_module.Z.locals : void 0;
+const Occdahsed_Dashed = ()=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
+        className: GridLines_Occdahsed_styles_module.item
+    });
+const Occdahsed_Occdahsed = ()=>{
+    const { state: { gridLines } } = useStore_useStore();
+    return gridLines && /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)("div", {
+        className: GridLines_Occdahsed_styles_module.Occdahsed,
+        children: [
+            /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(Occdahsed_Dashed, {}),
+            /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(Occdahsed_Dashed, {}),
+            /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(Occdahsed_Dashed, {}),
+            /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(Occdahsed_Dashed, {})
+        ]
+    });
+};
+const Occdahsed = Occdahsed_Occdahsed;
+var TotalLine_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/modules/Occupancy/TotalLine/styles.module.less");
+var TotalLine_styles_module_options = {};
+TotalLine_styles_module_options.styleTagTransform = styleTagTransform_default();
+TotalLine_styles_module_options.setAttributes = setAttributesWithoutAttributes_default();
+TotalLine_styles_module_options.insert = insertBySelector_default().bind(null, "head");
+TotalLine_styles_module_options.domAPI = styleDomAPI_default();
+TotalLine_styles_module_options.insertStyleElement = insertStyleElement_default();
+injectStylesIntoStyleTag_default()(TotalLine_styles_module.Z, TotalLine_styles_module_options);
+const Occupancy_TotalLine_styles_module = TotalLine_styles_module.Z && TotalLine_styles_module.Z.locals ? TotalLine_styles_module.Z.locals : void 0;
+const TotalLine_TotalLine = (props)=>{
+    const { value } = props;
+    const style = (0, __WEBPACK_EXTERNAL_MODULE_react__.useMemo)(()=>({
+            bottom: `${value || -200}%`
+        }), [
+        value
+    ]);
+    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
+        className: Occupancy_TotalLine_styles_module.TotalLine,
+        children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)("div", {
+            className: Occupancy_TotalLine_styles_module.item,
+            style: style,
+            children: [
+                /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
+                    className: Occupancy_TotalLine_styles_module.line
                 }),
-                'area' === currentMode && /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)("g", {
-                    children: [
-                        /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("defs", {
-                            children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)("linearGradient", {
-                                id: "areaGradient",
-                                x1: "0%",
-                                y1: "100%",
-                                x2: "0%",
-                                y2: "0%",
-                                children: [
-                                    /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("stop", {
-                                        offset: "0%",
-                                        stopColor: "var(--theme-color-primary)",
-                                        stopOpacity: "0.2"
-                                    }),
-                                    /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("stop", {
-                                        offset: "100%",
-                                        stopColor: "var(--theme-color-primary)",
-                                        stopOpacity: "0.6"
-                                    })
-                                ]
-                            })
-                        }),
-                        /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("path", {
-                            d: "M100 800L100 500L300 300L500 400L700 200L900 350L900 800Z",
-                            fill: "url(#areaGradient)"
-                        }),
-                        /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("path", {
-                            d: "M100 500L300 300L500 400L700 200L900 350",
-                            fill: "none",
-                            stroke: "var(--theme-color-primary)",
-                            strokeWidth: "6",
-                            strokeLinecap: "round",
-                            strokeLinejoin: "round"
-                        })
-                    ]
+                /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
+                    className: Occupancy_TotalLine_styles_module.value,
+                    children: value
                 })
             ]
         })
     });
 };
-const ToolsBar_SeriesControl = SeriesControl;
-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");
-var SeriesDisplayControl_styles_module_options = {};
-SeriesDisplayControl_styles_module_options.styleTagTransform = styleTagTransform_default();
-SeriesDisplayControl_styles_module_options.setAttributes = setAttributesWithoutAttributes_default();
-SeriesDisplayControl_styles_module_options.insert = insertBySelector_default().bind(null, "head");
-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 { 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), [
-        data,
-        legendExternal
-    ]);
-    const onClick = (0, __WEBPACK_EXTERNAL_MODULE_react__.useCallback)((name, isDisplayTrue)=>{
-        if (globalID) {
-            const item = data.get(name);
-            if (item) {
-                const newDisplay = isDisplayTrue ? true : !item.display;
-                data.set(name, {
-                    ...item,
-                    display: newDisplay
-                });
-                series.data = data;
-                dispatch({
-                    payload: {
-                        series
+const TotalLine = TotalLine_TotalLine;
+const Occupancy_Occupancy = (props)=>{
+    const { occupancyAxisYDisabled } = props;
+    const { state: { globalID } } = useStore_useStore();
+    const { id, chart, Chart } = useChart({
+        Render: Occupancy
+    });
+    const [value, setValue] = (0, __WEBPACK_EXTERNAL_MODULE_react__.useState)(0);
+    (0, __WEBPACK_EXTERNAL_MODULE_react__.useEffect)(()=>{
+        if (chart && globalID) tools(globalID, constants_ModuleType.Occupancy, (d)=>{
+            const { pstype } = d;
+            switch(pstype){
+                case constants_PSType.Render:
+                    {
+                        const { data, totalOccupancy } = d;
+                        if (data) chart.updateSeries(data);
+                        if (void 0 !== totalOccupancy) setValue(totalOccupancy);
                     }
-                });
-                tools(globalID, constants_ModuleType.Spectrum)({
-                    pstype: constants_PSType.Series,
-                    name,
-                    display: newDisplay
-                });
+                    break;
+                case constants_PSType.Reset:
+                    chart.reset();
+                    setValue(0);
+                    break;
+                default:
             }
-        }
+        });
     }, [
-        series,
-        data,
+        chart,
         globalID
     ]);
-    (0, __WEBPACK_EXTERNAL_MODULE_react__.useEffect)(()=>{
-        if (forceDisplay) Object.values(SERIES).filter((s)=>!s.display).map((s)=>s.name).forEach((s)=>{
-            if (!legendExternal.includes(s)) setTimeout(()=>{
-                onClick(s, true);
-            }, 1);
-        });
+    useZoomEvent(id, constants_ModuleType.Occupancy);
+    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)(components_FlexBox, {
+        children: [
+            /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(AxisY_occupancy, {
+                disabled: occupancyAxisYDisabled
+            }),
+            /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)(PluginBox, {
+                children: [
+                    /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(Occdahsed, {}),
+                    /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(Chart, {}),
+                    /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(EventBus, {
+                        id: id
+                    }),
+                    /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(TotalLine, {
+                        value: value
+                    }),
+                    /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(components_Cursor, {
+                        id: id,
+                        type: constants_ModuleType.Occupancy
+                    })
+                ]
+            })
+        ]
+    });
+};
+const modules_Occupancy = Occupancy_Occupancy;
+const Occupancy_Chart_Chart = (props)=>{
+    const { publish } = props;
+    const { state: { globalID } } = useStore_useStore();
+    hooks_usePublish({
+        publish,
+        subscribe: (e)=>{
+            if (e.pstype === constants_PSType.Occupancy) tools(globalID, constants_ModuleType.Occupancy)({
+                ...e,
+                pstype: constants_PSType.Render
+            });
+        }
+    });
+    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(components_Container, {
+        children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(components_FlexBox, {
+            children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(modules_Occupancy, {})
+        })
+    });
+};
+const Occupancy_Chart = Occupancy_Chart_Chart;
+const OccupancyChart = (props)=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(store, {
+        ...props,
+        children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(Occupancy_Chart, {
+            ...props
+        })
+    });
+const lib_Occupancy_Occupancy = withChartPublisher(OccupancyChart, 'Occupancy');
+const lib_Occupancy = lib_Occupancy_Occupancy;
+var AxisX_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/AxisX/styles.module.less");
+var AxisX_styles_module_options = {};
+AxisX_styles_module_options.styleTagTransform = styleTagTransform_default();
+AxisX_styles_module_options.setAttributes = setAttributesWithoutAttributes_default();
+AxisX_styles_module_options.insert = insertBySelector_default().bind(null, "head");
+AxisX_styles_module_options.domAPI = styleDomAPI_default();
+AxisX_styles_module_options.insertStyleElement = insertStyleElement_default();
+injectStylesIntoStyleTag_default()(AxisX_styles_module.Z, AxisX_styles_module_options);
+const components_AxisX_styles_module = AxisX_styles_module.Z && AxisX_styles_module.Z.locals ? AxisX_styles_module.Z.locals : void 0;
+const ThreeFixedTicks = ()=>{
+    const { state: { zoom: { interval: { start: intervalStart, end: intervalEnd } }, axisX: { unit, unitKHz }, segments } } = useStore_useStore();
+    const { totalPoints } = segments;
+    const endIndex = totalPoints - 1;
+    const { start, bandwidth = 0 } = segments[0] ?? {};
+    const center = (0, __WEBPACK_EXTERNAL_MODULE_react__.useMemo)(()=>{
+        if (!endIndex || !bandwidth || void 0 === start) return 0;
+        const midIndex = (0, utils.wF)(intervalStart, intervalEnd);
+        const safeIndex = Math.max(0, Math.min(midIndex, endIndex));
+        return (0, utils.lj)(start + safeIndex * bandwidth / (1000 * endIndex));
     }, [
-        forceDisplay,
-        seriesArray
+        intervalStart,
+        intervalEnd,
+        start,
+        endIndex,
+        bandwidth
+    ]);
+    const bandwidthDiff = (0, __WEBPACK_EXTERNAL_MODULE_react__.useMemo)(()=>{
+        if (!totalPoints || !bandwidth) return 0;
+        const intervalWidth = intervalEnd - intervalStart + 1;
+        return (0, utils.lj)(intervalWidth * bandwidth / (2 * totalPoints));
+    }, [
+        intervalStart,
+        intervalEnd,
+        totalPoints,
+        bandwidth
+    ]);
+    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)("div", {
+        className: components_AxisX_styles_module.con,
+        children: [
+            /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(FrequencyLabel, {
+                value: bandwidthDiff,
+                unit: unitKHz,
+                prefix: "-"
+            }),
+            /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(FrequencyLabel, {
+                value: center,
+                unit: unit
+            }),
+            /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(FrequencyLabel, {
+                value: bandwidthDiff,
+                unit: unitKHz,
+                prefix: "+"
+            }),
+            /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(components_RulerTicks, {
+                length: 10,
+                split: 5
+            })
+        ]
+    });
+};
+const FrequencyLabel = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react__.memo)(({ value, unit, prefix = '' })=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)("div", {
+        style: {
+            paddingLeft: '5px'
+        },
+        children: [
+            prefix,
+            value,
+            unit
+        ]
+    }));
+const FrequencyTick = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react__.memo)(({ value, index, total })=>{
+    const leftPercentage = index / total * 100;
+    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
+        className: `${components_AxisX_styles_module.frequencyTick} ${0 === index ? components_AxisX_styles_module.first : index === total ? components_AxisX_styles_module.last : ''}`,
+        style: {
+            left: `${leftPercentage}%`
+        },
+        children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("span", {
+            children: value
+        })
+    });
+});
+const TICK_COUNT = 5;
+const DataNFixedTicks = ()=>{
+    const { state: { segments: { totalPoints }, zoom: { interval: { start: intervalStart, end: intervalEnd } }, axisX: { frequencyFormat } } } = useStore_useStore();
+    const getFrequencyByIndex = (0, __WEBPACK_EXTERNAL_MODULE_react__.useCallback)((index)=>{
+        if (!totalPoints) return 0;
+        const percentage = Math.min(100 * index / totalPoints, 100);
+        return frequencyFormat(percentage);
+    }, [
+        totalPoints,
+        frequencyFormat
     ]);
-    const [isCollapsed, setIsCollapsed] = (0, __WEBPACK_EXTERNAL_MODULE_react__.useState)(true);
-    const toggleCollapse = (0, __WEBPACK_EXTERNAL_MODULE_react__.useCallback)(()=>{
-        setIsCollapsed((prev)=>!prev);
-    }, []);
-    (0, __WEBPACK_EXTERNAL_MODULE_react__.useEffect)(()=>{
-        let timeout;
-        clearTimeout(timeout);
-        if (!isCollapsed) timeout = setTimeout(()=>{
-            setIsCollapsed(true);
-        }, 10000);
-        return ()=>{
-            clearTimeout(timeout);
-        };
+    const ticks = (0, __WEBPACK_EXTERNAL_MODULE_react__.useMemo)(()=>{
+        const step = (intervalEnd - intervalStart + 1) / TICK_COUNT;
+        return Array.from({
+            length: TICK_COUNT + 1
+        }, (_, i)=>getFrequencyByIndex(intervalStart + step * i));
     }, [
-        isCollapsed
+        intervalStart,
+        intervalEnd,
+        getFrequencyByIndex
     ]);
-    const CollapsedIcon = (0, __WEBPACK_EXTERNAL_MODULE_react__.useMemo)(()=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(ToolsBar_IconBox, {
-            onClick: toggleCollapse,
-            title: `\u{56FE}\u{4F8B}\u{5DF2}${!isCollapsed ? "\u5C55\u5F00" : "\u6298\u53E0"}`,
-            children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)("svg", {
-                className: ToolsBar_SeriesDisplayControl_styles_module.collapseIcon,
-                viewBox: "0 0 1024 1024",
-                version: "1.1",
-                xmlns: "http://www.w3.org/2000/svg",
-                width: "16",
-                height: "16",
-                children: [
-                    /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("path", {
-                        d: "M930.909091 896H93.090909c-18.618182 0-34.909091-16.290909-34.909091-34.909091V162.909091c0-18.618182 16.290909-34.909091 34.909091-34.909091h837.818182c18.618182 0 34.909091 16.290909 34.909091 34.909091v698.181818c0 18.618182-16.290909 34.909091-34.909091 34.909091z m-802.909091-69.818182h770.327273v-628.363636H128v628.363636z",
-                        fill: isCollapsed ? 'var(--theme-color-base)' : 'var(--theme-color-primary)'
-                    }),
-                    /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("path", {
-                        d: "M232.727273 640c-4.654545 0-9.309091 0-13.963637-2.327273-16.290909-6.981818-25.6-27.927273-18.618181-44.218182l116.363636-279.272727c4.654545-11.636364 16.290909-20.945455 30.254545-20.945454 13.963636 0 25.6 4.654545 32.581819 16.290909l83.781818 146.618182H814.545455c18.618182 0 34.909091 16.290909 34.90909 34.90909s-16.290909 34.909091-34.90909 34.909091H442.181818c-11.636364 0-23.272727-6.981818-30.254545-16.290909l-58.181818-102.4-90.763637 216.436364c-4.654545 6.981818-16.290909 16.290909-30.254545 16.290909zM814.545455 663.272727H488.727273c-18.618182 0-34.909091-16.290909-34.909091-34.909091s16.290909-34.909091 34.909091-34.909091h325.818182c18.618182 0 34.909091 16.290909 34.90909 34.909091s-16.290909 34.909091-34.90909 34.909091z",
-                        fill: isCollapsed ? 'var(--theme-color-base)' : 'var(--theme-color-primary)'
-                    })
-                ]
+    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)("div", {
+        className: components_AxisX_styles_module.con,
+        children: [
+            ticks.map((tick, index)=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(FrequencyTick, {
+                    value: tick,
+                    index: index,
+                    total: ticks.length - 1
+                }, `tick-${index}`)),
+            /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(components_RulerTicks, {
+                length: 10,
+                split: 2
             })
-        }), [
-        isCollapsed
+        ]
+    });
+};
+const MScanTicks = ()=>{
+    const { state: { segments } } = useStore_useStore();
+    const style = (0, __WEBPACK_EXTERNAL_MODULE_react__.useMemo)(()=>({
+            display: 'flex',
+            flex: 1,
+            justifyContent: 'center',
+            alignItems: 'center'
+        }), []);
+    const t = (0, __WEBPACK_EXTERNAL_MODULE_react__.useMemo)(()=>segments.map((item)=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
+                style: style,
+                children: item.label
+            }, item.index)), [
+        segments
     ]);
-    if (!(data instanceof Map)) return null;
     return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)("div", {
-        className: `${ToolsBar_SeriesDisplayControl_styles_module.SeriesDisplayControl} ${!isCollapsed ? ToolsBar_SeriesDisplayControl_styles_module.collapsed : ''}`,
+        className: components_AxisX_styles_module.con,
         children: [
-            CollapsedIcon,
-            !isCollapsed && /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
-                className: ToolsBar_SeriesDisplayControl_styles_module.itemsContainer,
-                children: seriesArray.map((name)=>{
-                    const series = data.get(name);
-                    const dp = series?.display;
-                    const label = series?.label;
-                    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(Tooltip, {
-                        content: `${label} \u{5DF2}${dp ? "\u663E\u793A" : "\u9690\u85CF"}`,
-                        children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
-                            className: ToolsBar_SeriesDisplayControl_styles_module.item,
-                            onClick: ()=>{
-                                onClick(name);
-                            },
-                            style: {
-                                color: dp ? series?.color : 'var(--theme-color-base)',
-                                opacity: dp ? 1 : 0.5
-                            },
-                            children: label
-                        })
-                    }, name);
-                })
+            t,
+            /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(components_RulerTicks, {
+                length: 2 * segments.length,
+                split: 2
             })
         ]
     });
 };
-const ToolsBar_SeriesDisplayControl = SeriesDisplayControl;
-const SpacerLine = ()=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
-        className: components_ToolsBar_styles_module.spacerLine
+const AxisXTicks = ({ type })=>{
+    const { state: { axisX: { show } } } = useStore_useStore();
+    if (!show) return null;
+    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
+        className: components_AxisX_styles_module.AxisXTicks,
+        children: type === constants_ChartType.Scan || type === constants_ChartType.ScanDF360 ? /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(DataNFixedTicks, {}) : type === constants_ChartType.MScan ? /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(Zoom_ZoomOffsetContainer, {
+            children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(MScanTicks, {})
+        }) : /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(ThreeFixedTicks, {})
     });
-const ToolsBar_SpacerLine = SpacerLine;
-const ToolsBar = ({ type })=>{
-    const { state: { toolsBar: { show } } } = useStore_useStore();
+};
+const AxisX_Ticks = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react__.memo)(AxisXTicks);
+const AxisX_AxisX = ({ type })=>{
+    const { state: { axisX } } = useStore_useStore();
+    const { children, unit, ticks } = axisX;
     const { width, pluginBoxWidth } = useAxisYWidth();
+    const ref = (0, __WEBPACK_EXTERNAL_MODULE_react__.useRef)(null);
     const axisStyle = (0, __WEBPACK_EXTERNAL_MODULE_react__.useMemo)(()=>({
             marginLeft: width,
             width: pluginBoxWidth
@@ -14765,42 +14566,125 @@ const ToolsBar = ({ type })=>{
         width,
         pluginBoxWidth
     ]);
-    if (type === constants_ChartType.Occupancy || !show) return null;
-    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
-        className: components_ToolsBar_styles_module.ToolsBar,
-        style: axisStyle,
+    if (!axisX) return null;
+    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(Tooltip, {
+        content: `\u{5355}\u{4F4D}${unit}`,
         children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)("div", {
-            className: components_ToolsBar_styles_module.fun,
+            ref: ref,
+            className: components_AxisX_styles_module.axisx,
+            style: axisStyle,
             children: [
-                type !== constants_ChartType.Heatmap && type !== constants_ChartType.ScanDF360 && /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(Autoranging, {}),
-                type !== constants_ChartType.ScanDF360 && /*#__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, {}),
-                /*#__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, {
+                ticks && /*#__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)(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, {}),
-                        /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(Limit_Switch, {}),
-                        /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(Markers_Switch, {})
+                        /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
+                            className: components_AxisX_styles_module.unit,
+                            children: unit
+                        }),
+                        /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(AxisX_Ticks, {
+                            type: type
+                        })
                     ]
                 }),
-                type === constants_ChartType.Scan && /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.Fragment, {
-                    children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(SegmentsDisplayControl, {})
-                }),
-                type === constants_ChartType.Heatmap && /*#__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)(HeatmapCapture_Switch, {}),
-                        /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(TimeRange_Switch, {})
-                    ]
+                /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
+                    children: children
+                })
+            ]
+        })
+    });
+};
+const AxisX = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react__.memo)(AxisX_AxisX);
+var Blaze_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/Blaze/styles.module.less");
+var Blaze_styles_module_options = {};
+Blaze_styles_module_options.styleTagTransform = styleTagTransform_default();
+Blaze_styles_module_options.setAttributes = setAttributesWithoutAttributes_default();
+Blaze_styles_module_options.insert = insertBySelector_default().bind(null, "head");
+Blaze_styles_module_options.domAPI = styleDomAPI_default();
+Blaze_styles_module_options.insertStyleElement = insertStyleElement_default();
+injectStylesIntoStyleTag_default()(Blaze_styles_module.Z, Blaze_styles_module_options);
+const components_Blaze_styles_module = Blaze_styles_module.Z && Blaze_styles_module.Z.locals ? Blaze_styles_module.Z.locals : void 0;
+const BLAZE_PROGRESS = (globalID, func)=>subscription_createSubscriptionManager(`BLAZE_PROGRESS-${globalID}`, '0', func);
+const Blaze = ()=>{
+    const { state: { blaze: { show }, segments, globalID } } = useStore_useStore();
+    const [left, setLeft] = (0, __WEBPACK_EXTERNAL_MODULE_react__.useState)('');
+    const excludePercent = (0, __WEBPACK_EXTERNAL_MODULE_react__.useMemo)(()=>{
+        const exclude = [];
+        for(let i = 0; i < segments.length; i++){
+            const segment = segments[i];
+            if (segment.progress) exclude.push(...segment.progress);
+        }
+        return exclude;
+    }, [
+        segments
+    ]);
+    (0, __WEBPACK_EXTERNAL_MODULE_react__.useEffect)(()=>{
+        if (show && globalID) BLAZE_PROGRESS(globalID, (progress)=>{
+            setLeft(excludePercent.includes(progress) ? void 0 : `${100 * progress}%`);
+        });
+    }, [
+        show,
+        globalID
+    ]);
+    if (!show) return null;
+    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(Zoom_ZoomOffsetContainer, {
+        children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)("div", {
+            className: components_Blaze_styles_module.blaze,
+            style: {
+                left
+            },
+            children: [
+                /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
+                    className: components_Blaze_styles_module.line
                 }),
-                (type === constants_ChartType.SingleFrequency || type === constants_ChartType.Scan || type === constants_ChartType.MScan) && /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(ToolsBar_SeriesDisplayControl, {})
+                /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
+                    className: components_Blaze_styles_module.shadow
+                })
             ]
         })
     });
 };
-const components_ToolsBar = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react__.memo)(ToolsBar);
+const components_Blaze = /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__["default"].memo(Blaze);
+var Legend_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/Legend/styles.module.less");
+var Legend_styles_module_options = {};
+Legend_styles_module_options.styleTagTransform = styleTagTransform_default();
+Legend_styles_module_options.setAttributes = setAttributesWithoutAttributes_default();
+Legend_styles_module_options.insert = insertBySelector_default().bind(null, "head");
+Legend_styles_module_options.domAPI = styleDomAPI_default();
+Legend_styles_module_options.insertStyleElement = insertStyleElement_default();
+injectStylesIntoStyleTag_default()(Legend_styles_module.Z, Legend_styles_module_options);
+const components_Legend_styles_module = Legend_styles_module.Z && Legend_styles_module.Z.locals ? Legend_styles_module.Z.locals : void 0;
+const Legend = ()=>{
+    const { state: { legend: { children } } } = useStore_useStore();
+    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
+        className: components_Legend_styles_module.legend,
+        children: children
+    });
+};
+const components_Legend = Legend;
+var SegmentsZebra_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/SegmentsZebra/styles.module.less");
+var SegmentsZebra_styles_module_options = {};
+SegmentsZebra_styles_module_options.styleTagTransform = styleTagTransform_default();
+SegmentsZebra_styles_module_options.setAttributes = setAttributesWithoutAttributes_default();
+SegmentsZebra_styles_module_options.insert = insertBySelector_default().bind(null, "head");
+SegmentsZebra_styles_module_options.domAPI = styleDomAPI_default();
+SegmentsZebra_styles_module_options.insertStyleElement = insertStyleElement_default();
+injectStylesIntoStyleTag_default()(SegmentsZebra_styles_module.Z, SegmentsZebra_styles_module_options);
+const components_SegmentsZebra_styles_module = SegmentsZebra_styles_module.Z && SegmentsZebra_styles_module.Z.locals ? SegmentsZebra_styles_module.Z.locals : void 0;
+const SegmentsZebra = ()=>{
+    const { state: { segments } } = useStore_useStore();
+    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(Zoom_ZoomOffsetContainer, {
+        className: components_SegmentsZebra_styles_module.SegmentsZebra,
+        children: segments.map((i, key)=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
+                className: components_SegmentsZebra_styles_module.item,
+                style: {
+                    width: `${100 * i.point / segments.totalPoints}%`,
+                    borderColor: key % 2 === 1 ? 'var(--theme-border-base)' : 'transparent',
+                    background: key % 2 === 1 ? 'var(--theme-bg-second)' : 'transparent',
+                    opacity: key % 2 === 1 ? 0.4 : 1
+                }
+            }, `${i.start}_${key}`))
+    });
+};
+const components_SegmentsZebra = SegmentsZebra;
 const Zoom_Zoom = ()=>{
     const { state: { zoom, segments: { totalPoints }, axisX: { frequencyFormat } }, dispatch } = useStore_useStore();
     const { interval: { start, end }, onChange } = zoom;