@rfkit/charts 1.1.13 → 1.1.14

package/components/Markers/lib/Counter.d.ts

@@ -10,7 +10,7 @@ export default class Counter {
      *
      * @memberof Counter
      */
-    onMixChange(id: string | number, markers: any, onChange: (arg0: any, arg1: any[]) => void): void;
+    onMixChange(id: string | number, markers: any, onChange: (arg0: any, arg1: any[], arg2?: string) => void, operationType?: string): void;
     /**
      * 更新状态
      *

package/components/Markers/lib/Markers.d.ts

@@ -39,7 +39,7 @@ export default class Markers {
      *
      * @memberof Markers
      */
-    onChange(isDel?: boolean): void;
+    onChange(isDel?: boolean, operationType?: string): void;
     /**
      * 卸载计数器
      */

package/config/constants.d.ts

@@ -71,7 +71,15 @@ export declare enum MarkerEventType {
     Add = "add",
     Del = "del",
     Reset = "reset",
-    Move = "move"
+    Move = "move",
+    Clear = "clear",
+    Hover = "hover",
+    Update = "update",
+    Format = "format",
+    Dashed = "dashed",
+    Center = "center",
+    Ref = "ref",
+    Flow = "flow"
 }
 export declare enum ToolType {
     AxisX = "axisX",

package/index.js

@@ -3904,6 +3904,14 @@ var constants_MarkerEventType = /*#__PURE__*/ function(MarkerEventType) {
     MarkerEventType["Del"] = "del";
     MarkerEventType["Reset"] = "reset";
     MarkerEventType["Move"] = "move";
+    MarkerEventType["Clear"] = "clear";
+    MarkerEventType["Hover"] = "hover";
+    MarkerEventType["Update"] = "update";
+    MarkerEventType["Format"] = "format";
+    MarkerEventType["Dashed"] = "dashed";
+    MarkerEventType["Center"] = "center";
+    MarkerEventType["Ref"] = "ref";
+    MarkerEventType["Flow"] = "flow";
     return MarkerEventType;
 }({});
 var constants_ToolType = /*#__PURE__*/ function(ToolType) {
@@ -8453,7 +8461,7 @@ const Board = ({ markers, heatmapMode, onChange })=>{
                                     e.stopPropagation();
                                     onChange({
                                         id: i.id,
-                                        event: 'flow'
+                                        event: constants_MarkerEventType.Flow
                                     });
                                 }
                             },
@@ -8500,7 +8508,7 @@ const Board = ({ markers, heatmapMode, onChange })=>{
                                 setActive(null);
                                 onChange({
                                     id: i.id,
-                                    event: 'del'
+                                    event: constants_MarkerEventType.Del
                                 });
                             },
                             children: "x"
@@ -8660,13 +8668,13 @@ class Counter {
         const { include } = this.state;
         this.state.include = include.filter((i)=>!cache.includes(i));
     }
-    onMixChange(id, markers, onChange) {
+    onMixChange(id, markers, onChange, operationType) {
         this.state.markers[id] = JSON.parse(JSON.stringify(markers));
         const mix = [];
         Object.values(this.state.markers).forEach((i)=>{
             mix.push(...i);
         });
-        onChange?.(markers, mix);
+        onChange?.(markers, mix, operationType);
     }
     setState(p) {
         this.state = {
@@ -8749,7 +8757,7 @@ class Markers {
                     }, 'update');
                     info.peak = false;
                     markers[index] = info;
-                    this.onChange();
+                    this.onChange(false, constants_MarkerEventType.Move);
                 }
             }
         });
@@ -8805,7 +8813,7 @@ class Markers {
                 id: ee.id,
                 select: true
             });
-            this.onChange();
+            this.onChange(false, constants_MarkerEventType.Add);
         }
     }
     updateAttribute(attr) {
@@ -8834,19 +8842,19 @@ class Markers {
                 onDel();
             }
         }
