v3

lib/v3/app/navigation/views/app_navigation.dart

@@ -0,0 +1,39 @@
+import 'package:flutter/material.dart';
+import '../router/app_router_delegate.dart';
+import 'app_navigation_rail.dart';
+import 'background.dart';
+import 'top_bar.dart';
+
+class AppNavigation extends StatelessWidget {
+  const AppNavigation({super.key});
+
+  @override
+  Widget build(BuildContext context) {
+    return Scaffold(
+      body: Stack(
+        children: [
+          // const Background(),
+          Row(
+            children: [
+              const AppNavigationRail(),
+              Expanded(
+                child: Column(
+                  children: [
+                    TopBar(),
+                    Divider(height: 1,),
+                    Expanded(
+                      child: Router(
+                        routerDelegate: router,
+                        backButtonDispatcher: RootBackButtonDispatcher(),
+                      ),
+                    ),
+                  ],
+                ),
+              ),
+            ],
+          ),
+        ],
+      ),
+    );
+  }
+}

lib/v3/app/navigation/views/app_navigation_rail.dart

@@ -0,0 +1,60 @@
+import 'package:flutter/material.dart';
+import 'package:iroute/components/toly_ui/toly_ui.dart';
+import '../router/app_router_delegate.dart';
+
+class AppNavigationRail extends StatefulWidget {
+  const AppNavigationRail({super.key});
+
+  @override
+  State<AppNavigationRail> createState() => _AppNavigationRailState();
+}
+
+class _AppNavigationRailState extends State<AppNavigationRail> {
+  final List<NavigationRailDestination> destinations = const [
+    NavigationRailDestination(icon: Icon(Icons.color_lens_outlined), label: Text("颜色板")),
+    NavigationRailDestination(icon: Icon(Icons.add_chart), label: Text("计数器")),
+    NavigationRailDestination(icon: Icon(Icons.person), label: Text("我的")),
+    NavigationRailDestination(icon: Icon(Icons.settings), label: Text("设置")),
+  ];
+
+  @override
+  void initState() {
+    super.initState();
+    router.addListener(_onRouterChange);
+  }
+
+  @override
+  void dispose() {
+    router.removeListener(_onRouterChange);
+    super.dispose();
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    return TolyNavigationRail(
+      leading: Padding(
+        padding: const EdgeInsets.symmetric(vertical: 18.0),
+        child: FlutterLogo(),
+      ),
+      backgroundColor: const Color(0xff3975c6),
+      onDestinationSelected: _onDestinationSelected,
+      selectedIndex: router.activeIndex,
+    );
+
+    // return NavigationRail(
+    //   backgroundColor: Colors.transparent,
+    //   labelType: NavigationRailLabelType.all,
+    //   onDestinationSelected: _onDestinationSelected,
+    //   destinations: destinations,
+    //   selectedIndex: router.activeIndex,
+    // );
+  }
+
+  void _onDestinationSelected(int index) {
+    router.path = kDestinationsPaths[index];
+  }
+
+  void _onRouterChange() {
+    setState(() {});
+  }
+}

lib/v3/app/navigation/views/background.dart

@@ -0,0 +1,19 @@
+import 'dart:math';
+
+import 'package:flutter/material.dart';
+
+class Background extends StatelessWidget {
+  const Background({Key? key}) : super(key: key);
+
+  @override
+  Widget build(BuildContext context) {
+    return Container(
+      decoration: const BoxDecoration(
+          gradient:
+              LinearGradient(transform: GradientRotation(pi / 2), colors: [
+        Color(0xffF1EFF1),
+        Color(0xffFFFFFF),
+      ])),
+    );
+  }
+}

lib/v3/app/navigation/views/top_bar.dart

@@ -0,0 +1,107 @@
+import 'package:flutter/material.dart';
+import 'package:iroute/components/components.dart';
+import '../router/app_router_delegate.dart';
+import 'package:window_manager/window_manager.dart';
+
+
+class TopBar extends StatelessWidget {
+  const TopBar({super.key});
+
+  @override
+  Widget build(BuildContext context) {
+    return DragToMoveAreaNoDouble(
+      child: Container(
+        alignment: Alignment.center,
+        height: 46,
+        child: Row(
+          children: [
+            const SizedBox(
+              width: 16,
+            ),
+            RouterIndicator(),
+            Spacer(),
+            WindowButtons()
+          ],
+        ),
+      ),
+    );
+  }
+}
+
+class RouterIndicator extends StatefulWidget {
+  const RouterIndicator({super.key});
+
+  @override
+  State<RouterIndicator> createState() => _RouterIndicatorState();
+}
+
+class _RouterIndicatorState extends State<RouterIndicator> {
+  @override
+  void initState() {
+    super.initState();
+    router.addListener(_onRouterChange);
+  }
+
+  Map<String, String> routeLabelMap = {
+    '/color': '颜色板',
+    '/color/add': '添加颜色',
+    '/color/detail': '颜色详情',
+    '/counter': '计数器',
+    '/user': '我的',
+    '/settings': '系统设置',
+  };
+
+  @override
+  Widget build(BuildContext context) {
+    return TolyBreadcrumb(
+      items: pathToBreadcrumbItems(router.path),
+      onTapItem: (item){
+        if(item.to!=null){
+          router.path = item.to!;
+        }
+      },
+    );
+  }
+
+  void _onRouterChange() {
+    print('_onRouterChange');
+    setState(() {});
+  }
+
+  List<BreadcrumbItem> pathToBreadcrumbItems(String path) {
+    Uri uri = Uri.parse(path);
+    List<BreadcrumbItem> result = [];
+    String to = '';
+
+    String distPath = '';
+    for (String segment in uri.pathSegments) {
+      distPath += '/$segment';
+    }
+
+    for (String segment in uri.pathSegments) {
+      to += '/$segment';
+      result.add(BreadcrumbItem(to: to, label: routeLabelMap[to] ?? '未知路由',active: to==distPath));
+    }
+    return result;
+  }
+}
+
+class DragToMoveAreaNoDouble extends StatelessWidget {
+  final Widget child;
+
+  const DragToMoveAreaNoDouble({
+    Key? key,
+    required this.child,
+  }) : super(key: key);
+
+  @override
+  Widget build(BuildContext context) {
+    return GestureDetector(
+      behavior: HitTestBehavior.translucent,
+      onPanStart: (details) {
+        windowManager.startDragging();
+      },
+      child: child,
+    );
+  }
+}