From 4949e1c957ed29def3e2affbef0d154d07bc0aaa Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E4=B8=A5=E6=B5=A9?= <me@yanhao.ren>
Date: Wed, 22 Oct 2025 11:29:27 +0800
Subject: [PATCH] =?UTF-8?q?feat(menu):=20=E4=B8=BA=E9=A1=B5=E9=9D=A2?=
 =?UTF-8?q?=E6=B7=BB=E5=8A=A0=E6=A0=87=E9=A2=98=E5=92=8C=E5=B8=83=E5=B1=80?=
 =?UTF-8?q?=E9=85=8D=E7=BD=AE=E6=94=AF=E6=8C=81?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 patches/vite-plugin-vue-meta-layouts.patch | 20 -------
 src/pages/demos/api-demo.page.vue          |  6 ++
 src/pages/demos/counter-demo.page.vue      |  6 ++
 src/pages/demos/index.page.vue             |  4 ++
 src/pages/demos/websocket-demo.page.vue    |  6 ++
 src/pages/page/deep/deep.page.vue          |  5 --
 src/pages/page/deep/deep2.page.vue         |  5 --
 src/pages/page/demo-api.page.vue           |  5 --
 src/pages/page/demo-icons.page.vue         |  5 --
 src/plugins/router-plugin.ts               |  5 ++
 typed-router.d.ts                          | 65 +++++-----------------
 11 files changed, 40 insertions(+), 92 deletions(-)
 delete mode 100644 patches/vite-plugin-vue-meta-layouts.patch
 create mode 100644 src/pages/demos/index.page.vue
 delete mode 100644 src/pages/page/deep/deep.page.vue
 delete mode 100644 src/pages/page/deep/deep2.page.vue
 delete mode 100644 src/pages/page/demo-api.page.vue
 delete mode 100644 src/pages/page/demo-icons.page.vue

diff --git a/patches/vite-plugin-vue-meta-layouts.patch b/patches/vite-plugin-vue-meta-layouts.patch
deleted file mode 100644
index c1dc27b..0000000
--- a/patches/vite-plugin-vue-meta-layouts.patch
+++ /dev/null
@@ -1,20 +0,0 @@
-diff --git a/client.d.ts b/client.d.ts
-index 05b92f32d1ba3df543d46fb1e93d53c6a5834583..81952e9cf3d4ebe5ca7c354e977354a120707fa8 100644
---- a/client.d.ts
-+++ b/client.d.ts
-@@ -2,12 +2,12 @@ declare module "virtual:meta-layouts" {
-   import type {
-     Router,
-     RouteRecordNormalized,
--    RouteRecordRaw,
-+    RouterOptions,
-   } from "vue-router";
- 
-   export const setupLayouts: (
--    routes: RouteRecordRaw[],
--  ) => RouteRecordRaw[];
-+    routes: RouterOptions['routes'],
-+  ) => RouterOptions['routes'];
- 
-   export const createGetRoutes: (
-     router: Router,
diff --git a/src/pages/demos/api-demo.page.vue b/src/pages/demos/api-demo.page.vue
index 5df5a6d..4b538b7 100644
--- a/src/pages/demos/api-demo.page.vue
+++ b/src/pages/demos/api-demo.page.vue
@@ -1,6 +1,12 @@
 <script setup lang="ts">
 import { ref } from 'vue';
 
+definePage({
+  meta: {
+    title: 'API 调用示例',
+  },
+});
+
 // ========== API 模块 ==========
 const apiResult = ref<string>('');
 const loading = ref(false);
diff --git a/src/pages/demos/counter-demo.page.vue b/src/pages/demos/counter-demo.page.vue
index 12e7b39..498f48c 100644
--- a/src/pages/demos/counter-demo.page.vue
+++ b/src/pages/demos/counter-demo.page.vue
@@ -2,6 +2,12 @@
 import { ref } from 'vue';
 import { NButton } from 'naive-ui';
 
+definePage({
+  meta: {
+    title: '点击计数器',
+  },
+});
+
 // ========== 计数器模块 ==========
 const clickCount = ref(0);
 
diff --git a/src/pages/demos/index.page.vue b/src/pages/demos/index.page.vue
new file mode 100644
index 0000000..9cfd2ac
--- /dev/null
+++ b/src/pages/demos/index.page.vue
@@ -0,0 +1,4 @@
+<script setup lang="ts">
+definePage({ meta: { title: '示例演示' } });
+</script>
+<template>这个文件只是为了给菜单渲染标题</template>
diff --git a/src/pages/demos/websocket-demo.page.vue b/src/pages/demos/websocket-demo.page.vue
index 98f3daa..85b4d63 100644
--- a/src/pages/demos/websocket-demo.page.vue
+++ b/src/pages/demos/websocket-demo.page.vue
@@ -1,6 +1,12 @@
 <script setup lang="ts">
 import { ref, onUnmounted, computed, nextTick } from 'vue';
 
+definePage({
+  meta: {
+    title: 'WebSocket 示例',
+  },
+});
+
 // ========== WebSocket 模块 ==========
 const ws = ref<WebSocket | null>(null);
 const wsConnected = ref(false);
diff --git a/src/pages/page/deep/deep.page.vue b/src/pages/page/deep/deep.page.vue
deleted file mode 100644
index 889edb6..0000000
--- a/src/pages/page/deep/deep.page.vue
+++ /dev/null
@@ -1,5 +0,0 @@
-<script setup lang="ts"></script>
-
-<template>
-  <div>deep</div>
-</template>
diff --git a/src/pages/page/deep/deep2.page.vue b/src/pages/page/deep/deep2.page.vue
deleted file mode 100644
index 13c0db1..0000000
--- a/src/pages/page/deep/deep2.page.vue
+++ /dev/null
@@ -1,5 +0,0 @@
-<script setup lang="ts"></script>
-
-<template>
-  <div>deep2</div>
-</template>
diff --git a/src/pages/page/demo-api.page.vue b/src/pages/page/demo-api.page.vue
deleted file mode 100644
index d6da621..0000000
--- a/src/pages/page/demo-api.page.vue
+++ /dev/null
@@ -1,5 +0,0 @@
-<script setup lang="ts"></script>
-
-<template>
-  <div>Demo-API-Page</div>
-</template>
diff --git a/src/pages/page/demo-icons.page.vue b/src/pages/page/demo-icons.page.vue
deleted file mode 100644
index 54a0a22..0000000
--- a/src/pages/page/demo-icons.page.vue
+++ /dev/null
@@ -1,5 +0,0 @@
-<script setup lang="ts"></script>
-
-<template>
-  <div>Demo-Icons-Page</div>
-</template>
diff --git a/src/plugins/router-plugin.ts b/src/plugins/router-plugin.ts
index f1d3860..41598a3 100644
--- a/src/plugins/router-plugin.ts
+++ b/src/plugins/router-plugin.ts
@@ -52,6 +52,11 @@ declare module 'vue-router' {
      * @description 菜单标题
      */
     title?: string;
+
+    /**
+     * @description 使用的布局，设置为 false 则表示不使用布局
+     */
+    layout?: string | false;
   }
 }
 
