108 lines
2.7 KiB
Dart
108 lines
2.7 KiB
Dart
import 'package:flutter/material.dart';
|
||
import 'package:go_router/go_router.dart';
|
||
import 'package:toly_menu/toly_menu.dart';
|
||
|
||
import '../../menus.dart';
|
||
import '../../transition/fade_transition.dart';
|
||
import 'root_content.dart';
|
||
|
||
class App extends StatelessWidget {
|
||
const App({super.key});
|
||
|
||
@override
|
||
Widget build(BuildContext context) {
|
||
return MaterialApp(
|
||
theme: ThemeData(
|
||
pageTransitionsTheme: PageTransitionsTheme(
|
||
builders: {
|
||
TargetPlatform.android: FadeUpwardsPageTransitionsBuilder(),
|
||
TargetPlatform.iOS: CupertinoPageTransitionsBuilder(),
|
||
TargetPlatform.macOS: FadeUpwardsPageTransitionsBuilder(),
|
||
TargetPlatform.windows: FadeTransitionsBuilder(),
|
||
}
|
||
),
|
||
|
||
appBarTheme: const AppBarTheme(
|
||
elevation: 0,
|
||
iconTheme: IconThemeData(color: Colors.black),
|
||
backgroundColor: Colors.white,
|
||
titleTextStyle: TextStyle(
|
||
color: Colors.black,
|
||
fontSize: 18,
|
||
fontWeight: FontWeight.bold,
|
||
))),
|
||
debugShowCheckedModeBanner: false,
|
||
home: AppLayout());
|
||
}
|
||
}
|
||
|
||
class AppLayout extends StatelessWidget {
|
||
const AppLayout({super.key});
|
||
|
||
@override
|
||
Widget build(BuildContext context) {
|
||
return Scaffold(
|
||
body: Row(
|
||
children: [
|
||
SizedBox(
|
||
width: 210,
|
||
child: MenuPanel(),
|
||
),
|
||
// Container()
|
||
Expanded(child: RootContent())
|
||
],
|
||
),
|
||
// appBar: AppToolBar(),
|
||
// body: AppNavigation(),
|
||
);
|
||
}
|
||
}
|
||
|
||
class MenuPanel extends StatefulWidget {
|
||
const MenuPanel({super.key});
|
||
|
||
@override
|
||
State<MenuPanel> createState() => _MenuPanelState();
|
||
}
|
||
|
||
class _MenuPanelState extends State<MenuPanel> {
|
||
MenuState state = MenuState(expandMenus: ['/dashboard'], activeMenu: '/dashboard/data_analyse', items: menus);
|
||
|
||
@override
|
||
Widget build(BuildContext context) {
|
||
return TolyMenu(state: state, onSelect: _onSelect);
|
||
}
|
||
|
||
void _onSelect(MenuData menu) {
|
||
|
||
|
||
if(menu.isLeaf){
|
||
state = state.copyWith(activeMenu: menu.path);
|
||
print("menu.path：${menu.path}");
|
||
goRouter.go(menu.path);
|
||
}else{
|
||
List<String> menus = [];
|
||
String path = menu.path.substring(1);
|
||
List<String> parts = path.split('/');
|
||
|
||
if(parts.isNotEmpty){
|
||
String path = '';
|
||
for (String part in parts) {
|
||
path+='/$part';
|
||
menus.add(path);
|
||
}
|
||
}
|
||
|
||
if(state.expandMenus.contains(menu.path)){
|
||
menus.remove(menu.path);
|
||
}
|
||
|
||
state = state.copyWith(expandMenus: menus);
|
||
|
||
}
|
||
setState(() {
|
||
|
||
});
|
||
}
|
||
}
|