4.7-alpha2 (#1027)

* feat: stop toolCall and rename some field. (#46) * perf: node delete tip;pay tip * fix: toolCall cannot save child answer * feat: stop tool * fix: team modal * fix feckbackMoal auth bug (#47) * 简单的支持提示词运行tool。优化workflow模板 (#49) * remove templates * fix: request body undefined * feat: prompt tool run * feat: workflow tamplates modal * perf: plugin start * 4.7 (#50) * fix docker-compose download url (#994) original code is a bad url with '404 NOT FOUND' return. fix docker-compose download url, add 'v' before docker-compose version * Update ai_settings.md (#1000) * Update configuration.md * Update configuration.md * Fix history in classifyQuestion and extract modules (#1012) * Fix history in classifyQuestion and extract modules * Add chatValue2RuntimePrompt import and update text formatting * flow controller to packages * fix: rerank select * modal ui * perf: modal code path * point not sufficient * feat: http url support variable * fix http key * perf: prompt * perf: ai setting modal * simple edit ui --------- Co-authored-by: entorick <entorick11@qq.com> Co-authored-by: liujianglc <liujianglc@163.com> Co-authored-by: Fengrui Liu <liufengrui.work@bytedance.com> * fix team share redirect to login (#51) * feat: support openapi import plugins (#48) * feat: support openapi import plugins * feat: import from url * fix: add body params parse * fix build * fix * fix * fix * tool box ui (#52) * fix: training queue * feat: simple edit tool select * perf: simple edit dataset prompt * fix: chatbox tool ux * feat: quote prompt module * perf: plugin tools sign * perf: model avatar * tool selector ui * feat: max histories * perf: http plugin import (#53) * perf: plugin http import * chatBox ui * perf: name * fix: Node template card (#54) * fix: ts * setting modal * package * package * feat: add plugins search (#57) * feat: add plugins search * perf: change http plugin header input * Yjl (#56) * perf: prompt tool call * perf: chat box ux * doc * doc * price tip * perf: tool selector * ui' * fix: vector queue * fix: empty tool and empty response * fix: empty msg * perf: pg index * perf: ui tip * doc * tool tip --------- Co-authored-by: yst <77910600+yu-and-liu@users.noreply.github.com> Co-authored-by: entorick <entorick11@qq.com> Co-authored-by: liujianglc <liujianglc@163.com> Co-authored-by: Fengrui Liu <liufengrui.work@bytedance.com> Co-authored-by: heheer <71265218+newfish-cmyk@users.noreply.github.com>
2025-07-27 08:25:07 +00:00 · 2024-03-21 13:32:31 +08:00
parent 6d4b331db9
commit 9d27de154b
322 changed files with 9282 additions and 6498 deletions
--- a/packages/web/components/common/MyModal/index.tsx
+++ b/packages/web/components/common/MyModal/index.tsx
@@ -0,0 +1,94 @@
+import React from 'react';
+import {
+  Modal,
+  ModalOverlay,
+  ModalContent,
+  ModalHeader,
+  ModalCloseButton,
+  ModalContentProps,
+  Box,
+  Image,
+  useMediaQuery
+} from '@chakra-ui/react';
+import MyIcon from '../Icon';
+
+export interface MyModalProps extends ModalContentProps {
+  iconSrc?: string;
+  title?: any;
+  isCentered?: boolean;
+  isOpen: boolean;
+  onClose?: () => void;
+}
+
+const MyModal = ({
+  isOpen,
+  onClose,
+  iconSrc,
+  title,
+  children,
+  isCentered,
+  w = 'auto',
+  maxW = ['90vw', '600px'],
+  ...props
+}: MyModalProps) => {
+  const [isPc] = useMediaQuery('(min-width: 900px)');
+
+  return (
+    <Modal
+      isOpen={isOpen}
+      onClose={() => onClose && onClose()}
+      autoFocus={false}
+      isCentered={isPc ? isCentered : true}
+    >
+      <ModalOverlay />
+      <ModalContent
+        w={w}
+        minW={['90vw', '400px']}
+        maxW={maxW}
+        position={'relative'}
+        maxH={'85vh'}
+        boxShadow={'7'}
+        {...props}
+      >
+        {!title && onClose && <ModalCloseButton zIndex={1} />}
+        {!!title && (
+          <ModalHeader
+            display={'flex'}
+            alignItems={'center'}
+            fontWeight={500}
+            background={'#FBFBFC'}
+            borderBottom={'1px solid #F4F6F8'}
+            roundedTop={'lg'}
+            py={'10px'}
+          >
+            {iconSrc && (
+              <>
+                {iconSrc.startsWith('/') ? (
+                  <Image mr={3} objectFit={'contain'} alt="" src={iconSrc} w={'20px'} />
+                ) : (
+                  <MyIcon mr={3} name={iconSrc as any} w={'20px'} />
+                )}
+              </>
+            )}
+            {title}
+            <Box flex={1} />
+            {onClose && (
+              <ModalCloseButton position={'relative'} fontSize={'sm'} top={0} right={0} />
+            )}
+          </ModalHeader>
+        )}
+
+        <Box
+          overflow={props.overflow || 'overlay'}
+          h={'100%'}
+          display={'flex'}
+          flexDirection={'column'}
+        >
+          {children}
+        </Box>
+      </ModalContent>
+    </Modal>
+  );
+};
+
+export default React.memo(MyModal);