diff --git a/typed-router.d.ts b/typed-router.d.ts
index e0a7d7d..0359e02 100644
--- a/typed-router.d.ts
+++ b/typed-router.d.ts
@@ -37,6 +37,13 @@ declare module 'vue-router/auto-routes' {
       { path: ParamValue<false> },
       | never
     >,
+    'Demos': RouteRecordInfo<
+      'Demos',
+      '/demos',
+      Record<never, never>,
+      Record<never, never>,
+      | never
+    >,
     'DemosApiDemo': RouteRecordInfo<
       'DemosApiDemo',
       '/demos/api-demo',
@@ -65,34 +72,6 @@ declare module 'vue-router/auto-routes' {
       Record<never, never>,
       | never
     >,
-    'PageDeepDeep': RouteRecordInfo<
-      'PageDeepDeep',
-      '/page/deep/deep',
-      Record<never, never>,
-      Record<never, never>,
-      | never
-    >,
-    'PageDeepDeep2': RouteRecordInfo<
-      'PageDeepDeep2',
-      '/page/deep/deep2',
-      Record<never, never>,
-      Record<never, never>,
-      | never
-    >,
-    'PageDemoApi': RouteRecordInfo<
-      'PageDemoApi',
-      '/page/demo-api',
-      Record<never, never>,
-      Record<never, never>,
-      | never
-    >,
-    'PageDemoIcons': RouteRecordInfo<
-      'PageDemoIcons',
-      '/page/demo-icons',
-      Record<never, never>,
-      Record<never, never>,
-      | never
-    >,
   }
 
   /**
@@ -118,6 +97,12 @@ declare module 'vue-router/auto-routes' {
       views:
         | never
     }
+    'src/pages/demos/index.page.vue': {
+      routes:
+        | 'Demos'
+      views:
+        | never
+    }
     'src/pages/demos/api-demo.page.vue': {
       routes:
         | 'DemosApiDemo'
@@ -142,30 +127,6 @@ declare module 'vue-router/auto-routes' {
       views:
         | never
     }
-    'src/pages/page/deep/deep.page.vue': {
-      routes:
-        | 'PageDeepDeep'
-      views:
-        | never
-    }
-    'src/pages/page/deep/deep2.page.vue': {
-      routes:
-        | 'PageDeepDeep2'
-      views:
-        | never
-    }
-    'src/pages/page/demo-api.page.vue': {
-      routes:
-        | 'PageDemoApi'
-      views:
-        | never
-    }
-    'src/pages/page/demo-icons.page.vue': {
-      routes:
-        | 'PageDemoIcons'
-      views:
-        | never
-    }
   }
 
   /**