mirror of
https://github.com/Zhuym07/Tsumugiboshi.git
synced 2025-11-07 10:22:30 +08:00
删除不再使用的常量、工具函数和样式文件
This commit is contained in:
Zhuym
197
index.html
197
index.html
@@ -1,7 +1,7 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>API调试工具</title>
|
||||
<title>TsumugiBoshi|纺星</title>
|
||||
<!-- Material Icons -->
|
||||
<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
|
||||
|
||||
@@ -25,8 +25,16 @@
|
||||
}
|
||||
#root {
|
||||
flex: 1;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
pre {
|
||||
background: #f5f5f5;
|
||||
padding: 10px;
|
||||
border-radius: 4px;
|
||||
font-size: 14px;
|
||||
overflow-x: auto;
|
||||
}
|
||||
pre { background: #f5f5f5; padding: 10px; border-radius: 4px; }
|
||||
.api-description {
|
||||
margin: 8px 0 16px !important;
|
||||
color: #666;
|
||||
@@ -36,6 +44,7 @@
|
||||
padding: 12px;
|
||||
border-radius: 4px;
|
||||
border-left: 4px solid #1976d2;
|
||||
font-size: 0.9rem;
|
||||
}
|
||||
.selected-backend { font-weight: bold; color: #1976d2; }
|
||||
.scrollable-tabs {
|
||||
@@ -63,13 +72,37 @@
|
||||
font-size: 0.875rem;
|
||||
color: #666;
|
||||
}
|
||||
.backend-selector {
|
||||
margin-top: 2rem;
|
||||
padding: 1.5rem;
|
||||
background-color: #f8f9fa;
|
||||
border-radius: 4px;
|
||||
}
|
||||
@media (max-width: 600px) {
|
||||
.MuiContainer-root {
|
||||
padding: 12px !important;
|
||||
padding: 8px !important;
|
||||
}
|
||||
.MuiPaper-root {
|
||||
padding: 12px !important;
|
||||
}
|
||||
.MuiTypography-h4 {
|
||||
font-size: 1.5rem !important;
|
||||
}
|
||||
.MuiTypography-h6 {
|
||||
font-size: 1.1rem !important;
|
||||
}
|
||||
.MuiTab-root {
|
||||
min-height: 48px !important;
|
||||
padding: 6px 12px !important;
|
||||
font-size: 0.8rem !important;
|
||||
}
|
||||
.MuiInputBase-input {
|
||||
font-size: 0.9rem !important;
|
||||
}
|
||||
.backend-selector {
|
||||
margin-top: 1rem;
|
||||
padding: 1rem;
|
||||
}
|
||||
h4.MuiTypography-root {
|
||||
font-size: 1.5rem;
|
||||
}
|
||||
@@ -87,7 +120,7 @@
|
||||
<div id="root"></div>
|
||||
<footer>
|
||||
<Typography variant="body2" color="textSecondary">
|
||||
© 2023 Tsumugiboshi. All rights reserved.
|
||||
© 2025 Tsumugiboshi. All rights reserved.
|
||||
<br />
|
||||
</Typography>
|
||||
</footer>
|
||||
@@ -367,97 +400,14 @@
|
||||
return (
|
||||
<ThemeProvider theme={theme}>
|
||||
<Container maxWidth="md" style={{ marginTop: '1rem', marginBottom: '2rem' }}>
|
||||
{/* 后端地址选择器 */}
|
||||
<FormControl fullWidth style={{ marginBottom: '2rem' }}>
|
||||
<InputLabel>选择后端地址</InputLabel>
|
||||
<Select
|
||||
value={apiBase}
|
||||
onChange={handleApiBaseChange}
|
||||
label="选择后端地址"
|
||||
>
|
||||
{/* 默认后端 */}
|
||||
{PRESET_BACKENDS.map((backend) => (
|
||||
<MenuItem key={backend.value} value={backend.value}>
|
||||
{backend.label} - {backend.value}
|
||||
</MenuItem>
|
||||
))}
|
||||
|
||||
{/* 分割线 */}
|
||||
{backends.some(b => !PRESET_BACKENDS.some(preset => preset.value === b.value)) && (
|
||||
<MenuItem disabled>
|
||||
<hr style={{ width: '100%', margin: '4px 0' }} />
|
||||
</MenuItem>
|
||||
)}
|
||||
|
||||
{/* 自定义后端 */}
|
||||
{backends
|
||||
.filter(b => !PRESET_BACKENDS.some(preset => preset.value === b.value))
|
||||
.map((backend) => (
|
||||
<MenuItem key={backend.value} value={backend.value}>
|
||||
<Box display="flex" justifyContent="space-between" width="100%">
|
||||
<span>{backend.label} - {backend.value}</span>
|
||||
<Button
|
||||
size="small"
|
||||
color="error"
|
||||
onClick={(e) => {
|
||||
e.stopPropagation();
|
||||
handleDeleteBackend(backend.value);
|
||||
}}
|
||||
>
|
||||
删除
|
||||
</Button>
|
||||
</Box>
|
||||
</MenuItem>
|
||||
))}
|
||||
</Select>
|
||||
<Button
|
||||
variant="outlined"
|
||||
color="primary"
|
||||
style={{ marginTop: '1rem' }}
|
||||
onClick={handleAddBackend}
|
||||
>
|
||||
添加自定义后端
|
||||
</Button>
|
||||
</FormControl>
|
||||
|
||||
{/* 添加自定义后端对话框 */}
|
||||
<Dialog open={isDialogOpen} onClose={handleDialogClose}>
|
||||
<DialogTitle>添加自定义后端</DialogTitle>
|
||||
<DialogContent>
|
||||
<TextField
|
||||
fullWidth
|
||||
label="后端名称"
|
||||
value={newBackend.label}
|
||||
onChange={(e) => setNewBackend({ ...newBackend, label: e.target.value })}
|
||||
style={{ marginBottom: '1rem' }}
|
||||
/>
|
||||
<TextField
|
||||
fullWidth
|
||||
label="后端地址"
|
||||
value={newBackend.value}
|
||||
onChange={(e) => setNewBackend({ ...newBackend, value: e.target.value })}
|
||||
/>
|
||||
</DialogContent>
|
||||
<DialogActions>
|
||||
<Button onClick={handleDialogClose}>取消</Button>
|
||||
<Button onClick={handleSaveBackend} color="primary">保存</Button>
|
||||
</DialogActions>
|
||||
</Dialog>
|
||||
{/* Snackbar 提示 */}
|
||||
<Snackbar
|
||||
open={snackbarOpen}
|
||||
autoHideDuration={3000}
|
||||
onClose={handleSnackbarClose}
|
||||
>
|
||||
<Alert onClose={handleSnackbarClose} severity="success">
|
||||
{snackbarMessage}
|
||||
</Alert>
|
||||
</Snackbar>
|
||||
|
||||
<Typography variant="h4" gutterBottom>
|
||||
API调试工具
|
||||
💫TsumugiBoshi
|
||||
</Typography>
|
||||
<Typography variant="subtitle1" gutterBottom>
|
||||
神秘API调试工具
|
||||
</Typography>
|
||||
|
||||
{/* API表单部分 */}
|
||||
<Paper elevation={3} style={{ padding: '1rem', marginBottom: '1rem' }}>
|
||||
<div className="tabs-container">
|
||||
<Box className="scrollable-tabs">
|
||||
@@ -523,19 +473,78 @@
|
||||
</Paper>
|
||||
|
||||
{response && (
|
||||
<Paper elevation={3} style={{ padding: '1rem' }}>
|
||||
<Paper elevation={3} style={{ padding: '1rem', marginBottom: '1rem' }}>
|
||||
<Typography variant="h6" gutterBottom>响应结果：</Typography>
|
||||
<pre style={{
|
||||
whiteSpace: 'pre-wrap',
|
||||
wordWrap: 'break-word',
|
||||
backgroundColor: '#f5f5f5',
|
||||
padding: '1rem',
|
||||
borderRadius: '4px'
|
||||
borderRadius: '4px',
|
||||
fontSize: '0.9rem'
|
||||
}}>
|
||||
{response}
|
||||
</pre>
|
||||
</Paper>
|
||||
)}
|
||||
|
||||
{/* 移动后端选择器到底部 */}
|
||||
<Paper elevation={3} className="backend-selector">
|
||||
<Typography variant="h6" gutterBottom>
|
||||
后端设置
|
||||
</Typography>
|
||||
<FormControl fullWidth>
|
||||
<InputLabel>选择后端地址</InputLabel>
|
||||
<Select
|
||||
value={apiBase}
|
||||
onChange={handleApiBaseChange}
|
||||
label="选择后端地址"
|
||||
>
|
||||
{/* 默认后端 */}
|
||||
{PRESET_BACKENDS.map((backend) => (
|
||||
<MenuItem key={backend.value} value={backend.value}>
|
||||
{backend.label} - {backend.value}
|
||||
</MenuItem>
|
||||
))}
|
||||
|
||||
{/* 分割线 */}
|
||||
{backends.some(b => !PRESET_BACKENDS.some(preset => preset.value === b.value)) && (
|
||||
<MenuItem disabled>
|
||||
<hr style={{ width: '100%', margin: '4px 0' }} />
|
||||
</MenuItem>
|
||||
)}
|
||||
|
||||
{/* 自定义后端 */}
|
||||
{backends
|
||||
.filter(b => !PRESET_BACKENDS.some(preset => preset.value === b.value))
|
||||
.map((backend) => (
|
||||
<MenuItem key={backend.value} value={backend.value}>
|
||||
<Box display="flex" justifyContent="space-between" width="100%">
|
||||
<span>{backend.label} - {backend.value}</span>
|
||||
<Button
|
||||
size="small"
|
||||
color="error"
|
||||
onClick={(e) => {
|
||||
e.stopPropagation();
|
||||
handleDeleteBackend(backend.value);
|
||||
}}
|
||||
>
|
||||
删除
|
||||
</Button>
|
||||
</Box>
|
||||
</MenuItem>
|
||||
))}
|
||||
</Select>
|
||||
<Button
|
||||
variant="outlined"
|
||||
color="primary"
|
||||
style={{ marginTop: '1rem' }}
|
||||
onClick={handleAddBackend}
|
||||
>
|
||||
添加自定义后端
|
||||
</Button>
|
||||
</FormControl>
|
||||
</Paper>
|
||||
</Container>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user