@rfkit/charts 1.2.22 → 1.2.24

package/README.md

@@ -187,7 +187,7 @@ export interface PublishSpectrum {
   templateData?: Float32Array;
   extraData?: SpectrumExtraData;
   // 瀑布图可选参数
-  timestamp?: number;
+  timestamp?: string;
   // 扫描可选参数
   offset?: number; // 当前段的点偏移量
   segmentOffset?: number; // 当前段的索引

package/components/AxisY/heatmap/components/Ticks/index.d.ts

@@ -1,7 +1,7 @@
-import type React from 'react';
+import React from 'react';
 interface Props {
     id: string;
     inside?: boolean;
 }
-declare const Ticks: React.FC<Props>;
-export default Ticks;
+declare const _default: React.NamedExoticComponent<Props>;
+export default _default;

package/components/HeatmapCapture/tools.d.ts

@@ -14,12 +14,8 @@ export declare const defaultAreaInfoResult: {
     endIndex: number;
     startCol: number;
     endCol: number;
-    startTimestamp: number;
-    startTimestampFormat: string;
-    endTimestamp: number;
-    endTimestampFormat: string;
-    duration: number;
-    durationFormat: string;
+    startTimestamp: string;
+    endTimestamp: string;
     startFrequency: number;
     startFrequencyFormat: string;
     endFrequency: number;

package/index.js

@@ -125,8 +125,8 @@ var __webpack_modules__ = {
             Ax: ()=>leftSegments2frequency,
             Bp: ()=>isdBm,
             Ce: ()=>_frequencyCalculation__WEBPACK_IMPORTED_MODULE_0__.Ce,
-            Fc: ()=>getDateTime,
             IS: ()=>generateFrequencySegments,
+            JP: ()=>dateTimeToTimestamp,
             LB: ()=>_frequencyCalculation__WEBPACK_IMPORTED_MODULE_0__.LB,
             P2: ()=>throttle1,
             P9: ()=>convertToTimestampedArrays,
@@ -136,6 +136,7 @@ var __webpack_modules__ = {
             SF: ()=>createGUID,
             cE: ()=>_frequencyCalculation__WEBPACK_IMPORTED_MODULE_0__.cE,
             hK: ()=>_frequencyCalculation__WEBPACK_IMPORTED_MODULE_0__.hK,
+            i$: ()=>formatTimestamp,
             ih: ()=>_frequencyCalculation__WEBPACK_IMPORTED_MODULE_0__.ih,
             kL: ()=>getDimInfo,
             lj: ()=>getFrequencyToFixed,
@@ -152,27 +153,58 @@ var __webpack_modules__ = {
         });
         var _frequencyCalculation__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("./src/utils/frequencyCalculation.ts");
         const createGUID = ()=>((1 + Math.random()) * 0x10000 | 0).toString(16).substring(1);
-        const getDateTime = (t = Date.now(), sep1 = '-', sep2 = ':', time = false)=>{
-            if (!t) return '';
-            let timestamp;
-            if (t instanceof Date) timestamp = t.getTime();
-            else {
-                if ('number' != typeof t) return '';
-                timestamp = t;
-                if (10 === timestamp.toString().length) timestamp *= 1000;
+        const formatTimestamp = (input = Date.now(), options)=>{
+            if (null == input) return '';
+            let ts = 0;
+            if ('number' == typeof input) {
+                ts = input;
+                if (ts > 0 && ts < 10000000000) ts *= 1000;
+            } else ts = input.getTime();
+            const d = new Date(ts);
+            const time = d.getTime();
+            if (!Number.isFinite(time)) return '';
+            const { dateSeparator = '-', timeSeparator = ':', timeOnly = false } = options ?? {};
+            const y = d.getFullYear();
+            const m = `${d.getMonth() + 1}`.padStart(2, '0');
+            const dd = `${d.getDate()}`.padStart(2, '0');
+            const hh = `${d.getHours()}`.padStart(2, '0');
+            const mm = `${d.getMinutes()}`.padStart(2, '0');
+            const ss = `${d.getSeconds()}`.padStart(2, '0');
+            const tStr = `${hh}${timeSeparator}${mm}${timeSeparator}${ss}`;
+            if (timeOnly) return tStr;
+            const dStr = `${y}${dateSeparator}${m}${dateSeparator}${dd}`;
+            return `${dStr} ${tStr}`;
+        };
+        const dateTimeToTimestamp = (dateTimeStr, sep1 = '-', sep2 = ':', isTimeOnly = false)=>{
+            if ('string' != typeof dateTimeStr) {
+                console.error("dateTimeToTimestamp: \u8F93\u5165\u5FC5\u987B\u662F\u5B57\u7B26\u4E32");
+                return -1;
+            }
+            let year = 0, month = 0, day = 0, hours = 0, minutes = 0, seconds = 0;
+            if (isTimeOnly) {
+                const timeParts = dateTimeStr.split(sep2);
+                if (3 !== timeParts.length) return -1;
+                hours = parseInt(timeParts[0], 10) || 0;
+                minutes = parseInt(timeParts[1], 10) || 0;
+                seconds = parseInt(timeParts[2], 10) || 0;
+                const now = new Date();
+                return new Date(now.getFullYear(), now.getMonth(), now.getDate(), hours, minutes, seconds).getTime();
             }
-            const date = new Date(timestamp);
-            if (Number.isNaN(date.getTime())) return '';
-            const year = date.getFullYear();
-            const month = String(date.getMonth() + 1).padStart(2, '0');
-            const day = String(date.getDate()).padStart(2, '0');
-            const hours = String(date.getHours()).padStart(2, '0');
-            const minutes = String(date.getMinutes()).padStart(2, '0');
-            const seconds = String(date.getSeconds()).padStart(2, '0');
-            const timeStr = `${hours}${sep2}${minutes}${sep2}${seconds}`;
-            if (time) return timeStr;
-            const dateStr = `${year}${sep1}${month}${sep1}${day}`;
-            return `${dateStr} ${timeStr}`;
+            const partsBySpace = dateTimeStr.split(' ');
+            if (2 !== partsBySpace.length) return -1;
+            const [datePart, timePart] = partsBySpace;
+            const dateParts = datePart.split(sep1);
+            if (3 !== dateParts.length) return -1;
+            year = parseInt(dateParts[0], 10) || 0;
+            month = parseInt(dateParts[1], 10) || 0;
+            day = parseInt(dateParts[2], 10) || 0;
+            const timeParts = timePart.split(sep2);
+            if (3 !== timeParts.length) return -1;
+            hours = parseInt(timeParts[0], 10) || 0;
+            minutes = parseInt(timeParts[1], 10) || 0;
+            seconds = parseInt(timeParts[2], 10) || 0;
+            const date = new Date(year, month - 1, day, hours, minutes, seconds);
+            return date.getTime();
         };
         function throttle1(func = ()=>{}, wait = 1000 / 30) {
             let prev = 0;
@@ -705,7 +737,7 @@ var __webpack_modules__ = {
         };
         const __WEBPACK_DEFAULT_EXPORT__ = ___CSS_LOADER_EXPORT___;
     },
-    "../../../../../../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.5.0_@rsbuild+core@1.6.9/node_modules/@rsbuild/plugin-less/compiled/less-loader/index.js??ruleSet[1].rules[11].use[3]!./src/components/AxisY/heatmap/components/FullTicks/styles.module.less": function(module, __webpack_exports__, __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.5.0_@rsbuild+core@1.6.9/node_modules/@rsbuild/plugin-less/compiled/less-loader/index.js??ruleSet[1].rules[11].use[3]!./src/components/AxisY/heatmap/components/Ticks/styles.module.less": function(module, __webpack_exports__, __webpack_require__) {
         __webpack_require__.d(__webpack_exports__, {
             Z: ()=>__WEBPACK_DEFAULT_EXPORT__
         });
@@ -716,7 +748,7 @@ var __webpack_modules__ = {
         var ___CSS_LOADER_EXPORT___ = _node_modules_pnpm_rsbuild_core_1_3_18_node_modules_rsbuild_core_compiled_css_loader_api_js__WEBPACK_IMPORTED_MODULE_1___default()(_node_modules_pnpm_rsbuild_core_1_3_18_node_modules_rsbuild_core_compiled_css_loader_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default());
         ___CSS_LOADER_EXPORT___.push([
             module.id,
-            `.ticks-xEFqwB {
+            `.ticks-jNI7Tw {
   z-index: 2;
   opacity: .5;
   box-sizing: border-box;
@@ -732,7 +764,7 @@ var __webpack_modules__ = {
   position: relative;
 }
 
-.ticks-xEFqwB .tick-LfGNCR {
+.ticks-jNI7Tw .tick-lQRfPY {
   text-align: right;
   justify-content: flex-end;
   align-items: center;
@@ -743,53 +775,19 @@ var __webpack_modules__ = {
   transform: translateY(-50%)scaleX(.85);
 }
 
-.ticks-xEFqwB .tick-LfGNCR:first-child {
+.ticks-jNI7Tw .tick-lQRfPY:first-child {
   transform: translateY(-100%)scaleX(.85);
 }
 
-.ticks-xEFqwB .tick-LfGNCR:last-child {
+.ticks-jNI7Tw .tick-lQRfPY:last-child {
   transform: translateY(0%)scaleX(.85);
 }
 `,
             ""
         ]);
         ___CSS_LOADER_EXPORT___.locals = {
-            ticks: "ticks-xEFqwB",
-            tick: "tick-LfGNCR"
-        };
-        const __WEBPACK_DEFAULT_EXPORT__ = ___CSS_LOADER_EXPORT___;
-    },
-    "../../../../../../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.5.0_@rsbuild+core@1.6.9/node_modules/@rsbuild/plugin-less/compiled/less-loader/index.js??ruleSet[1].rules[11].use[3]!./src/components/AxisY/heatmap/components/Ticks/styles.module.less": function(module, __webpack_exports__, __webpack_require__) {
-        __webpack_require__.d(__webpack_exports__, {
-            Z: ()=>__WEBPACK_DEFAULT_EXPORT__
-        });
-        var _node_modules_pnpm_rsbuild_core_1_3_18_node_modules_rsbuild_core_compiled_css_loader_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("./node_modules/.pnpm/@rsbuild+core@1.3.18/node_modules/@rsbuild/core/compiled/css-loader/noSourceMaps.js");
-        var _node_modules_pnpm_rsbuild_core_1_3_18_node_modules_rsbuild_core_compiled_css_loader_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/ __webpack_require__.n(_node_modules_pnpm_rsbuild_core_1_3_18_node_modules_rsbuild_core_compiled_css_loader_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0__);
-        var _node_modules_pnpm_rsbuild_core_1_3_18_node_modules_rsbuild_core_compiled_css_loader_api_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__("./node_modules/.pnpm/@rsbuild+core@1.3.18/node_modules/@rsbuild/core/compiled/css-loader/api.js");
-        var _node_modules_pnpm_rsbuild_core_1_3_18_node_modules_rsbuild_core_compiled_css_loader_api_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/ __webpack_require__.n(_node_modules_pnpm_rsbuild_core_1_3_18_node_modules_rsbuild_core_compiled_css_loader_api_js__WEBPACK_IMPORTED_MODULE_1__);
-        var ___CSS_LOADER_EXPORT___ = _node_modules_pnpm_rsbuild_core_1_3_18_node_modules_rsbuild_core_compiled_css_loader_api_js__WEBPACK_IMPORTED_MODULE_1___default()(_node_modules_pnpm_rsbuild_core_1_3_18_node_modules_rsbuild_core_compiled_css_loader_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default());
-        ___CSS_LOADER_EXPORT___.push([
-            module.id,
-            `.ticks-jNI7Tw {
-  z-index: 2;
-  opacity: .5;
-  box-sizing: border-box;
-  width: 100%;
-  height: 100%;
-  color: var(--theme-color-base);
-  flex-flow: column;
-  justify-content: space-between;
-  align-items: flex-end;
-  padding-right: 2px;
-  font-size: 12px;
-  display: flex;
-  position: relative;
-}
-`,
-            ""
-        ]);
-        ___CSS_LOADER_EXPORT___.locals = {
-            ticks: "ticks-jNI7Tw"
+            ticks: "ticks-jNI7Tw",
+            tick: "tick-lQRfPY"
         };
         const __WEBPACK_DEFAULT_EXPORT__ = ___CSS_LOADER_EXPORT___;
     },
@@ -2208,7 +2206,7 @@ var __webpack_modules__ = {
         ___CSS_LOADER_EXPORT___.push([
             module.id,
             `.sliderContainer-lJQLJn {
-  pointer-events: auto;
+  pointer-events: none;
   z-index: 6;
   width: 100%;
   height: 100%;
@@ -2218,6 +2216,7 @@ var __webpack_modules__ = {
 
 .slider-Gua7k5 {
   box-sizing: border-box;
+  pointer-events: auto;
   grid-template: "left-edge top-edge right-edge"
                  "left-edge middle right-edge" 1fr
                  "left-edge bottom-edge right-edge"
@@ -4364,7 +4363,6 @@ function defaultState_createParams() {
             type: axisYTypeList["default"],
             hidden: [],
             linkage: true,
-            heatmapFullTicks: void 0,
             onChange: ()=>{}
         },
         axisX: {
@@ -7887,18 +7885,19 @@ function useSpectrumRule(type) {
     }, []);
     return handleSpectrumRule;
 }
-var FullTicks_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.5.0_@rsbuild+core@1.6.9/node_modules/@rsbuild/plugin-less/compiled/less-loader/index.js??ruleSet[1].rules[11].use[3]!./src/components/AxisY/heatmap/components/FullTicks/styles.module.less");
-var FullTicks_styles_module_options = {};
-FullTicks_styles_module_options.styleTagTransform = styleTagTransform_default();
-FullTicks_styles_module_options.setAttributes = setAttributesWithoutAttributes_default();
-FullTicks_styles_module_options.insert = insertBySelector_default().bind(null, "head");
-FullTicks_styles_module_options.domAPI = styleDomAPI_default();
-FullTicks_styles_module_options.insertStyleElement = insertStyleElement_default();
-injectStylesIntoStyleTag_default()(FullTicks_styles_module.Z, FullTicks_styles_module_options);
-const components_FullTicks_styles_module = FullTicks_styles_module.Z && FullTicks_styles_module.Z.locals ? FullTicks_styles_module.Z.locals : void 0;
+var 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.5.0_@rsbuild+core@1.6.9/node_modules/@rsbuild/plugin-less/compiled/less-loader/index.js??ruleSet[1].rules[11].use[3]!./src/components/AxisY/heatmap/components/Ticks/styles.module.less");
+var Ticks_styles_module_options = {};
+Ticks_styles_module_options.styleTagTransform = styleTagTransform_default();
+Ticks_styles_module_options.setAttributes = setAttributesWithoutAttributes_default();
+Ticks_styles_module_options.insert = insertBySelector_default().bind(null, "head");
+Ticks_styles_module_options.domAPI = styleDomAPI_default();
+Ticks_styles_module_options.insertStyleElement = insertStyleElement_default();
+injectStylesIntoStyleTag_default()(Ticks_styles_module.Z, Ticks_styles_module_options);
+const components_Ticks_styles_module = Ticks_styles_module.Z && Ticks_styles_module.Z.locals ? Ticks_styles_module.Z.locals : void 0;
 const COMPONENT_KEY = 'AxisYHeatmapTicks';
+const calcTimeDiffLastTwoDigits = (time)=>time?.slice?.(-8);
 const HEATMAP_FULL_TICKS = 10;
-const FullTicks_Ticks = (props)=>{
+const Ticks_Ticks = (props)=>{
     const { id } = props;
     const { state: { globalID } } = useStore_useStore();
     const [timeValues, setTimeValues] = (0, __WEBPACK_EXTERNAL_MODULE_react__.useState)(Array(HEATMAP_FULL_TICKS).fill(''));
@@ -7915,7 +7914,7 @@ const FullTicks_Ticks = (props)=>{
             for(let i = 0; i < HEATMAP_FULL_TICKS; i++){
                 const index = Math.floor((dataLength - 1) * i / (HEATMAP_FULL_TICKS - 1));
                 const data = waterfallData[index];
-                const value = data?.timestamp ? (0, utils.Fc)(data.timestamp, void 0, void 0, true) : '';
+                const value = calcTimeDiffLastTwoDigits(data?.timestamp);
                 values.push(value);
             }
             setTimeValues(values);
@@ -7925,64 +7924,17 @@ const FullTicks_Ticks = (props)=>{
         globalID
     ]);
     return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
-        className: components_FullTicks_styles_module.ticks,
+        className: components_Ticks_styles_module.ticks,
         children: positions.map((position, index)=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
-                className: components_FullTicks_styles_module.tick,
+                className: components_Ticks_styles_module.tick,
                 style: {
                     top: position
                 },
                 children: timeValues[index]
-            }, index))
+            }, `tick-${position}`))
     });
 };
-const FullTicks = /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__["default"].memo(FullTicks_Ticks);
-var 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.5.0_@rsbuild+core@1.6.9/node_modules/@rsbuild/plugin-less/compiled/less-loader/index.js??ruleSet[1].rules[11].use[3]!./src/components/AxisY/heatmap/components/Ticks/styles.module.less");
-var Ticks_styles_module_options = {};
-Ticks_styles_module_options.styleTagTransform = styleTagTransform_default();
-Ticks_styles_module_options.setAttributes = setAttributesWithoutAttributes_default();
-Ticks_styles_module_options.insert = insertBySelector_default().bind(null, "head");
-Ticks_styles_module_options.domAPI = styleDomAPI_default();
-Ticks_styles_module_options.insertStyleElement = insertStyleElement_default();
-injectStylesIntoStyleTag_default()(Ticks_styles_module.Z, Ticks_styles_module_options);
-const components_Ticks_styles_module = Ticks_styles_module.Z && Ticks_styles_module.Z.locals ? Ticks_styles_module.Z.locals : void 0;
-const Ticks_COMPONENT_KEY = 'AxisYHeatmapTicks';
-const Ticks_Ticks = (props)=>{
-    const { id, inside = false } = props;
-    const { state: { globalID } } = useStore_useStore();
-    const [tickFormat, setTickFormat] = (0, __WEBPACK_EXTERNAL_MODULE_react__.useState)();
-    (0, __WEBPACK_EXTERNAL_MODULE_react__.useEffect)(()=>{
-        if (id && globalID) withUpdateData(id, Ticks_COMPONENT_KEY, ()=>{
-            let { waterfallData: d } = withDatabase(globalID).getAllRawData();
-            if (d?.length > 0) {
-                if (d.at(0)?.length === 0) d = d?.filter?.((i)=>i?.length > 0);
-                const start = d.at(-1)?.timestamp;
-                const end = d.at(0)?.timestamp;
-                if (start && end) setTickFormat((start - end) / 1e3);
-            }
-        });
-    }, [
-        id,
-        globalID
-    ]);
-    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)("div", {
-        className: components_Ticks_styles_module.ticks,
-        style: {
-            alignItems: inside ? 'flex-start' : 'flex-end'
-        },
-        children: [
-            /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
-                className: components_Ticks_styles_module.start,
-                children: "0"
-            }),
-            /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
-                className: components_Ticks_styles_module.end,
-                title: "\u5355\u4F4D\uFF1A\u79D2",
-                children: tickFormat?.toFixed(1)
-            })
-        ]
-    });
-};
-const components_Ticks = Ticks_Ticks;
+const components_Ticks = /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__["default"].memo(Ticks_Ticks);
 var 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.5.0_@rsbuild+core@1.6.9/node_modules/@rsbuild/plugin-less/compiled/less-loader/index.js??ruleSet[1].rules[11].use[3]!./src/components/AxisY/heatmap/type/Default/styles.module.less");
 var Default_styles_module_options = {};
 Default_styles_module_options.styleTagTransform = styleTagTransform_default();
@@ -7993,7 +7945,6 @@ Default_styles_module_options.insertStyleElement = insertStyleElement_default();
 injectStylesIntoStyleTag_default()(Default_styles_module.Z, Default_styles_module_options);
 const type_Default_styles_module = Default_styles_module.Z && Default_styles_module.Z.locals ? Default_styles_module.Z.locals : void 0;
 const Default_Default = (props)=>{
-    const { state: { axisY: { heatmapFullTicks } } } = useStore_useStore();
     const { axisYWidth, marginLeft } = useAxisYWidth_useAxisYWidth();
     return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
         className: type_Default_styles_module.axisyheatmapdefault,
@@ -8001,9 +7952,7 @@ const Default_Default = (props)=>{
             width: axisYWidth,
             marginLeft
         },
-        children: heatmapFullTicks ? /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(FullTicks, {
-            ...props
-        }) : /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(components_Ticks, {
+        children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(components_Ticks, {
             ...props
         })
     });
@@ -8626,7 +8575,7 @@ function getStableOrder(globalID, currentNames) {
     }
     return stored;
 }
-function useFilteredSeries_useFilteredSeries(globalID, filter) {
+function useFilteredSeries(globalID, filter) {
     const { series } = useSeriesManager(globalID);
     const { state: { series: { legendExternal } } } = useStore_useStore();
     const filteredData = (0, __WEBPACK_EXTERNAL_MODULE_react__.useMemo)(()=>{
@@ -8769,7 +8718,7 @@ injectStylesIntoStyleTag_default()(FrequencyDataBoard_styles_module.Z, Frequency
 const components_FrequencyDataBoard_styles_module = FrequencyDataBoard_styles_module.Z && FrequencyDataBoard_styles_module.Z.locals ? FrequencyDataBoard_styles_module.Z.locals : void 0;
 const FrequencyDataBoard_FrequencyDataBoard = ({ left, updateKey, onChange })=>{
     const { state: { axisY, axisX: { frequencyFormat, unit }, globalID } } = useStore_useStore();
-    const filteredSeries = useFilteredSeries_useFilteredSeries(globalID);
+    const filteredSeries = useFilteredSeries(globalID);
     const index = (0, __WEBPACK_EXTERNAL_MODULE_react__.useRef)(Number.NaN);
     const calculateIndex = (0, __WEBPACK_EXTERNAL_MODULE_react__.useCallback)((data, n, series)=>{
         const values = data[n] || [];
@@ -8912,7 +8861,7 @@ const HeatmapPopover = ({ id })=>{
                     const newValue = yValue[xIndex];
                     setValue(Number.isFinite(newValue) ? newValue.toFixed(1) : '');
                     const timestamp = yValue.timestamp;
-                    if (timestamp) setTimestamp((0, utils.Fc)(timestamp));
+                    if (timestamp) setTimestamp(timestamp);
                 }
             }
         }
@@ -8981,7 +8930,7 @@ const LevelStreamPopover = ({ id })=>{
                 setValue(Number.isFinite(dataValue) ? dataValue.toFixed(1) : '');
                 if (levelStreamData.timestampData && levelStreamData.timestampData.length > clampedIndex) {
                     const timestampValue = levelStreamData.timestampData[clampedIndex];
-                    if (timestampValue) setTimestamp((0, utils.Fc)(timestampValue));
+                    if (timestampValue) setTimestamp((0, utils.i$)(Number(timestampValue)));
                 }
             }
         }
@@ -9374,12 +9323,8 @@ const defaultAreaInfoResult = {
     endIndex: 0,
     startCol: 0,
     endCol: 0,
-    startTimestamp: 0,
-    startTimestampFormat: '',
-    endTimestamp: 0,
-    endTimestampFormat: '',
-    duration: 0,
-    durationFormat: '',
+    startTimestamp: '',
+    endTimestamp: '',
     startFrequency: 0,
     startFrequencyFormat: '',
     endFrequency: 0,
@@ -9404,20 +9349,15 @@ function calculateAreaInfo({ endLeft, startLeft, startTop, endTop, frequencyForm
         end: Math.round(Number(frequencyFormat(endLeft)) * tools_PRECISION) / tools_PRECISION
     };
     const bandwidth = Math.abs(frequencies.end - frequencies.start);
-    const startTimestamp = waterfallData[indices.top]?.timestamp || 0;
-    const endTimestamp = waterfallData[indices.bottom]?.timestamp || 0;
-    const duration = endTimestamp - startTimestamp;
+    const startTimestamp = waterfallData[indices.top]?.timestamp || '';
+    const endTimestamp = waterfallData[indices.bottom]?.timestamp || '';
     const result = {
         startIndex: indices.top,
         endIndex: indices.bottom,
         startCol: indices.start,
         endCol: indices.end,
         startTimestamp,
-        startTimestampFormat: (0, utils.Fc)(startTimestamp),
         endTimestamp,
-        endTimestampFormat: (0, utils.Fc)(endTimestamp),
-        duration,
-        durationFormat: (0, utils.lj)(duration / 1000, 3),
         startFrequency: frequencies.start,
         startFrequencyFormat: String(frequencies.start),
         endFrequency: frequencies.end,
@@ -9563,7 +9503,7 @@ const Area_Area = (props)=>{
                                     children: "\u8D77\u59CB\u65F6\u95F4"
                                 }),
                                 /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
-                                    children: info?.startTimestampFormat
+                                    children: info?.startTimestamp
                                 })
                             ]
                         }),
@@ -9574,18 +9514,7 @@ const Area_Area = (props)=>{
                                     children: "\u7ED3\u675F\u65F6\u95F4"
                                 }),
                                 /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
-                                    children: info?.endTimestampFormat
-                                })
-                            ]
-                        }),
-                        (0, utils.Ri)(info.durationFormat) && /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)("div", {
-                            className: HeatmapCapture_Area_styles_module.item,
-                            children: [
-                                /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
-                                    children: "\u65F6\u95F4\u5DEE"
-                                }),
-                                /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
-                                    children: `${info.durationFormat}s`
+                                    children: info?.endTimestamp
                                 })
                             ]
                         })
