From 8573a5d3720344ff47ba1a3854c6b9da1dce22df Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=BE=90=E6=B6=9B?= <midnite@outlook.com>
Date: Wed, 15 Jan 2025 13:41:05 +0800
Subject: [PATCH] =?UTF-8?q?=E5=A2=9E=E5=8A=A0LabeledPicker=E7=9A=84?=
 =?UTF-8?q?=E7=A6=81=E7=94=A8=E9=80=89=E9=A1=B9=E3=80=82?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/LabeledPicker.tsx | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/src/components/LabeledPicker.tsx b/src/components/LabeledPicker.tsx
index 1c77e85..e9980c4 100644
--- a/src/components/LabeledPicker.tsx
+++ b/src/components/LabeledPicker.tsx
@@ -11,6 +11,7 @@ type LabeledPickerProps = {
   min?: number;
   max?: number;
   step?: number;
+  disabled?: boolean;
 };
 
 export function LabeledPicker({
@@ -21,6 +22,7 @@ export function LabeledPicker({
   min = 0,
   max = 100,
   step = 1,
+  disabled = false,
 }: LabeledPickerProps) {
   const [pickerValue, setPickerValue] = useState(value ?? min);
   const handlePickerChange = (event: React.ChangeEvent<HTMLInputElement>) => {
@@ -52,6 +54,7 @@ export function LabeledPicker({
         min={min}
         max={max}
         step={step}
+        disabled={disabled}
       />
     </div>
   );