新增编辑页

skyouc

2025-06-07 9153cfe458ab45c8e5b3594982edf346eddaba22

新增编辑页

 rsf-admin/src/page/components/PageEditDrawer.jsx

New file
@@ -0,0 +1,56 @@
import React, { useState, useRef, useEffect, useMemo, useCallback, useTransition } from "react";
import { useTranslate } from 'react-admin';
import { Drawer, Box, Typography, Card, IconButton, Stack } from '@mui/material';
import CloseIcon from '@mui/icons-material/Close';

const PageEditDrawer = (props) => {
    const translate = useTranslate();
    const {
        title = 'Drawer',
        drawerVal,
        setDrawerVal,
        closeCallback,
        children
    } = props;

    const handleClose = () => {
        setDrawerVal(null);
        if (closeCallback) {
            closeCallback();
        }
    }

    return (
        <Drawer
            variant="persistent"
            open={!!drawerVal}
            anchor="right"
            onClose={handleClose}
            PaperProps={{ sx: { width: '90%' } }}
        >
            {!!drawerVal && (
                <>
                    <Card>
                        <Box pt={5}>
                            <Stack direction="row" p={2}>
                                <Typography variant="h6" flex="1">
                                    {translate(title)}
                                </Typography>
                                <IconButton onClick={handleClose} size="small">
                                    <CloseIcon />
                                </IconButton>
                            </Stack>
                        </Box>
                    </Card>
                    <Card sx={{mt: '1em'}}>
                        <Box>
                            {children}
                        </Box>
                    </Card>
                </>
            )}
        </Drawer>
    )
}

export default PageEditDrawer;