From d83f43fb0ed9ce6fb6c0b5907dbbc0c4fa7e932d Mon Sep 17 00:00:00 2001
From: cshaptx4869 <994774638@qq.com>
Date: Fri, 15 Mar 2024 09:09:41 +0800
Subject: [PATCH] =?UTF-8?q?refactor:=20:recycle:=20=E5=A2=9E=E5=8A=A0?=
 =?UTF-8?q?=E8=AF=AD=E8=A8=80=E5=92=8C=E5=B8=83=E5=B1=80=E5=A4=A7=E5=B0=8F?=
 =?UTF-8?q?=E6=9E=9A=E4=B8=BE=E7=B1=BB=E5=9E=8B?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/App.vue                         |  5 ++---
 src/components/LangSelect/index.vue |  5 +++--
 src/components/SizeSelect/index.vue |  7 ++++---
 src/enums/LanguageEnum.ts           | 14 ++++++++++++++
 src/enums/SizeEnum.ts               | 19 +++++++++++++++++++
 src/settings.ts                     | 13 +++++++++----
 6 files changed, 51 insertions(+), 12 deletions(-)
 create mode 100644 src/enums/LanguageEnum.ts
 create mode 100644 src/enums/SizeEnum.ts

diff --git a/src/App.vue b/src/App.vue
index c085bcf..efe5137 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -18,14 +18,13 @@
 import { useAppStore, useSettingsStore } from "@/store";
 import defaultSettings from "@/settings";
 import { ThemeEnum } from "@/enums/ThemeEnum";
+import { SizeEnum } from "@/enums/SizeEnum";
 
 const appStore = useAppStore();
 const settingsStore = useSettingsStore();
 
 const locale = computed(() => appStore.locale);
-const size = computed(
-  () => appStore.size as "default" | "small" | "large" | undefined
-);
+const size = computed(() => appStore.size as SizeEnum);
 const watermarkEnabled = computed(() => settingsStore.watermarkEnabled);
 
 // 明亮/暗黑主题水印字体颜色适配
diff --git a/src/components/LangSelect/index.vue b/src/components/LangSelect/index.vue
index 867986c..2f35582 100644
--- a/src/components/LangSelect/index.vue
+++ b/src/components/LangSelect/index.vue
@@ -21,6 +21,7 @@
 <script setup lang="ts">
 import { useI18n } from "vue-i18n";
 import { useAppStore } from "@/store/modules/app";
+import { LanguageEnum } from "@/enums/LanguageEnum";
 
 defineProps({
   size: {
@@ -30,8 +31,8 @@ defineProps({
 });
 
 const langOptions = [
-  { label: "中文", value: "zh-cn" },
-  { label: "English", value: "en" },
+  { label: "中文", value: LanguageEnum.ZH_CN },
+  { label: "English", value: LanguageEnum.EN },
 ];
 
 const appStore = useAppStore();
diff --git a/src/components/SizeSelect/index.vue b/src/components/SizeSelect/index.vue
index bfd5438..d3e83fe 100644
--- a/src/components/SizeSelect/index.vue
+++ b/src/components/SizeSelect/index.vue
@@ -19,14 +19,15 @@
 </template>
 
 <script setup lang="ts">
+import { SizeEnum } from "@/enums/SizeEnum";
 import { useAppStore } from "@/store/modules/app";
 
 const { t } = useI18n();
 const sizeOptions = computed(() => {
   return [
-    { label: t("sizeSelect.default"), value: "default" },
-    { label: t("sizeSelect.large"), value: "large" },
-    { label: t("sizeSelect.small"), value: "small" },
+    { label: t("sizeSelect.default"), value: SizeEnum.DEFAULT },
+    { label: t("sizeSelect.large"), value: SizeEnum.LARGE },
+    { label: t("sizeSelect.small"), value: SizeEnum.SMALL },
   ];
 });
 
diff --git a/src/enums/LanguageEnum.ts b/src/enums/LanguageEnum.ts
new file mode 100644
index 0000000..a50b655
--- /dev/null
+++ b/src/enums/LanguageEnum.ts
@@ -0,0 +1,14 @@
+/**
+ * 语言枚举
+ */
+export const enum LanguageEnum {
+  /**
+   * 中文
+   */
+  ZH_CN = "zh-cn",
+
+  /**
+   * 英文
+   */
+  EN = "en",
+}
diff --git a/src/enums/SizeEnum.ts b/src/enums/SizeEnum.ts
new file mode 100644
index 0000000..e91e913
--- /dev/null
+++ b/src/enums/SizeEnum.ts
@@ -0,0 +1,19 @@
+/**
+ * 布局大小枚举
+ */
+export const enum SizeEnum {
+  /**
+   * 默认
+   */
+  DEFAULT = "default",
+
+  /**
+   * 大型
+   */
+  LARGE = "large",
+
+  /**
+   * 小型
+   */
+  SMALL = "small",
+}
diff --git a/src/settings.ts b/src/settings.ts
index d29736f..a9a2f6a 100644
--- a/src/settings.ts
+++ b/src/settings.ts
@@ -1,3 +1,8 @@
+import { SizeEnum } from "./enums/SizeEnum";
+import { LayoutEnum } from "./enums/LayoutEnum";
+import { ThemeEnum } from "./enums/ThemeEnum";
+import { LanguageEnum } from "./enums/LanguageEnum";
+
 const { pkg } = __APP_INFO__;
 
 const defaultSettings: AppSettings = {
@@ -7,10 +12,10 @@ const defaultSettings: AppSettings = {
   tagsView: true,
   fixedHeader: true,
   sidebarLogo: true,
-  layout: "left",
-  theme: "light",
-  size: "default",
-  language: "zh-cn",
+  layout: LayoutEnum.LEFT,
+  theme: ThemeEnum.LIGHT,
+  size: SizeEnum.DEFAULT,
+  language: LanguageEnum.ZH_CN,
   themeColor: "#409EFF",
   watermarkEnabled: false,
   watermarkContent: pkg.name,