@rfkit/charts 1.1.36 → 1.1.38

package/index.js

@@ -10955,15 +10955,27 @@ const ToolsBar_SeriesDisplayControl_styles_module = SeriesDisplayControl_styles_
 const SeriesDisplayControl_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), [
+    const [updateCounter, setUpdateCounter] = (0, __WEBPACK_EXTERNAL_MODULE_react__.useState)(0);
+    const dataSnapshot = (0, __WEBPACK_EXTERNAL_MODULE_react__.useMemo)(()=>{
+        const snapshot = {};
+        data.forEach((value, key)=>{
+            snapshot[key] = {
+                ...value
+            };
+        });
+        return snapshot;
+    }, [
         data,
+        updateCounter
+    ]);
+    const seriesArray = (0, __WEBPACK_EXTERNAL_MODULE_react__.useMemo)(()=>Object.keys(dataSnapshot).filter((name)=>!legendExternal.includes(name)).filter((name)=>name !== constants_SeriesType.TemplateData), [
+        dataSnapshot,
         legendExternal
     ]);
-    const [updateCounter, setUpdateCounter] = (0, __WEBPACK_EXTERNAL_MODULE_react__.useState)(0);
     const seriesDataSnapshot = (0, __WEBPACK_EXTERNAL_MODULE_react__.useMemo)(()=>{
         const snapshot = {};
         seriesArray.forEach((name)=>{
-            const item = data.get(name);
+            const item = dataSnapshot[name];
             if (item) snapshot[name] = {
                 display: item.display,
                 label: item.label || name,
@@ -10973,8 +10985,7 @@ const SeriesDisplayControl_SeriesDisplayControl = ()=>{
         return snapshot;
     }, [
         seriesArray,
-        data,
-        updateCounter
+        dataSnapshot
     ]);
     const handleDropdownClick = (0, __WEBPACK_EXTERNAL_MODULE_react__.useCallback)(()=>{
         setUpdateCounter((prev)=>prev + 1);
@@ -11506,6 +11517,8 @@ const TEXT_OFFSET = 8;
 const MINOR_TICK_DIVISIONS = 4;
 const MIN_TICK_SPACING = 4;
 const MIN_CONTAINER_HEIGHT = 100;
+const IDEAL_TICK_COUNT = 7;
+const MIN_RANGE_SPAN = 0.5;
 function useCanvasAxisY(options = {}) {
     const { ranging } = options;
     const { state: { axisY } } = useStore_useStore();
@@ -11546,22 +11559,29 @@ function useCanvasAxisY(options = {}) {
     const formatTickLabel = (0, __WEBPACK_EXTERNAL_MODULE_react__.useCallback)((value)=>{
         if (Math.abs(value) >= 1000) return `${(value / 1000).toFixed(1)}k`;
         if (Math.abs(value) < 0.01 && 0 !== value) return value.toExponential(1);
+        const rangeSpan = range.max - range.min;
+        if (rangeSpan < 1) {
+            const decimalPlaces = Math.max(2, Math.ceil(-Math.log10(rangeSpan)) + 1);
+            return value.toFixed(Math.min(decimalPlaces, 4));
+        }
         return value.toFixed(Math.abs(value) < 1 ? 2 : 1);
-    }, []);
+    }, [
+        range
+    ]);
     const ticksData = (0, __WEBPACK_EXTERNAL_MODULE_react__.useMemo)(()=>{
         if (0 === containerHeight) return {
             majorTicks: [],
             minorTicks: []
         };
         const rangeSpan = range.max - range.min;
-        const minTickSpacing = 25;
-        const maxTicks = Math.floor(containerHeight / minTickSpacing);
-        const idealTickCount = Math.max(5, Math.min(maxTicks, 20));
+        const idealTickCount = IDEAL_TICK_COUNT;
         const roughInterval = rangeSpan / idealTickCount;
         const magnitude = 10 ** Math.floor(Math.log10(roughInterval));
         const normalizedInterval = roughInterval / magnitude;
         let interval;
         interval = normalizedInterval <= 1 ? magnitude : normalizedInterval <= 2 ? 2 * magnitude : normalizedInterval <= 5 ? 5 * magnitude : 10 * magnitude;
+        const minTickInterval = MIN_RANGE_SPAN / (2 * IDEAL_TICK_COUNT);
+        interval = Math.max(interval, minTickInterval);
         const majorTicks = [];
         const startTick = Math.ceil(range.min / interval) * interval;
         for(let value = startTick; value <= range.max; value += interval){
@@ -11593,7 +11613,9 @@ function useCanvasAxisY(options = {}) {
         const minorTicks = [];
         const minorInterval = interval / MINOR_TICK_DIVISIONS;
         const minorTickSpacing = minorInterval / rangeSpan * containerHeight;
-        if (minorTickSpacing >= MIN_TICK_SPACING && containerHeight > MIN_CONTAINER_HEIGHT) {
+        const isVerySmallRange = rangeSpan < 1;
+        const minTickSpacingThreshold = isVerySmallRange ? 2 * MIN_TICK_SPACING : MIN_TICK_SPACING;
+        if (minorTickSpacing >= minTickSpacingThreshold && containerHeight > MIN_CONTAINER_HEIGHT && !isVerySmallRange) {
             const minorStart = Math.ceil(range.min / minorInterval) * minorInterval;
             for(let value = minorStart; value <= range.max; value += minorInterval){
                 if (Math.abs(value % interval) < 0.1 * minorInterval) continue;
@@ -11681,15 +11703,23 @@ function useCanvasAxisY(options = {}) {
     ]);
     const handleWheel = (0, __WEBPACK_EXTERNAL_MODULE_react__.useCallback)((e)=>{
         if (disabled) return;
+        if (e.deltaY < 0) {
+            const currentRange = range.max - range.min;
+            if (currentRange <= MIN_RANGE_SPAN) return;
+        }
         ranging.moveWheel?.(e);
     }, [
         ranging,
-        disabled
+        disabled,
+        range
     ]);
     const handleMouseMove = (0, __WEBPACK_EXTERNAL_MODULE_react__.useCallback)((e)=>{
         if (disabled || !isDragging || !containerRef.current) return;
         const offset = (e.clientY - dragStartY) / containerRef.current.offsetHeight;
-        if (Math.abs(offset) > 0.01) {
+        const rangeSpan = range.max - range.min;
+        const isVerySmallRange = rangeSpan < 1;
+        const threshold = isVerySmallRange ? 0.005 : 0.01;
+        if (Math.abs(offset) > threshold) {
             ranging.move?.(offset);
             setDragStartY(e.clientY);
         }
@@ -11697,7 +11727,8 @@ function useCanvasAxisY(options = {}) {
         disabled,
         isDragging,
         dragStartY,
-        ranging
+        ranging,
+        range
     ]);
     const handleMouseUp = (0, __WEBPACK_EXTERNAL_MODULE_react__.useCallback)(()=>{
         if (disabled) return;

package/package.json

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