mirror of
https://github.com/labring/FastGPT.git
synced 2025-07-23 05:12:39 +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
71 lines
1.5 KiB
TypeScript
71 lines
1.5 KiB
TypeScript
import React from 'react';
|
|
import {
|
|
Popover,
|
|
PopoverTrigger,
|
|
PopoverContent,
|
|
useDisclosure,
|
|
type PlacementWithLogical,
|
|
PopoverArrow,
|
|
type PopoverContentProps
|
|
} from '@chakra-ui/react';
|
|
|
|
interface Props extends PopoverContentProps {
|
|
Trigger: React.ReactNode;
|
|
placement?: PlacementWithLogical;
|
|
offset?: [number, number];
|
|
trigger?: 'hover' | 'click';
|
|
hasArrow?: boolean;
|
|
children: (e: { onClose: () => void }) => React.ReactNode;
|
|
onCloseFunc?: () => void;
|
|
onOpenFunc?: () => void;
|
|
closeOnBlur?: boolean;
|
|
}
|
|
|
|
const MyPopover = ({
|
|
Trigger,
|
|
placement,
|
|
offset,
|
|
trigger,
|
|
hasArrow = true,
|
|
children,
|
|
onOpenFunc,
|
|
onCloseFunc,
|
|
closeOnBlur = false,
|
|
...props
|
|
}: Props) => {
|
|
const firstFieldRef = React.useRef(null);
|
|
|
|
const { onOpen, onClose, isOpen } = useDisclosure();
|
|
|
|
return (
|
|
<Popover
|
|
isOpen={isOpen}
|
|
initialFocusRef={firstFieldRef}
|
|
onOpen={() => {
|
|
onOpen();
|
|
onOpenFunc && onOpenFunc();
|
|
}}
|
|
onClose={() => {
|
|
onClose();
|
|
onCloseFunc && onCloseFunc();
|
|
}}
|
|
placement={placement}
|
|
offset={offset}
|
|
closeOnBlur={closeOnBlur}
|
|
trigger={trigger}
|
|
openDelay={100}
|
|
closeDelay={100}
|
|
isLazy
|
|
lazyBehavior="keepMounted"
|
|
>
|
|
<PopoverTrigger>{Trigger}</PopoverTrigger>
|
|
<PopoverContent {...props}>
|
|
{hasArrow && <PopoverArrow />}
|
|
{children({ onClose })}
|
|
</PopoverContent>
|
|
</Popover>
|
|
);
|
|
};
|
|
|
|
export default MyPopover;
|