From e1598c322544881d98f91285b1dadddb84eca0e5 Mon Sep 17 00:00:00 2001
From: cshaptx4869 <994774638@qq.com>
Date: Sat, 11 May 2024 15:32:00 +0800
Subject: [PATCH] =?UTF-8?q?refactor:=20:recycle:=20=E4=BF=AE=E6=AD=A3?=
 =?UTF-8?q?=E7=99=BB=E5=BD=95=E8=A1=A8=E5=8D=95=E7=9A=84Ref=E7=B1=BB?=
 =?UTF-8?q?=E5=9E=8B?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/layout/components/Settings/index.vue |  5 ++---
 src/views/login/index.vue                | 11 +++++------
 2 files changed, 7 insertions(+), 9 deletions(-)

diff --git a/src/layout/components/Settings/index.vue b/src/layout/components/Settings/index.vue
index a2e3b46e..d7f670a3 100644
--- a/src/layout/components/Settings/index.vue
+++ b/src/layout/components/Settings/index.vue
@@ -9,8 +9,8 @@
     <div class="flex-center">
       <el-switch
         v-model="isDark"
-        :active-icon="Moon"
-        :inactive-icon="Sunny"
+        active-icon="Moon"
+        inactive-icon="Sunny"
         @change="changeTheme"
       />
     </div>
@@ -56,7 +56,6 @@
 
 <script setup lang="ts">
 import { useSettingsStore, usePermissionStore, useAppStore } from "@/store";
-import { Sunny, Moon } from "@element-plus/icons-vue";
 import { LayoutEnum } from "@/enums/LayoutEnum";
 import { ThemeEnum } from "@/enums/ThemeEnum";
 
diff --git a/src/views/login/index.vue b/src/views/login/index.vue
index d8ceb12c..2d76082c 100644
--- a/src/views/login/index.vue
+++ b/src/views/login/index.vue
@@ -5,8 +5,8 @@
       <el-switch
         v-model="isDark"
         inline-prompt
-        :active-icon="Moon"
-        :inactive-icon="Sunny"
+        active-icon="Moon"
+        inactive-icon="Sunny"
         @change="toggleTheme"
       />
       <lang-select class="ml-2 cursor-pointer" />
@@ -117,7 +117,7 @@
 import { useSettingsStore, useUserStore } from "@/store";
 import AuthAPI from "@/api/auth";
 import { LoginData } from "@/api/auth/model";
-import { Sunny, Moon } from "@element-plus/icons-vue";
+import type { FormInstance } from "element-plus";
 import { LocationQuery, LocationQueryValue, useRoute } from "vue-router";
 import router from "@/router";
 import defaultSettings from "@/settings";
@@ -136,7 +136,7 @@ const icpVisible = ref(true);
 const loading = ref(false); // 按钮loading
 const isCapslock = ref(false); // 是否大写锁定
 const captchaBase64 = ref(); // 验证码图片Base64字符串
-const loginFormRef = ref(ElForm); // 登录表单ref
+const loginFormRef = ref<FormInstance>(); // 登录表单ref
 const { height } = useWindowSize();
 
 const loginData = ref<LoginData>({
@@ -186,7 +186,7 @@ function getCaptcha() {
 /** 登录 */
 const route = useRoute();
 function handleLogin() {
-  loginFormRef.value.validate((valid: boolean) => {
+  loginFormRef.value?.validate((valid: boolean) => {
     if (valid) {
       loading.value = true;
       userStore
@@ -285,4 +285,3 @@ html.dark .login-container {
   }
 }
 </style>
-@/api/auth/model