From 19c8ddbe6f885bd20a4a28028caaf137e4036c7a Mon Sep 17 00:00:00 2001
From: cshaptx4869 <994774638@qq.com>
Date: Tue, 12 Mar 2024 14:43:10 +0800
Subject: [PATCH] =?UTF-8?q?refactor:=20:recycle:=20=E5=A2=9E=E5=8A=A0?=
 =?UTF-8?q?=E4=BE=A7=E8=BE=B9=E6=A0=8F=E7=8A=B6=E6=80=81=E6=9E=9A=E4=B8=BE?=
 =?UTF-8?q?=E7=B1=BB=E5=9E=8B?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/enums/SidebarStatusEnum.ts | 14 ++++++++++++++
 src/store/modules/app.ts       | 20 +++++++++-----------
 2 files changed, 23 insertions(+), 11 deletions(-)
 create mode 100644 src/enums/SidebarStatusEnum.ts

diff --git a/src/enums/SidebarStatusEnum.ts b/src/enums/SidebarStatusEnum.ts
new file mode 100644
index 0000000..a0d877a
--- /dev/null
+++ b/src/enums/SidebarStatusEnum.ts
@@ -0,0 +1,14 @@
+/**
+ * 侧边栏状态枚举
+ */
+export const enum SidebarStatusEnum {
+  /**
+   * 展开
+   */
+  OPENED = "opened",
+
+  /**
+   * 关闭
+   */
+  CLOSED = "closed",
+}
diff --git a/src/store/modules/app.ts b/src/store/modules/app.ts
index 8f61666..747f994 100644
--- a/src/store/modules/app.ts
+++ b/src/store/modules/app.ts
@@ -5,18 +5,18 @@ import zhCn from "element-plus/es/locale/lang/zh-cn";
 import en from "element-plus/es/locale/lang/en";
 import { store } from "@/store";
 import { DeviceEnum } from "@/enums/DeviceEnum";
+import { SidebarStatusEnum } from "@/enums/SidebarStatusEnum";
 
 // setup
 export const useAppStore = defineStore("app", () => {
   // state
   const device = useStorage("device", DeviceEnum.DESKTOP);
-  const size = useStorage<any>("size", defaultSettings.size);
+  const size = useStorage("size", defaultSettings.size);
   const language = useStorage("language", defaultSettings.language);
-
-  const sidebarStatus = useStorage("sidebarStatus", "closed");
+  const sidebarStatus = useStorage("sidebarStatus", SidebarStatusEnum.CLOSED);
 
   const sidebar = reactive({
-    opened: sidebarStatus.value !== "closed",
+    opened: sidebarStatus.value === SidebarStatusEnum.OPENED,
     withoutAnimation: false,
   });
   const activeTopMenuPath = useStorage("activeTopMenuPath", "");
@@ -34,21 +34,19 @@ export const useAppStore = defineStore("app", () => {
   // actions
   function toggleSidebar() {
     sidebar.opened = !sidebar.opened;
-    if (sidebar.opened) {
-      sidebarStatus.value = "opened";
-    } else {
-      sidebarStatus.value = "closed";
-    }
+    sidebarStatus.value = sidebar.opened
+      ? SidebarStatusEnum.OPENED
+      : SidebarStatusEnum.CLOSED;
   }
 
   function closeSideBar() {
     sidebar.opened = false;
-    sidebarStatus.value = "closed";
+    sidebarStatus.value = SidebarStatusEnum.CLOSED;
   }
 
   function openSideBar() {
     sidebar.opened = true;
-    sidebarStatus.value = "opened";
+    sidebarStatus.value = SidebarStatusEnum.OPENED;
   }
 
   function toggleDevice(val: string) {