From 1856bd4fc81ff01ed393ba63c69f03562ed360d5 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E4=B8=A5=E6=B5=A9?=
 <37316281+yanhao98@users.noreply.github.com>
Date: Thu, 26 Dec 2024 00:20:33 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E9=87=8D=E6=9E=84=20AppMenu=20?=
 =?UTF-8?q?=E7=BB=84=E4=BB=B6=E4=BB=A5=E4=BD=BF=E7=94=A8=20PanelMenu?=
 =?UTF-8?q?=EF=BC=8C=E4=BC=98=E5=8C=96=E8=8F=9C=E5=8D=95=E9=A1=B9=E7=94=9F?=
 =?UTF-8?q?=E6=88=90=E9=80=BB=E8=BE=91=EF=BC=8C=E6=9B=B4=E6=96=B0=E6=97=A0?=
 =?UTF-8?q?=E9=99=90=E5=8A=A0=E8=BD=BD=E9=A1=B5=E9=9D=A2=E6=8C=89=E9=92=AE?=
 =?UTF-8?q?=E6=A0=B7=E5=BC=8F=EF=BC=8C=E8=B0=83=E6=95=B4=20Vite=20?=
 =?UTF-8?q?=E6=8F=92=E4=BB=B6=E9=85=8D=E7=BD=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/layouts/sakai-vue/AppMenu.vue   | 20 ++++++++++++++------
 src/pages/infinite-loading.page.vue |  2 +-
 vite.config.plugins.ts              | 12 +++++++-----
 3 files changed, 22 insertions(+), 12 deletions(-)

diff --git a/src/layouts/sakai-vue/AppMenu.vue b/src/layouts/sakai-vue/AppMenu.vue
index 19397e3..5a92f4a 100644
--- a/src/layouts/sakai-vue/AppMenu.vue
+++ b/src/layouts/sakai-vue/AppMenu.vue
@@ -1,17 +1,25 @@
 <script setup lang="ts">
-import type { MenuProps } from 'primevue/menu';
 import type { MenuItem } from 'primevue/menuitem';
+import type { PanelMenuProps } from 'primevue/panelmenu';
 import type { RouteRecordRaw } from 'vue-router/auto';
 import { routes } from 'vue-router/auto-routes';
 
+const router = useRouter();
+
 // 递归处理路由生成菜单项
-const generateMenuItems = (routes: RouteRecordRaw[]): MenuProps['model'] => {
+const generateMenuItems = (routes: RouteRecordRaw[]): PanelMenuProps['model'] => {
   return routes.map((route, index) => {
     const menuItem: MenuItem = {
       label: `${index + 1}. ${(route.name as string) || route.path}`,
       icon: (route.meta?.icon as string) || 'pi pi-fw pi-home',
-      url: route.path,
-      _route: route,
+      // url: route.path,
+      command: route.children?.length
+        ? undefined
+        : () => {
+            console.debug(`route :>> `, route);
+            router.push(route);
+          },
+      // _route_info_: JSON.parse(JSON.stringify(route)),
     };
 
     if (route.children && route.children.length > 0) {
@@ -21,13 +29,13 @@ const generateMenuItems = (routes: RouteRecordRaw[]): MenuProps['model'] => {
   });
 };
 
-const cmptItems = computed<MenuProps['model']>(() => {
+const cmptItems = computed(() => {
   return generateMenuItems(routes);
 });
 </script>
 
 <template>
-  <Menu :model="cmptItems" />
+  <PanelMenu :model="cmptItems" />
 </template>
 
 <style lang="scss" scoped></style>
diff --git a/src/pages/infinite-loading.page.vue b/src/pages/infinite-loading.page.vue
index d1929a4..b755b48 100644
--- a/src/pages/infinite-loading.page.vue
+++ b/src/pages/infinite-loading.page.vue
@@ -18,7 +18,7 @@ const loadData = async (page: number) => {
 </script>
 
 <template>
-  <Button label="刷新" @click="list.splice(0, list.length) && $refs.infiniteLoading?.refresh()" />
+  <Button label="刷新" @click="list.splice(0, list.length) && $refs.infiniteLoading?.refresh()" mb-4 />
   <Card v-for="item in list" :key="item.id" class="mb-[16px]">
     <template #title>{{ item.name }}</template>
     <template #content>
diff --git a/vite.config.plugins.ts b/vite.config.plugins.ts
index d1478bb..99eee63 100644
--- a/vite.config.plugins.ts
+++ b/vite.config.plugins.ts
@@ -136,11 +136,6 @@ export function Plugins() {
       'https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600,700,900',
     ]),
 
-    // https://github.com/webfansplz/vite-plugin-vue-devtools
-    VueDevTools({
-      // launchEditor: env.LAUNCH_EDITOR,
-    }),
-
     // https://github.com/condorheroblog/vite-plugin-fake-server?tab=readme-ov-file#usage
     vitePluginFakeServer({
       include: 'fake',
@@ -150,6 +145,13 @@ export function Plugins() {
   );
 
   const _unused = () => {
+    plugins.push(
+      // https://github.com/webfansplz/vite-plugin-vue-devtools
+      VueDevTools({
+        // launchEditor: env.LAUNCH_EDITOR,
+      }),
+    );
+
     plugins.push(
       // https://github.com/unplugin/unplugin-vue-components/issues/664$0
       // https://github.com/VaJoy/vite-plugin-cdn-import-async$0