@rfkit/charts 1.1.35 → 1.1.37

package/index.js

@@ -6895,8 +6895,13 @@ const GuageBox = ({ children, padding, limit, step, setLimit, onChange })=>{
         toLimit
     ]);
     const handleMouseUpOrLeave = (0, __WEBPACK_EXTERNAL_MODULE_react__.useCallback)(()=>{
+        if (down) onChange?.(limit);
         setDown(false);
-    }, []);
+    }, [
+        down,
+        limit,
+        onChange
+    ]);
     const handleMouseMove = (0, __WEBPACK_EXTERNAL_MODULE_react__.useCallback)((e)=>{
         if (down) toLimit(e);
     }, [
@@ -6907,17 +6912,14 @@ const GuageBox = ({ children, padding, limit, step, setLimit, onChange })=>{
         let newLimit = limit + (e.deltaY > 0 ? -step : step);
         newLimit = Math.max(min, Math.min(max, newLimit));
         setLimit(newLimit);
+        onChange?.(newLimit);
     }, [
         step,
         limit,
         min,
         max,
-        setLimit
-    ]);
-    (0, __WEBPACK_EXTERNAL_MODULE_react__.useEffect)(()=>{
-        onChange?.(limit);
-    }, [
-        limit
+        setLimit,
+        onChange
     ]);
     return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)("div", {
         className: components_GuageBox_styles_module.GuageBox,
@@ -11504,6 +11506,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();
@@ -11544,22 +11548,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){
@@ -11591,7 +11602,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;
@@ -11679,15 +11692,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);
         }
@@ -11695,7 +11716,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.35",
+  "version": "1.1.37",
   "private": false
 }