docs: update README and example for disabled array feature

- Update README.md with disabled array and onDisabledChange documentation
- Fix BasicDisabledHandle example to handle sparse disabled array

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

Author: 刘欢

README.md

@@ -108,12 +108,13 @@ The following APIs are shared by Slider and Range.
 | handle | (props) => React.ReactNode | | A handle generator which could be used to customized handle. |
 | included | boolean | `true` | If the value is `true`, it means a continuous value interval, otherwise, it is a independent value. |
 | reverse | boolean | `false` | If the value is `true`, it means the component is rendered reverse. |
-| disabled | boolean | `false` | If `true`, handles can't be moved. |
+| disabled | boolean \| boolean[] | `false` | If `true`, handles can't be moved. Can also be an array to disable specific handles in range mode, e.g. `[true, false, true]` disables first and third handles. |
 | keyboard | boolean | `true` | Support using keyboard to move handlers. |
 | dots | boolean | `false` | When the `step` value is greater than 1, you can set the `dots` to  `true` if you want to render the slider with dots. |
 | onBeforeChange | Function | NOOP | `onBeforeChange` will be triggered when `ontouchstart` or `onmousedown` is triggered. |
 | onChange | Function | NOOP | `onChange` will be triggered while the value of Slider changing. |
 | onChangeComplete | Function | NOOP | `onChangeComplete` will be triggered when `ontouchend` or `onmouseup` is triggered. |
+| onDisabledChange | (disabled: boolean[]) => void | - | Callback when disabled array needs to be updated (e.g., when handles are added/removed in editable mode). Use with `disabled` as array to keep disabled states in sync. |
 | minimumTrackStyle | Object |  | please use  `trackStyle` instead. (`only used for slider, just for compatibility , will be deprecate at rc-slider@9.x `) |
 | maximumTrackStyle | Object |  | please use  `railStyle` instead (`only used for slider, just for compatibility , will be deprecate at rc-slider@9.x`) |
 | handleStyle | Array[Object] \| Object | `[{}]` | The style used for handle. (`both for slider(`Object`) and range(`Array of Object`), the array will be used for multi handle following element order`) |

docs/examples/disabled-handle.tsx

@@ -26,12 +26,13 @@ const EditableWithDisabled = () => {
         disabled={disabled}
         onDisabledChange={setDisabled}
       />
+      Slider disabled {JSON.stringify(disabled)}
       <div style={{ marginTop: 16 }}>
         {value.map((val, index) => (
           <label key={index} style={{ marginRight: 16 }}>
             <input
               type="checkbox"
-              checked={disabled[index]}
+              checked={!!disabled[index]}
               onChange={() => {
                 const newDisabled = [...disabled];
                 newDisabled[index] = !newDisabled[index];
@@ -56,12 +57,13 @@ const BasicDisabledHandle = () => {
   return (
     <div>
       <Slider range={{ draggableTrack: true }} value={value} onChange={(v) => setValue(v as number[])} disabled={disabled} />
+      Slider disabled {JSON.stringify(disabled)}
       <div style={{ marginTop: 16 }}>
         {value.map((val, index) => (
           <label key={index} style={{ marginRight: 16 }}>
             <input
               type="checkbox"
-              checked={disabled[index]}
+              checked={!!disabled[index]}
               onChange={() => {
                 const newDisabled = [...disabled];
                 newDisabled[index] = !newDisabled[index];
@@ -98,7 +100,7 @@ const SingleSlider = () => {
   return (
     <div>
       <Slider value={value1} onChange={(v) => setValue1(v as number)} disabled />
-        <br/>
+      <br />
       <Slider value={value2} onChange={(v) => setValue2(v as number)} disabled={false} />
     </div>
   );