@@ -9637,7 +9566,6 @@ const RowIndex = ({ id })=>{
             const rowData = {
                 data: waterfallData[newRowIndex],
                 timestamp: newTimestamp,
-                timestampFormat: (0, utils.Fc)(newTimestamp),
                 rowIndex: newRowIndex
             };
             setInfo(rowData);
@@ -9724,7 +9652,7 @@ const RowIndex = ({ id })=>{
                     /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)("span", {
                         children: [
                             "\u65F6\u95F4",
-                            info?.timestampFormat
+                            info?.timestamp
                         ]
                     })
                 ]
@@ -9789,9 +9717,11 @@ const Slider = ({ id })=>{
         const { position: pos, height: h, leftPosition: left, width: w } = r;
         const endIndex = Math.round((100 - pos) / 100 * (len - 1));
         const startIndex = Math.round((100 - (pos + h)) / 100 * (len - 1));
-        const startTimestamp = heatmapData[startIndex]?.timestamp;
-        const endTimestamp = heatmapData[endIndex]?.timestamp;
-        const duration = endTimestamp - startTimestamp;
+        const startTimestamp = heatmapData[startIndex]?.timestamp ?? '';
+        const endTimestamp = heatmapData[endIndex]?.timestamp ?? '';
+        const startTs = (0, utils.JP)(startTimestamp);
+        const endTs = (0, utils.JP)(endTimestamp);
+        const duration = startTs > 0 && endTs > 0 ? Math.abs(endTs - startTs) : 0;
         const colCount = heatmapData[0]?.length || 0;
         const startCol = Math.max(0, Math.min(colCount - 1, Math.ceil(colCount * left / 100) - 1));
         const endCol = Math.max(0, Math.min(colCount - 1, Math.ceil(colCount * (left + w) / 100) - 1));
@@ -9801,23 +9731,21 @@ const Slider = ({ id })=>{
         const PRECISION = 1e4;
         const startFrequency = startFreqStr ? Math.round(Number(startFreqStr) * PRECISION) / PRECISION : 0;
         const endFrequency = endFreqStr ? Math.round(Number(endFreqStr) * PRECISION) / PRECISION : 0;
+        const bandwidth = Math.abs(endFrequency - startFrequency);
         return {
             startIndex,
             endIndex,
             startTimestamp,
-            startTimestampFormat: (0, utils.Fc)(startTimestamp),
             endTimestamp,
-            endTimestampFormat: (0, utils.Fc)(endTimestamp),
             duration,
-            durationFormat: (duration / 1000).toFixed(3),
             startCol,
             endCol,
             startFrequency,
             startFrequencyFormat: String(startFrequency),
             endFrequency,
             endFrequencyFormat: String(endFrequency),
-            bandwidth: Math.abs(endFrequency - startFrequency),
-            bandwidthFormat: (0, utils.lj)(Math.abs(endFrequency - startFrequency))
+            bandwidth,
+            bandwidthFormat: (0, utils.lj)(bandwidth)
         };
     }, [
         getHeatmapData
@@ -10078,7 +10006,7 @@ const Slider = ({ id })=>{
                     top: `${position}%`,
                     left: `${leftPosition + width / 2}%`
                 },
-                children: info?.endTimestampFormat
+                children: info?.endTimestamp
             }),
             /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
                 className: `${HeatmapCapture_Slider_styles_module.externalLabel} ${bounds.nearBottom ? HeatmapCapture_Slider_styles_module.externalLabelBottomInner : HeatmapCapture_Slider_styles_module.externalLabelBottom} ${bounds.centerNearLeft ? HeatmapCapture_Slider_styles_module.externalLabelHorizontalRight : bounds.centerNearRight ? HeatmapCapture_Slider_styles_module.externalLabelHorizontalLeft : ''}`,
