mirror of
https://github.com/labring/FastGPT.git
synced 2025-07-22 20:37:48 +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
103 lines
2.4 KiB
TypeScript
103 lines
2.4 KiB
TypeScript
import React, { useMemo } from 'react';
|
|
import { useTranslation } from 'next-i18next';
|
|
import MyIcon from '../Icon';
|
|
import { useRequest2 } from '../../../hooks/useRequest';
|
|
import {
|
|
Popover,
|
|
PopoverTrigger,
|
|
PopoverContent,
|
|
useDisclosure,
|
|
type PlacementWithLogical,
|
|
HStack,
|
|
Box,
|
|
Button,
|
|
PopoverArrow
|
|
} from '@chakra-ui/react';
|
|
|
|
const PopoverConfirm = ({
|
|
content,
|
|
showCancel,
|
|
type,
|
|
Trigger,
|
|
placement = 'bottom-start',
|
|
offset,
|
|
onConfirm,
|
|
confirmText,
|
|
cancelText
|
|
}: {
|
|
content: string;
|
|
showCancel?: boolean;
|
|
type?: 'info' | 'delete';
|
|
Trigger: React.ReactNode;
|
|
placement?: PlacementWithLogical;
|
|
offset?: [number, number];
|
|
onConfirm: () => any;
|
|
confirmText?: string;
|
|
cancelText?: string;
|
|
}) => {
|
|
const { t } = useTranslation();
|
|
|
|
const map = useMemo(() => {
|
|
const map = {
|
|
info: {
|
|
variant: 'primary',
|
|
icon: 'common/confirm/commonTip'
|
|
},
|
|
delete: {
|
|
variant: 'dangerFill',
|
|
icon: 'common/confirm/deleteTip'
|
|
}
|
|
};
|
|
if (type && map[type]) return map[type];
|
|
return map.info;
|
|
}, [type, t]);
|
|
|
|
const firstFieldRef = React.useRef(null);
|
|
const { onOpen, onClose, isOpen } = useDisclosure();
|
|
|
|
const { runAsync: onclickConfirm, loading } = useRequest2(onConfirm, {
|
|
onSuccess: onClose
|
|
});
|
|
|
|
return (
|
|
<Popover
|
|
isOpen={isOpen}
|
|
initialFocusRef={firstFieldRef}
|
|
onOpen={onOpen}
|
|
onClose={onClose}
|
|
placement={placement}
|
|
offset={offset}
|
|
closeOnBlur={false}
|
|
trigger={'click'}
|
|
openDelay={100}
|
|
closeDelay={100}
|
|
isLazy
|
|
lazyBehavior="keepMounted"
|
|
arrowSize={10}
|
|
strategy={'fixed'}
|
|
>
|
|
<PopoverTrigger>{Trigger}</PopoverTrigger>
|
|
<PopoverContent p={4}>
|
|
<PopoverArrow />
|
|
|
|
<HStack alignItems={'flex-start'} color={'myGray.700'}>
|
|
<MyIcon name={map.icon as any} w={'1.5rem'} />
|
|
<Box fontSize={'sm'}>{content}</Box>
|
|
</HStack>
|
|
<HStack mt={1} justifyContent={'flex-end'}>
|
|
{showCancel && (
|
|
<Button variant={'whiteBase'} size="sm" onClick={onClose}>
|
|
{cancelText || t('common:Cancel')}
|
|
</Button>
|
|
)}
|
|
<Button isLoading={loading} variant={map.variant} size="sm" onClick={onclickConfirm}>
|
|
{confirmText || t('common:Confirm')}
|
|
</Button>
|
|
</HStack>
|
|
</PopoverContent>
|
|
</Popover>
|
|
);
|
|
};
|
|
|
|
export default PopoverConfirm;
|