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