xt/color-q
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

增加LabeledPicker的禁用选项。

Browse Source
This commit is contained in:
徐涛 2025-01-15 13:41:05 +08:00
parent b32884a31c
commit 8573a5d372
1 changed files with 3 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
src/components/LabeledPicker.tsx
View File

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