v4.6.2-alpah (#511)

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'}