d2948d7e57
* feat: markdown extension * media cros * rerank test * default price * perf: default model * fix: cannot custom provider * fix: default model select * update bg * perf: default model selector * fix: usage export * i18n * fix: rerank * update init extension * perf: ip limit check * doubao model order * web default modle * perf: tts selector * perf: tts error * qrcode package
63 lines
1.5 KiB
TypeScript
63 lines
1.5 KiB
TypeScript
import {
|
|
NumberInput,
|
|
NumberIncrementStepper,
|
|
NumberInputField,
|
|
NumberInputStepper,
|
|
NumberDecrementStepper,
|
|
NumberInputProps
|
|
} from '@chakra-ui/react';
|
|
import React from 'react';
|
|
import MyIcon from '../../Icon';
|
|
import { UseFormRegister } from 'react-hook-form';
|
|
|
|
type Props = Omit<NumberInputProps, 'onChange'> & {
|
|
onChange?: (e?: number) => any;
|
|
placeholder?: string;
|
|
register?: UseFormRegister<any>;
|
|
name?: string;
|
|
bg?: string;
|
|
};
|
|
|
|
const MyNumberInput = (props: Props) => {
|
|
const { register, name, onChange, placeholder, bg, ...restProps } = props;
|
|
|
|
return (
|
|
<NumberInput
|
|
{...restProps}
|
|
onChange={(e) => {
|
|
if (!onChange) return;
|
|
const numE = Number(e);
|
|
if (isNaN(numE)) {
|
|
// @ts-ignore
|
|
onChange('');
|
|
} else {
|
|
onChange(numE);
|
|
}
|
|
}}
|
|
>
|
|
<NumberInputField
|
|
bg={bg}
|
|
placeholder={placeholder}
|
|
{...(register && name
|
|
? register(name, {
|
|
required: props.isRequired,
|
|
min: props.min,
|
|
max: props.max,
|
|
valueAsNumber: true
|
|
})
|
|
: {})}
|
|
/>
|
|
<NumberInputStepper>
|
|
<NumberIncrementStepper>
|
|
<MyIcon name={'core/chat/chevronUp'} width={'12px'} />
|
|
</NumberIncrementStepper>
|
|
<NumberDecrementStepper>
|
|
<MyIcon name={'core/chat/chevronDown'} width={'12px'} />
|
|
</NumberDecrementStepper>
|
|
</NumberInputStepper>
|
|
</NumberInput>
|
|
);
|
|
};
|
|
|
|
export default React.memo(MyNumberInput);
|