v4.6.2-alpah (#511)

projects/app/src/pages/dataset/component/EditFolderModal.tsx

@@ -42,7 +42,7 @@ const EditFolderModal = ({
   });
 
   return (
-    <MyModal isOpen onClose={onClose} title={typeMap.title}>
+    <MyModal isOpen onClose={onClose} iconSrc="/imgs/modal/folder.svg" title={typeMap.title}>
       <ModalBody>
         <Input
           ref={inputRef}

projects/app/src/pages/dataset/detail/components/Import/CreateFileModal.tsx

@@ -28,7 +28,13 @@ const CreateFileModal = ({
   });
 
   return (
-    <MyModal title={t('file.Create File')} isOpen w={'600px'} top={'15vh'}>
+    <MyModal
+      title={t('file.Create File')}
+      iconSrc="/imgs/modal/txt.svg"
+      isOpen
+      w={'600px'}
+      top={'15vh'}
+    >
       <ModalBody>
         <Box mb={1} fontSize={'sm'}>
           文件名

projects/app/src/pages/dataset/detail/components/Import/ImportModal.tsx

@@ -71,6 +71,7 @@ const ImportData = ({
 
   return (
     <MyModal
+      iconSrc="/imgs/modal/import.svg"
       title={<Box {...TitleStyle}>{t('dataset.data.File import')}</Box>}
       isOpen
       isCentered
@@ -79,7 +80,7 @@ const ImportData = ({
       h={'90vh'}
     >
       <ModalCloseButton onClick={onClose} />
-      <Flex flexDirection={'column'} flex={'1 0 0'}>
+      <Flex mt={2} flexDirection={'column'} flex={'1 0 0'}>
         <Box pb={[5, 7]} px={[4, 8]} borderBottom={theme.borders.base}>
           <MyRadio
             gridTemplateColumns={['repeat(1,1fr)', 'repeat(3,1fr)']}

projects/app/src/pages/dataset/detail/components/Import/UrlFetchModal.tsx

@@ -30,13 +30,14 @@ const UrlFetchModal = ({
 
   return (
     <MyModal
+      iconSrc="/imgs/modal/network.svg"
       title={
-        <>
+        <Box>
           <Box>{t('file.Fetch Url')}</Box>
           <Box fontWeight={'normal'} fontSize={'sm'} color={'myGray.500'} mt={1}>
             目前仅支持读取静态链接，请注意检查结果
           </Box>
-        </>
+        </Box>
       }
       top={'15vh'}
       isOpen

projects/app/src/pages/dataset/list/component/CreateModal.tsx

@@ -1,5 +1,14 @@
 import React, { useCallback, useState, useRef } from 'react';
-import { Box, Flex, Button, ModalHeader, ModalFooter, ModalBody, Input } from '@chakra-ui/react';
+import {
+  Box,
+  Flex,
+  Button,
+  ModalHeader,
+  ModalFooter,
+  ModalBody,
+  Input,
+  Image
+} from '@chakra-ui/react';
 import { useSelectFile } from '@/web/common/file/hooks/useSelectFile';
 import { useForm } from 'react-hook-form';
 import { compressImgAndUpload } from '@/web/common/file/controller';
@@ -79,8 +88,14 @@ const CreateModal = ({ onClose, parentId }: { onClose: () => void; parentId?: st
   });
 
   return (
-    <MyModal isOpen onClose={onClose} isCentered={!isPc} w={'450px'}>
-      <ModalHeader fontSize={'2xl'}>创建一个知识库</ModalHeader>
+    <MyModal
+      iconSrc="/imgs/module/db.png"
+      title={t('core.dataset.Create dataset')}
+      isOpen
+      onClose={onClose}
+      isCentered={!isPc}
+      w={'450px'}
+    >
       <ModalBody>
         <Box color={'myGray.800'} fontWeight={'bold'}>
           取个名字

projects/app/src/pages/dataset/list/component/MoveModal.tsx

@@ -59,9 +59,13 @@ const MoveModal = ({
   });
 
   return (
-    <MyModal isOpen={true} maxW={['90vw', '800px']} w={'800px'} onClose={onClose}>
-      <Flex flexDirection={'column'} h={['90vh', 'auto']}>
-        <ModalHeader>
+    <MyModal
+      isOpen={true}
+      maxW={['90vw', '800px']}
+      w={'800px'}
+      iconSrc="/imgs/modal/move.svg"
+      title={
+        <>
           {!!parentId ? (
             <Flex flex={1} userSelect={'none'} fontSize={['sm', 'lg']} fontWeight={'normal'}>
               {paths.map((item, i) => (
@@ -93,8 +97,11 @@ const MoveModal = ({
           ) : (
             <Box>我的知识库</Box>
           )}
-        </ModalHeader>
-
+        </>
+      }
+      onClose={onClose}
+    >
+      <Flex flexDirection={'column'} h={['90vh', 'auto']}>
         <ModalBody
           flex={['1 0 0', '0 0 auto']}
           maxH={'80vh'}