mirror of
https://github.com/labring/FastGPT.git
synced 2025-07-22 20:37:48 +00:00
b520988c64
* feat: add third party account config (#3443) * temp * editor workflow variable style * add team to dispatch * i18n * delete console * change openai account position * fix * fix * fix * fix * fix * 4.8.17 test (#3461) * perf: external provider config * perf: ui * feat: add template config (#3434) * change template position * template config * delete console * delete * fix * fix * perf: Mongo visutal field (#3464) * remve invalid code * perf: team member visutal code * perf: virtual search; perf: search test data * fix: ts * fix: image response headers * perf: template code * perf: auth layout；perf: auto save (#3472) * perf: auth layout * perf: auto save * perf: auto save * fix: template guide display & http input support external variables (#3475) * fix: template guide display * http editor support external workflow variables * perf: auto save;fix: ifelse checker line break; (#3478) * perf: auto save * perf: auto save * fix: ifelse checker line break * perf: doc * perf: doc * fix: update var type error * 4.8.17 test (#3479) * perf: auto save * perf: auto save * perf: template code * 4.8.17 test (#3480) * perf: auto save * perf: auto save * perf: model price model * feat: add react memo * perf: model provider filter * fix: ts (#3481) * perf: auto save * perf: auto save * fix: ts * simple app tool select (#3473) * workflow plugin userguide & simple tool ui * simple tool filter * reuse component * change component to hook * fix * perf: too selector modal (#3484) * perf: auto save * perf: auto save * perf: markdown render * perf: too selector * fix: app version require tmbId * perf: templates refresh * perf: templates refresh * hide auto save error tip * perf: toolkit guide --------- Co-authored-by: heheer <heheer@sealos.io>
48 lines
949 B
TypeScript
48 lines
949 B
TypeScript
import React from 'react';
|
|
import { Spinner, Flex, Box, SpinnerProps } from '@chakra-ui/react';
|
|
|
|
const Loading = ({
|
|
fixed = true,
|
|
text = '',
|
|
bg = 'rgba(255,255,255,0.5)',
|
|
zIndex = 1000,
|
|
size = 'lg'
|
|
}: {
|
|
fixed?: boolean;
|
|
text?: string;
|
|
bg?: string;
|
|
zIndex?: number;
|
|
size?: SpinnerProps['size'];
|
|
}) => {
|
|
return (
|
|
<Flex
|
|
position={fixed ? 'fixed' : 'absolute'}
|
|
zIndex={fixed ? zIndex : 10}
|
|
bg={bg}
|
|
borderRadius={'md'}
|
|
top={0}
|
|
left={0}
|
|
right={0}
|
|
bottom={0}
|
|
alignItems={'center'}
|
|
justifyContent={'center'}
|
|
flexDirection={'column'}
|
|
>
|
|
<Spinner
|
|
thickness="4px"
|
|
speed="0.65s"
|
|
emptyColor="myGray.100"
|
|
color="primary.500"
|
|
size={size}
|
|
/>
|
|
{text && (
|
|
<Box mt={2} color="primary.600" fontWeight={'bold'}>
|
|
{text}
|
|
</Box>
|
|
)}
|
|
</Flex>
|
|
);
|
|
};
|
|
|
|
export default React.memo(Loading);
|