ChatGPT/FastGPT
1
0
Fork 0
mirror of https://github.com/labring/FastGPT.git synced 2025-07-27 08:25:07 +00:00
Code Issues Packages Projects Releases Wiki Activity

perf: Dataset new ui (#2555)

Browse Source 
* perf: dataset detail ui

* fix: collection tag modal

* perf: data card support markdown

* fix :ts
This commit is contained in:
Archer
2024-08-28 12:48:55 +08:00
committed by GitHub
parent aba50e958e
commit b9a6b71fe9
16 changed files with 355 additions and 366 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
packages/web/components/common/MySelect/index.tsx
View File

@@ -19,8 +19,8 @@ import {
} from '@chakra-ui/react';
import type { ButtonProps, MenuItemProps } from '@chakra-ui/react';
import { ChevronDownIcon } from '@chakra-ui/icons';
import { useLoading } from '../../../hooks/useLoading';
import MyIcon from '../Icon';
import { useRequest2 } from '../../../hooks/useRequest';
export type SelectProps<T = any> = ButtonProps & {
value?: T;
@@ -32,7 +32,7 @@ export type SelectProps<T = any> = ButtonProps & {
value: T;
}[];
isLoading?: boolean;
onchange?: (val: T) => void;
onchange?: (val: T) => any | Promise<any>;
};
const MySelect = <T = any,>(
@@ -82,6 +82,10 @@ const MySelect = <T = any,>(
}
}, [isOpen]);
const { runAsync: onChange, loading } = useRequest2((val: T) => onchange?.(val));
const isSelecting = loading || isLoading;
return (
<Box
css={css({
@@ -92,7 +96,7 @@ const MySelect = <T = any,>(
>
<Menu
autoSelect={false}
isOpen={isOpen}
isOpen={isOpen && !isSelecting}
onOpen={onOpen}
onClose={onClose}
strategy={'fixed'}
@@ -118,7 +122,7 @@ const MySelect = <T = any,>(
{...props}
>
<Flex alignItems={'center'}>
{isLoading && <MyIcon mr={2} name={'common/loading'} w={'16px'} />}
{isSelecting && <MyIcon mr={2} name={'common/loading'} w={'16px'} />}
{selectItem?.alias || selectItem?.label || placeholder}
</Flex>
</MenuButton>
@@ -160,8 +164,8 @@ const MySelect = <T = any,>(
color: 'myGray.900'
})}
onClick={() => {
if (onchange && value !== item.value) {
onchange(item.value);
if (onChange && value !== item.value) {
onChange(item.value);
}
}}
whiteSpace={'pre-wrap'}