mirror of
https://github.com/labring/FastGPT.git
synced 2025-07-27 00:17:31 +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
67 lines
1.6 KiB
TypeScript
67 lines
1.6 KiB
TypeScript
import React, { forwardRef } from 'react';
|
|
import { Flex, Box, type BoxProps } from '@chakra-ui/react';
|
|
import MyIcon from '../Icon';
|
|
|
|
type Props<T = string> = Omit<BoxProps, 'onChange'> & {
|
|
list: {
|
|
icon?: string;
|
|
label: string | React.ReactNode;
|
|
value: T;
|
|
}[];
|
|
value: T;
|
|
onChange: (e: T) => void;
|
|
};
|
|
|
|
const FillRowTabs = ({ list, value, onChange, py = '7px', px = '12px', ...props }: Props) => {
|
|
return (
|
|
<Box
|
|
display={'inline-flex'}
|
|
px={'3px'}
|
|
py={'3px'}
|
|
borderRadius={'sm'}
|
|
borderWidth={'1px'}
|
|
borderColor={'myGray.200'}
|
|
bg={'myGray.50'}
|
|
gap={'4px'}
|
|
fontSize={'sm'}
|
|
fontWeight={'medium'}
|
|
{...props}
|
|
>
|
|
{list.map((item) => (
|
|
<Flex
|
|
key={item.value}
|
|
flex={'1 0 0'}
|
|
alignItems={'center'}
|
|
justifyContent={'center'}
|
|
cursor={'pointer'}
|
|
borderRadius={'xs'}
|
|
px={px}
|
|
py={py}
|
|
userSelect={'none'}
|
|
whiteSpace={'noWrap'}
|
|
{...(value === item.value
|
|
? {
|
|
bg: 'white',
|
|
boxShadow: '1.5',
|
|
color: 'primary.600'
|
|
}
|
|
: {
|
|
color: 'myGray.500',
|
|
_hover: {
|
|
color: 'primary.600'
|
|
},
|
|
onClick: () => onChange(item.value)
|
|
})}
|
|
>
|
|
{item.icon && <MyIcon name={item.icon as any} mr={1.5} w={'18px'} />}
|
|
<Box>{item.label}</Box>
|
|
</Flex>
|
|
))}
|
|
</Box>
|
|
);
|
|
};
|
|
|
|
export default forwardRef(FillRowTabs) as <T>(
|
|
props: Props<T> & { ref?: React.Ref<HTMLSelectElement> }
|
|
) => JSX.Element;
|