feat(store): ✨ 新增登录弹框状态管理

src/components/LoginDialog/index.vue

@@ -2,9 +2,12 @@
 import { ref, watch } from 'vue';
 import logoPng from '@/assets/images/logo.png';
 import SvgIcon from '@/components/SvgIcon/index.vue';
+import { useUserStore } from '@/store';
 import AccountPassword from './components/FormLogin/AccountPassword.vue';
 import QrCodeLogin from './components/QrCodeLogin/index.vue';
 
+const userStore = useUserStore();
+
 // 使用 defineModel 定义双向绑定的 visible（需 Vue 3.4+）
 const visible = defineModel<boolean>('visible');
 const showMask = ref(false); // 控制遮罩层显示的独立状态
@@ -31,7 +34,8 @@ function toggleLoginMode() {
 
 // 点击遮罩层关闭对话框（触发过渡动画）
 function handleMaskClick() {
-  visible.value = false; // 触发离开动画
+  // 触发离开动画
+  userStore.closeLoginDialog();
 }
 
 // 过渡动画结束回调