@@ -10086,7 +10014,7 @@ const Slider = ({ id })=>{
                     top: `${position + height}%`,
                     left: `${leftPosition + width / 2}%`
                 },
-                children: info?.startTimestampFormat
+                children: info?.startTimestamp
             }),
             /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)("div", {
                 className: HeatmapCapture_Slider_styles_module.slider,
@@ -10114,15 +10042,14 @@ const Slider = ({ id })=>{
                                 /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)("div", {
                                     children: [
                                         "\u5E26\u5BBD:",
-                                        ' ',
                                         info?.bandwidth !== void 0 ? (1000 * info.bandwidth).toFixed(2) : '',
                                         unitKHz
                                     ]
                                 }),
                                 /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)("div", {
                                     children: [
-                                        "\u65F6\u957F: ",
-                                        info?.durationFormat,
+                                        "\u65F6\u957F:",
+                                        info?.duration !== void 0 ? (info.duration / 1000).toFixed(3) : '',
                                         "s"
                                     ]
                                 })
@@ -10630,10 +10557,9 @@ const Heatmap_Heatmap = (props)=>{
 };
 const modules_Heatmap = Heatmap_Heatmap;
 const Heatmap_Chart_Chart = ({ publish, heatmapDefaultData })=>{
-    const { state: { globalID, marker, zoom, cursor }, dispatch } = useStore_useStore();
+    const { state: { globalID, marker, zoom }, dispatch } = useStore_useStore();
     (0, __WEBPACK_EXTERNAL_MODULE_react__.useEffect)(()=>{
         zoom.show = false;
-        cursor.show = false;
         dispatch({
             payload: {
                 marker,
@@ -12278,7 +12204,7 @@ injectStylesIntoStyleTag_default()(SeriesDisplayControl_styles_module.Z, SeriesD
 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: seriesConfig } } = useStore_useStore();
-    const filteredSeries = useFilteredSeries_useFilteredSeries(globalID);
+    const filteredSeries = useFilteredSeries(globalID);
     const { forceUpdate } = useSeriesForComponent(globalID);
     (0, __WEBPACK_EXTERNAL_MODULE_react__.useEffect)(()=>{
         if (!globalID || !seriesConfig?.forceDisplay) return;
@@ -15655,7 +15581,7 @@ const LevelStream_Chart_Chart = (props)=>{
         subscribe: (e)=>{
             const { pstype } = e;
             if (pstype === constants_PSType.Reset) analyzer?.reset();
-            if (pstype === constants_PSType.LevelStream) analyzer?.process(e.data, e.timestamp);
+            if (pstype === constants_PSType.LevelStream) analyzer?.process(e.data, (0, utils.JP)(e.timestamp));
         }
     });
     (0, __WEBPACK_EXTERNAL_MODULE_react__.useEffect)(()=>{
@@ -15915,7 +15841,7 @@ 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 Blaze_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)(()=>{
@@ -15954,7 +15880,7 @@ const Blaze = ()=>{
         })
     });
 };
-const components_Blaze = /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__["default"].memo(Blaze);
+const Blaze = /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__["default"].memo(Blaze_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.5.0_@rsbuild+core@1.6.9/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();
@@ -16633,7 +16559,7 @@ const Spectrum_Chart_Chart = (props)=>{
                             type === constants_ChartType.Scan && /*#__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)(components_SegmentsZebra, {}),
-                                    /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(components_Blaze, {})
+                                    /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(Blaze, {})
                                 ]
                             }),
                             /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(components_Legend, {})

package/package.json

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

package/types/publish.d.ts

@@ -56,14 +56,14 @@ export interface PublishSpectrum {
     templateData?: Float32Array;
     templateTolerance?: number;
     extraData?: SpectrumExtraData;
-    timestamp?: number;
+    timestamp?: string;
     offset?: number;
     segmentOffset?: number;
 }
 export interface PublishHeatmap {
     pstype: PSType.Heatmap;
     data: number[][];
-    timestamps: number[];
+    timestamps: string[];
 }
 export interface PublishFluorescence {
     pstype: PSType.Fluorescence;
@@ -77,7 +77,7 @@ export interface PublishOccupancy {
 export interface PublishLevelStream {
     pstype: PSType.LevelStream;
     data: number;
-    timestamp: number;
+    timestamp: string;
 }
 export interface PublishIQ {
     pstype: PSType.IQ;

package/types/store.d.ts

@@ -25,7 +25,6 @@ export interface AxisYProps {
     type?: string;
     hidden?: string[];
     linkage?: boolean;
-    heatmapFullTicks?: boolean;
     onChange?: (e: RecursiveObject) => void;
 }
 export interface AxisXProps {
@@ -105,14 +104,11 @@ export declare enum HeatmapCaptureType {
 export interface HeatmapSliderData {
     startIndex: number;
     endIndex: number;
-    startTimestamp: number;
-    startTimestampFormat: string;
-    endTimestamp: number;
-    endTimestampFormat: string;
-    duration: number;
-    durationFormat: string;
+    startTimestamp: string;
+    endTimestamp: string;
 }
 export interface HeatmapSlider2DData extends HeatmapSliderData {
+    duration: number;
     startCol: number;
     endCol: number;
     startFrequency: number;
@@ -135,8 +131,7 @@ export interface HeatmapAreaData extends HeatmapSliderData {
 }
 export interface HeatmapRowIndexData {
     data: TimestampedFloat32Array;
-    timestamp: number;
-    timestampFormat: string;
+    timestamp: string;
     rowIndex: number;
 }
 export interface HeatmapCaptureProps {

package/utils/index.d.ts

@@ -6,7 +6,14 @@ import type { RecursiveObject, SegmentsOriginal, SegmentsType } from '../types';
  * @returns {string}
  */
 export declare const createGUID: () => string;
-export declare const getDateTime: (t?: number | Date, sep1?: string, sep2?: string, time?: boolean) => string;
+export interface TimestampFormatOptions {
+    dateSeparator?: string;
+    timeSeparator?: string;
+    timeOnly?: boolean;
+}
+export declare const formatTimestamp: (input?: number | Date, options?: TimestampFormatOptions) => string;
+export declare const dateTimeToTimestamp: (dateTimeStr: unknown, // 改为 unknown 类型，强制运行时检查
+sep1?: string, sep2?: string, isTimeOnly?: boolean) => number;
 /**
  * 节流
  */
@@ -96,7 +103,7 @@ export declare const createChartRenderID: ({ moduleType, globalID }: {
  * @param timestamps 可选的时间戳数组
  * @returns 转换后的TimestampedFloat32Array数组
  */
-export declare const convertToTimestampedArrays: (data: number[][], timestamps?: Array<number>) => TimestampedFloat32Array[];
+export declare const convertToTimestampedArrays: (data: number[][], timestamps?: Array<string>) => TimestampedFloat32Array[];
 /**
  * 防抖函数
  * @param fn 需要防抖的函数

package/components/AxisY/heatmap/components/FullTicks/index.d.ts

@@ -1,7 +0,0 @@
-import React from 'react';
-interface Props {
-    id: string;
-    inside?: boolean;
-}
-declare const _default: React.NamedExoticComponent<Props>;
-export default _default;