mirror of
https://github.com/labring/FastGPT.git
synced 2025-07-30 02:12:38 +00:00
2d3117c5da
* update: Add type * fix: update import statement for NextApiRequest type * fix: update imports to use type for LexicalEditor and EditorState * Refactor imports to use 'import type' for type-only imports across multiple files - Updated imports in various components and API files to use 'import type' for better clarity and to optimize TypeScript's type checking. - Ensured consistent usage of type imports in files related to chat, dataset, workflow, and user management. - Improved code readability and maintainability by distinguishing between value and type imports. * refactor: remove old ESLint configuration and add new rules - Deleted the old ESLint configuration file from the app project. - Added a new ESLint configuration file with updated rules and settings. - Changed imports to use type-only imports in various files for better clarity and performance. - Updated TypeScript configuration to remove unnecessary options. - Added an ESLint ignore file to exclude build and dependency directories from linting. * fix: update imports to use 'import type' for type-only imports in schema files
97 lines
2.3 KiB
TypeScript
97 lines
2.3 KiB
TypeScript
import {
|
|
NumberInput,
|
|
NumberIncrementStepper,
|
|
NumberInputField,
|
|
NumberInputStepper,
|
|
NumberDecrementStepper,
|
|
type NumberInputProps
|
|
} from '@chakra-ui/react';
|
|
import React from 'react';
|
|
import MyIcon from '../../Icon';
|
|
import { type UseFormRegister } from 'react-hook-form';
|
|
|
|
type Props = Omit<NumberInputProps, 'onChange' | 'onBlur'> & {
|
|
onChange?: (e?: number) => any;
|
|
onBlur?: (e?: number) => any;
|
|
placeholder?: string;
|
|
register?: UseFormRegister<any>;
|
|
name?: string;
|
|
bg?: string;
|
|
};
|
|
|
|
const MyNumberInput = (props: Props) => {
|
|
const { register, name, onChange, onBlur, placeholder, bg, ...restProps } = props;
|
|
|
|
return (
|
|
<NumberInput
|
|
{...restProps}
|
|
onBlur={(e) => {
|
|
const numE = e.target.value === '' ? '' : Number(e.target.value);
|
|
if (onBlur) {
|
|
if (numE === '') {
|
|
// @ts-ignore
|
|
onBlur('');
|
|
} else {
|
|
onBlur(numE);
|
|
}
|
|
}
|
|
if (register && name) {
|
|
const event = {
|
|
target: {
|
|
name,
|
|
value: numE
|
|
}
|
|
};
|
|
register(name).onBlur(event);
|
|
}
|
|
}}
|
|
onChange={(e) => {
|
|
const numE = e === '' ? '' : Number(e);
|
|
if (onChange) {
|
|
if (numE === '') {
|
|
// @ts-ignore
|
|
onChange('');
|
|
} else {
|
|
onChange(numE);
|
|
}
|
|
}
|
|
if (register && name) {
|
|
const event = {
|
|
target: {
|
|
name,
|
|
value: numE
|
|
}
|
|
};
|
|
|
|
register(name).onChange(event);
|
|
}
|
|
}}
|
|
>
|
|
<NumberInputField
|
|
bg={bg}
|
|
placeholder={placeholder}
|
|
h={restProps.h}
|
|
defaultValue={restProps.defaultValue}
|
|
{...(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);
|