ai-coding/deploy-ease-platform
0
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

1

Browse Source
This commit is contained in:
asp_ly 2024-12-27 21:33:22 +08:00
parent 07ce66be11
commit df175bbf65
3 changed files with 67 additions and 67 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

66
frontend/src/components/AppMenu.tsx
View File

@ -1,66 +0,0 @@
import React from 'react';
import { useSelector } from 'react-redux';
import { useNavigate, useLocation } from 'react-router-dom';
import { Sidebar, SidebarHeader, SidebarContent } from './ui/sidebar';
import { MenuItem, MenuGroup } from './ui/sidebar-menu';
import type { RootState } from '@/store';
import { MenuResponse, MenuTypeEnum } from '@/pages/System/Menu/types';
import { getIconComponent } from '@/config/icons';
interface AppMenuProps {
openKeys: string[];
onOpenChange: (keys: string[]) => void;
}
export function AppMenu({ openKeys, onOpenChange }: AppMenuProps) {
const navigate = useNavigate();
const location = useLocation();
const menus = useSelector((state: RootState) => state.user.menus);
return (
<Sidebar>
<SidebarHeader>
<div className="text-lg font-semibold text-slate-900">Deploy Ease</div>
</SidebarHeader>
<SidebarContent>
<MenuGroup>
{menus?.filter(menu => menu.type !== MenuTypeEnum.BUTTON && !menu.hidden)
.map(menu => (
<MenuItem
key={menu.path || String(menu.id)}
icon={getIconComponent(menu.icon)}
title={menu.name}
active={location.pathname === menu.path}
expanded={openKeys.includes(menu.path || String(menu.id))}
onClick={() => {
if (menu.children?.length) {
onOpenChange(
openKeys.includes(menu.path || String(menu.id))
? openKeys.filter(key => key !== (menu.path || String(menu.id)))
: [...openKeys, menu.path || String(menu.id)]
);
} else if (menu.path) {
navigate(menu.path);
}
}}
>
{menu.children?.map(child => (
<MenuItem
key={child.path || String(child.id)}
icon={getIconComponent(child.icon)}
title={child.name}
active={location.pathname === child.path}
onClick={() => {
if (child.path) {
navigate(child.path);
}
}}
/>
))}
</MenuItem>
))}
</MenuGroup>
</SidebarContent>
</Sidebar>
);
}

66
frontend/src/layouts/AppMenu.tsx Normal file
View File

@ -0,0 +1,66 @@
import React from 'react';
import {useSelector} from 'react-redux';
import {useNavigate, useLocation} from 'react-router-dom';
import {Sidebar, SidebarHeader, SidebarContent} from '@/components/ui/sidebar';
import {MenuItem, MenuGroup} from '@/components/ui/sidebar-menu';
import type {RootState} from '@/store';
import {MenuTypeEnum} from '@/pages/System/Menu/types';
import {getIconComponent} from '@/config/icons';
interface AppMenuProps {
openKeys: string[];
onOpenChange: (keys: string[]) => void;
}
export function AppMenu({openKeys, onOpenChange}: AppMenuProps) {
const navigate = useNavigate();
const location = useLocation();
const menus = useSelector((state: RootState) => state.user.menus);
return (
<Sidebar>
<SidebarHeader>
<div className="text-lg font-semibold text-slate-900">Deploy Ease</div>
</SidebarHeader>
<SidebarContent>
<MenuGroup>
{menus?.filter(menu => menu.type !== MenuTypeEnum.BUTTON && !menu.hidden)
.map(menu => (
<MenuItem
key={menu.path || String(menu.id)}
icon={getIconComponent(menu.icon)}
title={menu.name}
active={location.pathname === menu.path}
expanded={openKeys.includes(menu.path || String(menu.id))}
onClick={() => {
if (menu.children?.length) {
onOpenChange(
openKeys.includes(menu.path || String(menu.id))
? openKeys.filter(key => key !== (menu.path || String(menu.id)))
: [...openKeys, menu.path || String(menu.id)]
);
} else if (menu.path) {
navigate(menu.path);
}
}}
>
{menu.children?.map(child => (
<MenuItem
key={child.path || String(child.id)}
icon={getIconComponent(child.icon)}
title={child.name}
active={location.pathname === child.path}
onClick={() => {
if (child.path) {
navigate(child.path);
}
}}
/>
))}
</MenuItem>
))}
</MenuGroup>
</SidebarContent>
</Sidebar>
);
}

2
frontend/src/layouts/BasicLayout.tsx
View File

@ -16,7 +16,7 @@ import {getWeather} from '../services/weather';
import type {RootState} from '../store';
import dayjs from 'dayjs';
import 'dayjs/locale/zh-cn';
import { AppMenu } from '@/components/AppMenu';
import { AppMenu } from './AppMenu';
import { Layout, LayoutContent, Header, Main } from '@/components/ui/layout';
const {confirm} = Modal;