From 314dc2133b1a6cfacb727512e8168a3e40972172 Mon Sep 17 00:00:00 2001
From: qlin <haizekuo@gmail.com>
Date: Sat, 12 Oct 2024 10:08:08 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20403=20404=20=E9=A1=B5=E9=9D=A2=E6=96=87?=
 =?UTF-8?q?=E6=A1=88=E5=8F=AF=E9=85=8D=E7=BD=AE=20(#253)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 docs/reference/plugin/plugins/layout.md       |  9 +++-
 .../src/runtime/views/403.vue                 | 11 ++++-
 .../src/runtime/views/404.vue                 | 10 +++-
 packages/fes-runtime/types.d.ts               |  8 +--
 packages/fes-template/src/app.jsx             | 49 ++++++++++---------
 5 files changed, 57 insertions(+), 30 deletions(-)

diff --git a/docs/reference/plugin/plugins/layout.md b/docs/reference/plugin/plugins/layout.md
index 57db755a6..9da4e3725 100644
--- a/docs/reference/plugin/plugins/layout.md
+++ b/docs/reference/plugin/plugins/layout.md
@@ -130,7 +130,14 @@ export default {
         }, {
             name: 'simpleList'
         }],
-
+        // 403 页面配置
+        403: {
+            title: '没有访问权限，请联系管理人员',
+        },
+        // 404 页面配置
+        404: {
+            title: '哎呀！这个页面找不到了',
+        }
     },
 };
 ```
diff --git a/packages/fes-plugin-layout/src/runtime/views/403.vue b/packages/fes-plugin-layout/src/runtime/views/403.vue
index 78a2b93ce..3c297ef3a 100644
--- a/packages/fes-plugin-layout/src/runtime/views/403.vue
+++ b/packages/fes-plugin-layout/src/runtime/views/403.vue
@@ -1,8 +1,10 @@
 <template>
-    <Wrapper :iconSrc="img403" title="没有访问权限，请联系管理人员" subTitle="" />
+    <Wrapper :icon-src="img403" :title="title" sub-title="" />
 </template>
+
 <script>
-import { defineComponent } from 'vue';
+import { computed, defineComponent } from 'vue';
+import getConfig from '../helpers/getConfig';
 import img403 from '../assets/403.png';
 import Wrapper from './components/Wrapper.vue';
 
@@ -11,8 +13,13 @@ export default defineComponent({
         Wrapper,
     },
     setup() {
+        const config = getConfig();
+        const title = computed(() => {
+            return config['403']?.title || '没有访问权限，请联系管理人员';
+        });
         return {
             img403,
+            title,
         };
     },
 });
diff --git a/packages/fes-plugin-layout/src/runtime/views/404.vue b/packages/fes-plugin-layout/src/runtime/views/404.vue
index 16fda346b..b7cf8d14d 100644
--- a/packages/fes-plugin-layout/src/runtime/views/404.vue
+++ b/packages/fes-plugin-layout/src/runtime/views/404.vue
@@ -1,9 +1,11 @@
 <template>
-    <Wrapper :iconSrc="img404" title="哎呀！这个页面找不到了" subTitle="" />
+    <Wrapper :icon-src="img404" :title="title" sub-title="" />
 </template>
+
 <script>
 import { defineComponent } from 'vue';
 import img404 from '../assets/404.png';
+import getConfig from '../helpers/getConfig';
 import Wrapper from './components/Wrapper.vue';
 
 export default defineComponent({
@@ -11,8 +13,14 @@ export default defineComponent({
         Wrapper,
     },
     setup() {
+        const config = getConfig();
+        const title = computed(() => {
+            return config['404']?.title || '哎呀！这个页面找不到了';
+        });
+
         return {
             img404,
+            title,
         };
     },
 });
diff --git a/packages/fes-runtime/types.d.ts b/packages/fes-runtime/types.d.ts
index 7bca9d0e2..4c0fbd0ac 100644
--- a/packages/fes-runtime/types.d.ts
+++ b/packages/fes-runtime/types.d.ts
@@ -1,4 +1,4 @@
-export { Plugin } from './es/index' 
+export { Plugin } from './es/index';
 
 export {
     useRoute,
@@ -15,7 +15,7 @@ export {
 } from 'vue-router';
 
 export interface ApplyPluginsType {
-    compose: 'compose',
-    event: 'event',
-    modify: 'modify'
+    compose: 'compose';
+    event: 'event';
+    modify: 'modify';
 };
diff --git a/packages/fes-template/src/app.jsx b/packages/fes-template/src/app.jsx
index 43cb628ff..e298ca393 100644
--- a/packages/fes-template/src/app.jsx
+++ b/packages/fes-template/src/app.jsx
@@ -9,7 +9,7 @@ export const beforeRender = {
         const { setRole, getRole } = accessApi;
         return new Promise((resolve) => {
             setTimeout(() => {
-                setRole('admin');
+                setRole('menuTest');
                 resolve({
                     userName: '李雷',
                 });
@@ -20,24 +20,29 @@ export const beforeRender = {
     },
 };
 
-export const layout = (layoutConfig, { initialState }) => ({
-    ...layoutConfig,
-    renderCustom: (props) => {
-        console.log(props);
-        return <UserCenter />;
-    },
-    menus: () => {
-        const menusRef = ref(layoutConfig.menus);
-        watch(
-            () => initialState.userName,
-            () => {
-                menusRef.value = [
-                    {
-                        name: 'store',
-                    },
-                ];
-            },
-        );
-        return menusRef;
-    },
-});
+export function layout(layoutConfig, { initialState }) {
+    return {
+        ...layoutConfig,
+        403: {
+            title: 'hello word',
+        },
+        renderCustom: (props) => {
+            console.log(props);
+            return <UserCenter />;
+        },
+        menus: () => {
+            const menusRef = ref(layoutConfig.menus);
+            watch(
+                () => initialState.userName,
+                () => {
+                    menusRef.value = [
+                        {
+                            name: 'store',
+                        },
+                    ];
+                },
+            );
+            return menusRef;
+        },
+    };
+}