-        if ('clear' === event) {
+        if (event === constants_MarkerEventType.Clear) {
             markers.forEach((_, index)=>{
                 counter.remove(markers[index].label);
             });
             markers.splice(0, markers.length);
             isDel = true;
         }
-        if ('dashed' === event) for(let index = 0; index < markers.length; index += 1){
+        if (event === constants_MarkerEventType.Dashed) for(let index = 0; index < markers.length; index += 1){
             const item = markers[index];
             item.dashed = false;
             if (data.includes(item.id)) item.dashed = true;
         }
-        if ('center' === event) {
+        if (event === constants_MarkerEventType.Center) {
             const index = markers.findIndex((i)=>i.id === id);
             const center = 50;
             if (index >= 0) {
@@ -8870,7 +8878,7 @@ class Markers {
                 }
             }
         }
-        if ('format' === event) {
+        if (event === constants_MarkerEventType.Format) {
             const index = markers.findIndex((i)=>i.id === id);
             const { left } = attribute;
             if (index >= 0 && void 0 !== left) markers[index] = this.formatMarker({
@@ -8878,7 +8886,7 @@ class Markers {
                 left
             });
         }
-        if ('ref' === event) {
+        if (event === constants_MarkerEventType.Ref) {
             const index = markers.findIndex((i)=>i.id === id);
             if (index >= 0) {
                 markers[index].refId = refId;
@@ -8908,14 +8916,20 @@ class Markers {
             }
         }
         if (void 0 !== peak && true === peak) return void this.updateByData();
-        this.onChange(isDel);
+        let operationType = constants_MarkerEventType.Update;
+        if (event === constants_MarkerEventType.Add) operationType = constants_MarkerEventType.Add;
+        else if (event === constants_MarkerEventType.Del) operationType = constants_MarkerEventType.Del;
+        else if (event === constants_MarkerEventType.Clear) operationType = constants_MarkerEventType.Clear;
+        else if (event === constants_MarkerEventType.Center) operationType = constants_MarkerEventType.Move;
+        else if (event === constants_MarkerEventType.Format) operationType = constants_MarkerEventType.Move;
+        this.onChange(isDel, operationType);
     }
     updateByData(data = this.state.data) {
         this.state.data = data;
         this.formatPeaks?.();
         const { markers } = this.state;
         this.state.markers = markers.map((marker)=>this.formatMarker(marker, 'update'));
-        this.onChange();
+        this.onChange(false, constants_MarkerEventType.Update);
     }
     updateParams(e) {
         this.state = {
@@ -8927,7 +8941,7 @@ class Markers {
         const { show } = this.state;
         if (!show) this.reset();
     }
-    onChange(isDel = false) {
+    onChange(isDel = false, operationType) {
         const { id, markers, onChange, counter } = this.state;
         if (!isDel) this.state.markers = markers.map((marker)=>{
             const { refId, frequency, level, timestamp } = marker;
@@ -8945,7 +8959,7 @@ class Markers {
                 ...refData
             };
         });
-        if (markers.length || isDel) counter.onMixChange(id, markers, onChange);
+        if (markers.length || isDel) counter.onMixChange(id, markers, onChange, operationType);
     }
     destroyCounter() {
         const { counter, labelCache } = this.state;
@@ -8959,12 +8973,12 @@ class Markers {
             hoverChange = item.hover;
             item.hover = false;
         }
-        if (hoverChange) this.onChange();
+        if (hoverChange) this.onChange(false, constants_MarkerEventType.Reset);
     }
     reset() {
         this.state.markers = [];
         this.state.counter.clear();
-        this.onChange(true);
+        this.onChange(true, constants_MarkerEventType.Reset);
     }
 }
 const MARKER_UPDATE_PARAMS = (id, func)=>subscription_createSubscriptionManager(`MARKER_UPDATE_PARAMS-${id}`, '0', func);
@@ -9021,7 +9035,7 @@ const setMarkerMove = (e, segments, func)=>{
             const left = (frequency - start) * 100 / width;
             func?.({
                 pstype: constants_PSType.Marker,
-                event: 'format',
+                event: constants_MarkerEventType.Format,
                 id,
                 left
             });
@@ -9042,7 +9056,7 @@ const setMarkerBatchAdd = (e, segments, func)=>{
             }
             func?.({
                 pstype: constants_PSType.Marker,
-                event: 'add',
+                event: constants_MarkerEventType.Add,
                 data: r
             });
         }
@@ -9153,7 +9167,7 @@ class FreeMarkers extends Markers {
                     }
                 }
             }
-            if (hoverChange) this.onChange();
+            if (hoverChange) this.onChange(false, constants_MarkerEventType.Hover);
         }
         return isHover;
     }
@@ -9947,7 +9961,7 @@ class LineMarkers extends Markers {
                     }
                 }
             }
-            if (hoverChange) this.onChange();
+            if (hoverChange) this.onChange(false, constants_MarkerEventType.Hover);
         }
         return isHover;
     }
@@ -9971,7 +9985,7 @@ class LineMarkers extends Markers {
         const attribute = attr;
         const { markers } = this.state;
         const { event, id } = attribute;
-        if ('flow' === event) {
+        if (event === constants_MarkerEventType.Flow) {
             const index = markers.findIndex((i)=>i.id === id);
             markers[index].flow = {
                 name: SERIES.realData.name,
@@ -10027,13 +10041,15 @@ const Markers_Markers = ({ id, counter, selecter, heatmapMode = false })=>{
     const [markers, setMarkers] = (0, __WEBPACK_EXTERNAL_MODULE_react__.useState)([]);
     const { state: { marker, axisX, axisY, zoom, segments, globalID }, dispatch } = useStore_useStore();
     const { show: markerShow, display, count, onChange, dot: { fixed }, selectMax } = marker;
-    const managerOnChange = (0, __WEBPACK_EXTERNAL_MODULE_react__.useCallback)((e, mix)=>{
+    const managerOnChange = (0, __WEBPACK_EXTERNAL_MODULE_react__.useCallback)((e, mix, operationType)=>{
         const m = mix;
         setMarkers(JSON.parse(JSON.stringify(e)));
         m.heatmapMode = heatmapMode;
+        m.operationType = operationType;
         onChange?.(m);
     }, [
-        onChange
+        onChange,
+        heatmapMode
     ]);
     const [manager] = (0, __WEBPACK_EXTERNAL_MODULE_react__.useState)(()=>new (heatmapMode ? FreeMarkers : LineMarkers)({
             id,
@@ -10158,7 +10174,7 @@ const Markers_Markers = ({ id, counter, selecter, heatmapMode = false })=>{
                         manager?.updateAttribute({
                             id: m.id,
                             left: m.left,
-                            event: 'format'
+                            event: constants_MarkerEventType.Format
                         });
                     }
                     if ('ArrowRight' === key) {
@@ -10168,7 +10184,7 @@ const Markers_Markers = ({ id, counter, selecter, heatmapMode = false })=>{
                         manager?.updateAttribute({
                             id: m.id,
                             left: m.left,
-                            event: 'format'
+                            event: constants_MarkerEventType.Format
                         });
                     }
                 }

package/package.json

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