13-04

lib/13/03_/main.dart

@@ -0,0 +1,13 @@
+import 'package:flutter/material.dart';
+
+import 'pages/app/app.dart';
+
+
+
+void main() {
+  runApp(const App());
+}
+
+
+
+

lib/13/03_/menus.dart

@@ -0,0 +1,76 @@
+import 'package:toly_menu/toly_menu.dart';
+
+List<MenuData> menus = [
+  MenuData(path: '/dashboard', label: '总览面板', children: [
+    MenuData(path: '/dashboard/data_analyse', label: '数据分析', deep: 1),
+    MenuData(path: '/dashboard/work_board', label: '工作台', deep: 1, children: [
+      MenuData(path: '/dashboard/work_board/a', label: '第一工作区', deep: 2),
+      MenuData(path: '/dashboard/work_board/b', label: '第二工作区', deep: 2),
+      MenuData(path: '/dashboard/work_board/c', label: '第三工作区', deep: 2),
+    ]),
+  ]),
+  MenuData(path: '/manager', label: '系统管理', children: [
+    MenuData(path: '/manager/account', label: '账号管理', deep: 1),
+    MenuData(path: '/manager/role', label: '角色管理', deep: 1),
+    MenuData(path: '/manager/menu', label: '菜单管理', deep: 1),
+  ]),
+  MenuData(path: '/knowledge', label: '知识库管理', children: [
+    MenuData(path: '/knowledge/a', label: '语文知识', deep: 1, children: [
+      MenuData(
+        path: '/knowledge/a/1',
+        label: '诗词歌赋',
+        deep: 2,
+      ),
+      MenuData(
+        path: '/knowledge/a/2',
+        label: '人物故事',
+        deep: 2,
+      ),
+      MenuData(
+        path: '/knowledge/a/3',
+        label: '名著推荐',
+        deep: 2,
+      )
+    ]),
+    MenuData(
+        path: '/knowledge/b',
+        label: '数学知识',
+        children: [
+          MenuData(
+            path: '/knowledge/b/1',
+            label: '人物故事',
+            deep: 2,
+          ),
+          MenuData(
+            path: '/knowledge/b/2',
+            label: '数学定理',
+            deep: 2,
+          ),
+          MenuData(
+            path: '/knowledge/b/3',
+            label: '几何知识',
+            deep: 2,
+          ),
+          MenuData(
+            path: '/knowledge/b/4',
+            label: '代数知识',
+            deep: 2,
+          )
+        ],
+        deep: 1),
+    MenuData(
+      path: '/knowledge/c',
+      label: '英语知识',
+      deep: 1,
+    ),
+  ]),
+  MenuData(path: '/widgets', label: '组件集录', children: [
+    MenuData(path: '/widgets/stateless', label: '无状态组件', deep: 1),
+    MenuData(path: '/widgets/stateful', label: '有状态组件', deep: 1),
+    MenuData(path: '/widgets/single_child', label: '单子渲染组件', deep: 1),
+    MenuData(path: '/widgets/mutli_child', label: '多子渲染组件', deep: 1),
+    MenuData(path: '/widgets/sliver', label: '滑片组件', deep: 1),
+    MenuData(path: '/widgets/proxy', label: '代理组件', deep: 1),
+    MenuData(path: '/widgets/other', label: '其他组件', deep: 1),
+  ])
+];

lib/13/03_/pages/app/app.dart

@@ -0,0 +1,89 @@
+import 'package:flutter/material.dart';
+import 'package:toly_menu/toly_menu.dart';
+
+import '../../menus.dart';
+
+class App extends StatelessWidget {
+  const App({super.key});
+
+  @override
+  Widget build(BuildContext context) {
+    return MaterialApp(
+        theme: ThemeData(
+            appBarTheme: const AppBarTheme(
+                elevation: 0,
+                iconTheme: IconThemeData(color: Colors.black),
+                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()
+        ],
+      ),
+      // 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);
+    }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(() {
+
+    });
+  }
+}

lib/13/03_/pages/app/root_content.dart

@@ -0,0 +1,43 @@
+import 'package:flutter/material.dart';
+
+class RootContent extends StatelessWidget {
+  const RootContent({super.key});
+
+  @override
+  Widget build(BuildContext context) {
+    return Router(routerDelegate: RootContentDelegate());
+  }
+}
+
+class RootContentDelegate extends RouterDelegate with ChangeNotifier,PopNavigatorRouterDelegateMixin{
+
+
+  @override
+  final GlobalKey<NavigatorState> navigatorKey = GlobalKey<NavigatorState>();
+
+
+  @override
+  Widget build(BuildContext context) {
+    return Navigator(
+      key: navigatorKey,
+      pages: [
+
+      ],
+      onPopPage: (route, result) {
+        // appState.selectedBook = null;
+        // notifyListeners();
+        return route.didPop(result);
+      },
+    );
+  }
+
+
+  @override
+  Future<void> setNewRoutePath(configuration) {
+    // TODO: implement setNewRoutePath
+    throw UnimplementedError();
+  }
+
+
+
+}