fix: apply disabled handle boundaries when clicking slider

Ensure that when clicking the slider to move a handle, the new value
is constrained by the positions of neighboring disabled handles to
prevent crossing.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

Author: 刘欢

src/Slider.tsx

@@ -407,6 +407,7 @@ const Slider = React.forwardRef<SliderRef, SliderProps<number | number[]>>((prop
         cloneNextValues.splice(valueBeforeIndex + 1, 0, newValue);
         focusIndex = valueBeforeIndex + 1;
       } else {
+        // Find nearest non-disabled handle if current is disabled
         if (isHandleDisabled(valueIndex)) {
           let nearestIndex = -1;
           let nearestDist = mergedMax - mergedMin;
@@ -428,7 +429,21 @@ const Slider = React.forwardRef<SliderRef, SliderProps<number | number[]>>((prop
 
           valueIndex = nearestIndex;
         }
-        cloneNextValues[valueIndex] = newValue;
+
+        // Apply disabled handle boundaries to prevent crossing
+        let minBound = mergedMin;
+        let maxBound = mergedMax;
+        rawValues.forEach((val, idx) => {
+          if (isHandleDisabled(idx)) {
+            if (idx < valueIndex) {
+              minBound = Math.max(minBound, val);
+            } else if (idx > valueIndex) {
+              maxBound = Math.min(maxBound, val);
+            }
+          }
+        });
+
+        cloneNextValues[valueIndex] = Math.max(minBound, Math.min(maxBound, newValue));
         focusIndex = valueIndex;
       }
 

tests/Range.test.tsx

@@ -981,5 +981,45 @@ describe('Range', () => {
 
       expect(onChange).not.toHaveBeenCalled();
     });
+
+    it('click should respect disabled handle boundaries', () => {
+      const onChange = jest.fn();
+      const { container } = render(
+        <Slider range defaultValue={[20, 50, 80]} disabled={[false, true, false]} onChange={onChange} />,
+      );
+
+      // Click at position 60 (between disabled handle at 50 and enabled handle at 80)
+      // Nearest enabled handle is 80, it should move but not cross disabled handle at 50
+      const rail = container.querySelector('.rc-slider-rail');
+      const mouseDown = createEvent.mouseDown(rail);
+      Object.defineProperties(mouseDown, {
+        clientX: { get: () => 60 },
+        clientY: { get: () => 60 },
+      });
+      fireEvent(rail, mouseDown);
+
+      // Handle at 80 moves to 60, which is valid (60 > 50)
+      expect(onChange).toHaveBeenCalledWith([20, 50, 60]);
+    });
+
+    it('click near disabled handle should move correct enabled handle', () => {
+      const onChange = jest.fn();
+      const { container } = render(
+        <Slider range defaultValue={[20, 50, 80]} disabled={[false, true, false]} onChange={onChange} />,
+      );
+
+      // Click at position 30 (near disabled handle at 50)
+      // Nearest enabled handle is 20, it should move to 30
+      const rail = container.querySelector('.rc-slider-rail');
+      const mouseDown = createEvent.mouseDown(rail);
+      Object.defineProperties(mouseDown, {
+        clientX: { get: () => 30 },
+        clientY: { get: () => 30 },
+      });
+      fireEvent(rail, mouseDown);
+
+      // Handle at 20 moves to 30 (30 < 50, valid, not crossing disabled handle)
+      expect(onChange).toHaveBeenCalledWith([30, 50, 80]);
+    });
   });
 });