fix: 上下键翻页超出范围

Author: Zaitonn

src/components/AsideMenuLayer.vue

@@ -54,7 +54,7 @@ const asideLgCloseClick = (event) => {
                             height: 27px;
                         "
                     />
-                    <b class="font-black break-keep">iPanel 网页控制台</b>
+                    <b class="font-black break-keep select-none">iPanel 网页控制台</b>
                 </div>
                 <button
                     class="hidden lg:inline-block xl:hidden p-3"

src/menus/adminSidebar.ts

@@ -1,9 +1,9 @@
-import { mdiAccountMultiple } from "@mdi/js";
+import { mdiAccountMultiple } from '@mdi/js';
 
 export default [
     {
-        to: "/users",
-        label: "用户管理",
+        to: '/users',
+        label: '用户管理',
         icon: mdiAccountMultiple,
     },
 ];

src/menus/commonSidebar.ts

@@ -1,24 +1,19 @@
-import {
-    mdiAccountCircle,
-    mdiCog,
-    mdiCone,
-    mdiHome
-} from "@mdi/js";
+import { mdiAccountCircle, mdiCog, mdiHome } from '@mdi/js';
 
 export default [
     {
-        to: "/overview",
+        to: '/overview',
         icon: mdiHome,
-        label: "总览",
+        label: '总览',
     },
     {
-        to: "/profile",
-        label: "个人资料",
+        to: '/profile',
+        label: '个人资料',
         icon: mdiAccountCircle,
     },
     {
-        to: "/settings",
-        label: "设置",
+        to: '/settings',
+        label: '设置',
         icon: mdiCog,
     },
 ];

src/menus/instanceSidebar.ts

@@ -1,14 +1,14 @@
-import { mdiConsole, mdiConsoleLine, mdiMonitorDashboard } from "@mdi/js";
+import { mdiConsole, mdiMonitorDashboard } from '@mdi/js';
 
 export default [
     {
-        to: "./dashboard",
+        to: './dashboard',
         icon: mdiMonitorDashboard,
-        label: "仪表盘",
+        label: '仪表盘',
     },
     {
-        to: "./console",
+        to: './console',
         icon: mdiConsole,
-        label: "控制台",
+        label: '控制台',
     },
 ];

src/menus/navbar.ts

@@ -4,56 +4,56 @@ import {
     mdiCogOutline,
     mdiGithub,
     mdiLogout,
-    mdiThemeLightDark
-} from "@mdi/js";
+    mdiThemeLightDark,
+} from '@mdi/js';
 
 export default [
     {
         isCurrentUser: true,
         menu: [
             {
                 icon: mdiAccount,
-                label: "个人资料",
-                to: "/profile",
+                label: '个人资料',
+                to: '/profile',
             },
             {
-                to: "/settings",
+                to: '/settings',
                 icon: mdiCogOutline,
-                label: "设置",
+                label: '设置',
             },
             {
                 isDivider: true,
             },
             {
                 icon: mdiLogout,
-                label: "退出",
+                label: '退出',
                 isLogout: true,
-                to: "/login",
+                to: '/login',
             },
         ],
     },
     {
-        label: "未连接",
+        label: '未连接',
         isLatency: true,
     },
     {
         icon: mdiThemeLightDark,
-        label: "主题",
+        label: '主题',
         isDesktopNoLabel: true,
         isToggleLightDark: true,
     },
     {
         icon: mdiGithub,
-        label: "GitHub",
+        label: 'GitHub',
         isDesktopNoLabel: true,
-        href: "https://github.com/iPanelDev/WebConsole",
-        target: "_blank",
+        href: 'https://github.com/iPanelDev/WebConsole',
+        target: '_blank',
     },
     {
         icon: mdiBook,
-        label: "文档",
+        label: '文档',
         isDesktopNoLabel: true,
-        href: "https://ipaneldev.github.io/",
-        target: "_blank",
+        href: 'https://ipaneldev.github.io/',
+        target: '_blank',
     },
 ];

src/notification/index.ts

@@ -1,5 +1,10 @@
-import { mdiAlert, mdiAlertOctagon, mdiCheck, mdiCheckCircleOutline, mdiInformation } from "@mdi/js";
-import { ref } from "vue";
+import {
+    mdiAlert,
+    mdiAlertOctagon,
+    mdiCheckCircleOutline,
+    mdiInformation
+} from '@mdi/js';
+import { ref } from 'vue';
 
 export declare type NotificationOption = {
     type: NotificationType;
@@ -10,24 +15,24 @@ export declare type NotificationOption = {
 };
 
 export declare type NotificationType =
-    | "white"
-    | "light"
-    | "info"
-    | "success"
-    | "contrast"
-    | "warning"
-    | "danger";
+    | 'white'
+    | 'light'
+    | 'info'
+    | 'success'
+    | 'contrast'
+    | 'warning'
+    | 'danger';
 
 export const notificationMap = ref(new Map<string, NotificationOption>());
 
 const acceptables = [
-    "white",
-    "light",
-    "info",
-    "success",
-    "contrast",
-    "warning",
-    "danger",
+    'white',
+    'light',
+    'info',
+    'success',
+    'contrast',
+    'warning',
+    'danger',
 ];
 
 export const defaultIcons = {
@@ -44,22 +49,22 @@ let id = 0;
  * @param option 选项
  */
 export function createNotify(option: NotificationOption | string) {
-    if (typeof option === "string") {
-        createNotify({ message: option, type: "info", title: "提示" });
+    if (typeof option === 'string') {
+        createNotify({ message: option, type: 'info', title: '提示' });
         return;
     }
 
     const {
         type,
-        title = "",
-        message = "",
+        title = '',
+        message = '',
         duration = 5000,
         icon = defaultIcons[type],
     } = option;
 
-    if (!acceptables.includes(type)) throw new TypeError("`type`类型错误");
+    if (!acceptables.includes(type)) throw new TypeError('`type`类型错误');
 
-    if (typeof message != "string") throw new TypeError("`message`类型错误");
+    if (typeof message != 'string') throw new TypeError('`message`类型错误');
 
     const currentId = id.toString();