perf: improve flowChart logic

src/router/menus/modules/demo/comp.ts

@@ -123,13 +123,6 @@ const menu: MenuModule = {
           content: 'new',
         },
       },
-      {
-        path: 'flowChart',
-        name: t('routes.demo.comp.flowChart'),
-        tag: {
-          content: 'new',
-        },
-      },
       {
         path: 'countTo',
         name: t('routes.demo.comp.countTo'),

src/router/menus/modules/demo/flow.ts

@@ -0,0 +1,18 @@
+import type { MenuModule } from '/@/router/types';
+import { t } from '/@/hooks/web/useI18n';
+
+const menu: MenuModule = {
+  orderNo: 5000,
+  menu: {
+    name: t('routes.demo.flow.name'),
+    path: '/flow',
+
+    children: [
+      {
+        path: 'flowChart',
+        name: t('routes.demo.flow.flowChart'),
+      },
+    ],
+  },
+};
+export default menu;

src/router/routes/modules/demo/comp.ts

@@ -240,14 +240,7 @@ const comp: AppRouteModule = {
         title: t('routes.demo.comp.cropperImage'),
       },
     },
-    {
-      path: 'flowChart',
-      name: 'flowChartDemo',
-      component: () => import('/@/views/demo/comp/flow-chart/index.vue'),
-      meta: {
-        title: t('routes.demo.comp.flowChart'),
-      },
-    },
+
     {
       path: 'timestamp',
       name: 'TimeDemo',

src/router/routes/modules/demo/flow.ts

@@ -0,0 +1,27 @@
+import type { AppRouteModule } from '/@/router/types';
+
+import { LAYOUT } from '/@/router/constant';
+import { t } from '/@/hooks/web/useI18n';
+
+const charts: AppRouteModule = {
+  path: '/flow',
+  name: 'FlowDemo',
+  component: LAYOUT,
+  redirect: '/flow/flowChart',
+  meta: {
+    icon: 'tabler:chart-dots',
+    title: t('routes.demo.flow.name'),
+  },
+  children: [
+    {
+      path: 'flowChart',
+      name: 'flowChartDemo',
+      component: () => import('/@/views/demo/comp/flow-chart/index.vue'),
+      meta: {
+        title: t('routes.demo.flow.flowChart'),
+      },
+    },
+  ],
+};
+
+export default charts;