feat(projects): 登录页面实现

src/hooks/common/index.ts

@@ -0,0 +1,5 @@
+import useAppTitle from './useAppTitle';
+import useCreateContext from './useCreateContext';
+import useRouterChange from './useRouterChange';
+
+export { useAppTitle, useCreateContext, useRouterChange };

src/hooks/common/useAppTitle.ts

@@ -0,0 +1,6 @@
+/** 项目名称 */
+export default function useAppTitle() {
+  const title = import.meta.env.VITE_APP_TITLE as string;
+
+  return title;
+}

src/hooks/common/useCreateContext.ts

@@ -0,0 +1,20 @@
+import { provide, inject } from 'vue';
+import type { InjectionKey } from 'vue';
+
+/** 创建共享上下文状态 */
+export default function useCreateContext<T>(contextName: string = 'context') {
+  const injectKey: InjectionKey<T> = Symbol(contextName);
+
+  function useProvider(shareState: T) {
+    provide(injectKey, shareState);
+  }
+
+  function useContext() {
+    return inject(injectKey);
+  }
+
+  return {
+    useProvider,
+    useContext
+  };
+}

src/hooks/common/useRouterChange.ts

@@ -0,0 +1,42 @@
+import { useRouter } from 'vue-router';
+import { EnumRoutePaths } from '@/enum';
+import { RouteNameMap } from '@/router';
+import type { LoginModuleType } from '@/interface';
+
+export default function useRouterChange() {
+  const router = useRouter();
+
+  /**
+   * 跳转登录页面(通过vue路由)
+   * @param module - 展示的登录模块
+   * @param redirectUrl - 登录后重定向的页面路径
+   */
+  function toLogin(module: LoginModuleType = 'pwd-login', redirectUrl?: string) {
+    router.push({
+      name: RouteNameMap.get('login'),
+      params: {
+        module
+      },
+      query: {
+        redirectUrl
+      }
+    });
+  }
+  /**
+   * 跳转登录页面(通过window.location)
+   * @param module - 展示的登录模块
+   * @param redirectUrl - 登录后重定向的页面路径
+   */
+  function toLoginByLocation(module: LoginModuleType = 'pwd-login', redirectUrl?: string) {
+    let href = `${window.location.origin + EnumRoutePaths.login}/${module}`;
+    if (redirectUrl) {
+      href += redirectUrl;
+    }
+    window.location.href = href;
+  }
+
+  return {
+    toLogin,
+    toLoginByLocation
+  };
+}