| | |
| | | import { Drawer, Box, Typography, Tabs, Tab, IconButton, Stack, useTheme, Card, CardContent, CardHeader, Divider } from '@mui/material'; |
| | | import CloseIcon from '@mui/icons-material/Close'; |
| | | import { PAGE_DRAWER_WIDTH } from '@/config/setting'; |
| | | import MapSettings from './MapSettings'; |
| | | |
| | | const Settings = (props) => { |
| | | const { open, onCancel, sprite, width = PAGE_DRAWER_WIDTH, title } = props; |
| | |
| | | |
| | | <Box p={3}> |
| | | {activeTab === 0 && ( |
| | | <MapSettings sprite={sprite} onSubmit={() => { /* 表单提交逻辑 */ }} /> |
| | | <MapSettings |
| | | sprite={sprite} |
| | | onSubmit={() => { |
| | | alert('MapSettings') |
| | | }} |
| | | /> |
| | | )} |
| | | {activeTab === 1 && ( |
| | | <ConfigSettings sprite={sprite} onSubmit={() => { /* 表单提交逻辑 */ }} /> |
| | | <ConfigSettings |
| | | sprite={sprite} |
| | | onSubmit={() => { |
| | | alert('ConfigSettings') |
| | | }} |
| | | /> |
| | | )} |
| | | </Box> |
| | | </CardContent> |
| | |
| | | )} |
| | | </Drawer> |
| | | </> |
| | | ) |
| | | } |
| | | |
| | | const MapSettings = () => { |
| | | |
| | | return ( |
| | | <h1>MapSettings</h1> |
| | | ) |
| | | } |
| | | |