kevisual/kevisual-center
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: bump container

Browse Source
This commit is contained in:
熊潇
2024-10-08 03:38:13 +08:00
parent ec5c64d03a
commit 7cd34a5d5c
7 changed files with 238 additions and 209 deletions
Download Patch File Download Diff File Expand all files Collapse all files

76
src/pages/map/index.tsx
View File

@@ -10,6 +10,14 @@ const serverPath = [
path: 'panel',
links: ['edit/list', 'flow/:id', 'deck/:id'],
},
{
path: 'app',
links: ['edit/list', ':app/verison/list'],
},
{
path: 'file',
links: ['edit/list'],
},
{
path: 'publish',
links: ['edit/list'],
@@ -30,46 +38,52 @@ const serverPath = [
path: 'chat',
links: ['history/list', 'session/list', 'chat-prompt/list'],
},
{
path: 'org',
links: ['edit/list'],
},
];
const ServerPath = () => {
const navigate = useNavigate();
return (
<div className='p-2 w-full h-full bg-gray-200'>
<h1 className='p-4 w-1/2 m-auto h1'>Site Map</h1>
<div className='flex flex-col w-1/2 m-auto bg-white p-4 border rounded-md shadow-md min-w-[600px]'>
{serverPath.map((item) => {
const links = item.links.map((link) => {
const hasId = link.includes(':id');
const _path = link === '/' ? item.path : item.path + '/' + link;
<div className='w-1/2 m-auto bg-white p-4 border rounded-md shadow-md min-w-[700px] max-h-[80vh] overflow-auto scrollbar'>
<div className='flex flex-col w-full'>
{serverPath.map((item) => {
const links = item.links.map((link) => {
const hasId = link.includes(':id');
const _path = link === '/' ? item.path : item.path + '/' + link;
return (
<div
key={link}
className={clsx('flex flex-col', !hasId && 'cursor-pointer')}
onClick={() => {
if (hasId) {
return;
}
console.log('link', link);
if (link === '/') {
navigate(`/${item.path}`);
return;
}
if (link) {
navigate(`/${item.path}/${link}`);
} else {
navigate(`/${item.path}`);
}
}}>
<div className={clsx('border rounded-md p-2 m-2', hasId && 'bg-gray-200')}>{_path}</div>
</div>
);
});
return (
<div
key={link}
className={clsx('flex flex-col', !hasId && 'cursor-pointer')}
onClick={() => {
if (hasId) {
return;
}
console.log('link', link);
if (link === '/') {
navigate(`/${item.path}`);
return;
}
if (link) {
navigate(`/${item.path}/${link}`);
} else {
navigate(`/${item.path}`);
}
}}>
<div className={clsx('border rounded-md p-2 m-2', hasId && 'bg-gray-200')}>{_path}</div>
<div key={item.path} className='flex'>
{links}
</div>
);
});
return (
<div key={item.path} className='flex'>
{links}
</div>
);
})}
})}
</div>
</div>
</div>
);