monorepo packages (#344)

2023-09-24 18:02:09 +08:00
parent a4ff5a3f73
commit 3d7178d06f
535 changed files with 12048 additions and 227 deletions
--- a/projects/app/src/components/ChatBox/QuoteModal.tsx
+++ b/projects/app/src/components/ChatBox/QuoteModal.tsx
@@ -0,0 +1,151 @@
+import React, { useCallback, useMemo, useState } from 'react';
+import { ModalBody, Box, useTheme } from '@chakra-ui/react';
+import { getDatasetDataItemById } from '@/api/core/dataset/data';
+import { useLoading } from '@/hooks/useLoading';
+import { useToast } from '@/hooks/useToast';
+import { getErrText } from '@/utils/tools';
+import { QuoteItemType } from '@/types/chat';
+import MyIcon from '@/components/Icon';
+import InputDataModal, { RawFileText } from '@/pages/kb/detail/components/InputDataModal';
+import MyModal from '../MyModal';
+import type { PgDataItemType } from '@/types/core/dataset/data';
+import { useRouter } from 'next/router';
+
+type SearchType = PgDataItemType & {
+  kb_id?: string;
+};
+
+const QuoteModal = ({
+  onUpdateQuote,
+  rawSearch = [],
+  onClose
+}: {
+  onUpdateQuote: (quoteId: string, sourceText?: string) => Promise<void>;
+  rawSearch: SearchType[];
+  onClose: () => void;
+}) => {
+  const theme = useTheme();
+  const router = useRouter();
+  const { toast } = useToast();
+  const { setIsLoading, Loading } = useLoading();
+  const [editDataItem, setEditDataItem] = useState<QuoteItemType>();
+
+  const isShare = useMemo(() => router.pathname === '/chat/share', [router.pathname]);
+
+  /**
+   * click edit, get new kbDataItem
+   */
+  const onclickEdit = useCallback(
+    async (item: SearchType) => {
+      if (!item.id) return;
+      try {
+        setIsLoading(true);
+        const data = await getDatasetDataItemById(item.id);
+
+        if (!data) {
+          onUpdateQuote(item.id, '已删除');
+          throw new Error('该数据已被删除');
+        }
+
+        setEditDataItem(data);
+      } catch (err) {
+        toast({
+          status: 'warning',
+          title: getErrText(err)
+        });
+      }
+      setIsLoading(false);
+    },
+    [setIsLoading, toast, onUpdateQuote]
+  );
+
+  return (
+    <>
+      <MyModal
+        isOpen={true}
+        onClose={onClose}
+        h={['90vh', '80vh']}
+        isCentered
+        minW={['90vw', '600px']}
+        title={
+          <>
+            知识库引用({rawSearch.length}条)
+            <Box fontSize={['xs', 'sm']} fontWeight={'normal'}>
+              注意: 修改知识库内容成功后，此处不会显示变更情况。点击编辑后，会显示知识库最新的内容。
+            </Box>
+          </>
+        }
+      >
+        <ModalBody
+          pt={0}
+          whiteSpace={'pre-wrap'}
+          textAlign={'justify'}
+          wordBreak={'break-all'}
+          fontSize={'sm'}
+        >
+          {rawSearch.map((item, i) => (
+            <Box
+              key={i}
+              flex={'1 0 0'}
+              p={2}
+              borderRadius={'lg'}
+              border={theme.borders.base}
+              _notLast={{ mb: 2 }}
+              position={'relative'}
+              _hover={{ '& .edit': { display: 'flex' } }}
+              overflow={'hidden'}
+            >
+              {item.source && !isShare && (
+                <RawFileText filename={item.source} fileId={item.file_id} />
+              )}
+              <Box>{item.q}</Box>
+              <Box>{item.a}</Box>
+              {item.id && !isShare && (
+                <Box
+                  className="edit"
+                  display={'none'}
+                  position={'absolute'}
+                  right={0}
+                  top={0}
+                  bottom={0}
+                  w={'40px'}
+                  bg={'rgba(255,255,255,0.9)'}
+                  alignItems={'center'}
+                  justifyContent={'center'}
+                  boxShadow={'-10px 0 10px rgba(255,255,255,1)'}
+                >
+                  <MyIcon
+                    name={'edit'}
+                    w={'18px'}
+                    h={'18px'}
+                    cursor={'pointer'}
+                    color={'myGray.600'}
+                    _hover={{
+                      color: 'myBlue.700'
+                    }}
+                    onClick={() => onclickEdit(item)}
+                  />
+                </Box>
+              )}
+            </Box>
+          ))}
+        </ModalBody>
+        <Loading fixed={false} />
+      </MyModal>
+      {editDataItem && (
+        <InputDataModal
+          onClose={() => setEditDataItem(undefined)}
+          onSuccess={() => onUpdateQuote(editDataItem.id)}
+          onDelete={() => onUpdateQuote(editDataItem.id, '已删除')}
+          kbId={editDataItem.kb_id}
+          defaultValues={{
+            ...editDataItem,
+            dataId: editDataItem.id
+          }}
+        />
+      )}
+    </>
+  );
+};
+
+export default QuoteModal;