From d637d968a4fa7897d1b09136e0a668e06df5e44f Mon Sep 17 00:00:00 2001
From: yqllin <524123601@qq.com>
Date: Fri, 12 Jan 2024 11:17:57 +0800
Subject: [PATCH] =?UTF-8?q?docs:=20=E8=A1=A5=E5=85=85=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 docs/reference/plugin/plugins/layout.md       | 52 +++++++++++--------
 .../src/runtime/views/BaseLayout.vue          |  2 +-
 2 files changed, 32 insertions(+), 22 deletions(-)

diff --git a/docs/reference/plugin/plugins/layout.md b/docs/reference/plugin/plugins/layout.md
index bb1584f3..fc474b1c 100644
--- a/docs/reference/plugin/plugins/layout.md
+++ b/docs/reference/plugin/plugins/layout.md
@@ -90,8 +90,9 @@ Fes.js 里约定目录下有 `layout.vue` 时会生成嵌套路由，以 `layout
 
 ```vue
 <template>
-    <Page></Page>
+    <Page />
 </template>
+
 <script>
 import { Page } from '@fesjs/fes';
 export default {
@@ -112,7 +113,7 @@ export default {
 export default {
     layout: {
         // 标题
-        title: "Fes.js",
+        title: 'Fes.js',
         // 底部文字
         footer: 'Created by MumbleFE',
         // 主题light
@@ -128,6 +129,7 @@ export default {
         }],
 
     },
+};
 ```
 
 #### 运行时配置方式
@@ -146,27 +148,29 @@ export const layout = {
 };
 ```
 
-在`fes.js`中，运行时配置有定义对象和函数两种方式，当使用函数配置`layout`时，`layoutConfig`是编译时配置结果，`initialState`是 `beforeRender.action`执行后创建的应用初始状态数据。  
+在`fes.js`中，运行时配置有定义对象和函数两种方式，当使用函数配置`layout`时，`layoutConfig`是编译时配置结果，`initialState`是 `beforeRender.action`执行后创建的应用初始状态数据。
 。
 
 ```js
-export const layout = (layoutConfig, { initialState }) => ({
-    renderCustom: () => <UserCenter />,
-    menus: () => {
-        const menusRef = ref(layoutConfig.menus);
-        watch(
-            () => initialState.userName,
-            () => {
-                menusRef.value = [
-                    {
-                        name: 'store',
-                    },
-                ];
-            },
-        );
-        return menusRef;
-    },
-});
+export function layout(layoutConfig, { initialState }) {
+    return {
+        renderCustom: () => <UserCenter />,
+        menus: () => {
+            const menusRef = ref(layoutConfig.menus);
+            watch(
+                () => initialState.userName,
+                () => {
+                    menusRef.value = [
+                        {
+                            name: 'store',
+                        },
+                    ];
+                },
+            );
+            return menusRef;
+        },
+    };
+}
 ```
 
 最终配置结果是运行时配置跟编译时配置合并的结果，运行时配置优先于编译时配置。
@@ -194,6 +198,12 @@ export const layout = (layoutConfig, { initialState }) => ({
 
 -   **详情**：页面布局类型，可选有 `side`、 `top`、 `mixin`
 
+### navigationOnError
+
+-   **类型**：`String`、`Function`
+
+-   **详情**：指定 `403`、`404` 时，页面的布局类型。值同 `navigation`。也支持函数返回。
+
 ### isFixedHeader
 
 -   **类型**：`Boolean`
@@ -382,7 +392,7 @@ import { useRoute, useTabTitle } from '@fesjs/fes';
 
 const titleRef = useTabTitle(`详情-${route.params?.id}`);
 
-//如果要更新
+// 如果要更新
 titleRef.value = 'changed';
 </script>
 ```
diff --git a/packages/fes-plugin-layout/src/runtime/views/BaseLayout.vue b/packages/fes-plugin-layout/src/runtime/views/BaseLayout.vue
index 0a7d9e5a..13898255 100644
--- a/packages/fes-plugin-layout/src/runtime/views/BaseLayout.vue
+++ b/packages/fes-plugin-layout/src/runtime/views/BaseLayout.vue
@@ -218,7 +218,7 @@ export default {
             default: 'side', // side 左右（上/下）、 top 上/下、 mixin 上/下（左/右）
         },
         navigationOnError: {
-            type: String, // 403, 404 时的 navigation
+            type: [String, Function], // 403, 404 时的 navigation
         },
         isFixedHeader: {
             type: Boolean,