@pubinfo-pr/module-auth 0.203.3 → 0.203.4

package/dist/auth.d.ts

@@ -1,9 +1,4 @@
 import type { ModuleOptions } from 'pubinfo-pr';
 import type { AuthClient as AuthClientInstance } from './core';
-import type { AuthOptions, CreateAuthModule, PluginOptions } from './interface';
-export declare const AuthClient: AuthClientInstance;
-/**
- * @deprecated 请使用 `createAuthModule` 和 `createAuth` 替换
- */
-export declare function auth<Plugins extends PluginOptions[]>(options: AuthOptions<Plugins>): ModuleOptions;
+import type { CreateAuthModule } from './interface';
 export declare function createAuthModule(authClient: AuthClientInstance, options?: CreateAuthModule): ModuleOptions;

package/dist/context.d.ts

@@ -0,0 +1,4 @@
+import type { App } from 'vue';
+import type { AuthClient as AuthClientInstance } from './core';
+export declare function createAuthClientContext(app: App, authClient: AuthClientInstance): void;
+export declare function useAuthClientContext(): AuthClientInstance;

package/dist/deprecated.d.ts

@@ -0,0 +1,8 @@
+import type { ModuleOptions } from 'pubinfo-pr';
+import type { AuthClient as AuthClientInstance } from './core';
+import type { AuthOptions, PluginOptions } from './interface';
+export declare const AuthClient: AuthClientInstance;
+/**
+ * @deprecated 请使用 `createAuthModule` 和 `createAuth` 替换
+ */
+export declare function auth<Plugins extends PluginOptions[]>(options: AuthOptions<Plugins>): ModuleOptions;

package/dist/index.d.ts

@@ -1,6 +1,7 @@
-export * from './auth';
+export { createAuthModule } from './auth';
 export { LoginWithFourA } from './components/LoginWithFourA';
 export { createAuth } from './core';
+export { auth } from './deprecated';
 export * from './interface';
 /**
  * @deprecated 认证, 请使用 `authClient.authenticate` 方法替代

package/dist/index.js

@@ -1,5 +1,5 @@
 import { cleanup, defineIconModule, defineRouteModule, useUserStore } from "pubinfo-pr";
-import { defineComponent, h, onMounted, ref } from "vue";
+import { defineComponent, h, inject, onMounted, ref } from "vue";
 import { useRoute, useRouter } from "vue-router";
 var _virtual_pubinfo_resolver_default = {
 	icons: {},
@@ -71,7 +71,7 @@ const PageAuth = defineComponent({
 		authenticate: Function
 	},
 	setup(e) {
-		let t = useUserStore(), n = useRoute(), i = useRouter(), c = ref("授权登录中...");
+		let t = useUserStore(), n = useRoute(), i = useRouter(), o = ref("授权登录中...");
 		return onMounted(async () => {
 			let r = await e.authenticate?.(e.type);
 			if (r?.success) {
@@ -82,14 +82,14 @@ const PageAuth = defineComponent({
 					return;
 				}
 				e?.redirectTo?.();
-			} else c.value = r?.msg ?? r?.message;
+			} else o.value = r?.msg ?? r?.message;
 		}), () => h("div", { style: {
 			display: "flex",
 			justifyContent: "center",
 			alignItems: "center",
 			width: "100vw",
 			height: "100vh"
-		} }, c.value);
+		} }, o.value);
 	}
 });
 var authClient;
@@ -137,13 +137,22 @@ function auth(t) {
 		}
 	};
 }
+var key = Symbol("auth");
+function createAuthClientContext(e, t) {
+	e.provide(key, t);
+}
+function useAuthClientContext() {
+	return inject(key, AuthClient);
+}
 function createAuthModule(t, n = {}) {
 	let { redirectTo: r = "/", pages: i = {} } = n, { signIn: a = "/login" } = i;
 	return {
 		name: "pubinfo-pr:auth",
 		enforce: "pre",
 		setup(n) {
-			let { router: i } = n, o = {
+			let { router: i, app: o } = n;
+			createAuthClientContext(o, t);
+			let s = {
 				path: "/auth/:type",
 				name: "Auth",
 				component: PageAuth,
@@ -164,8 +173,8 @@ function createAuthModule(t, n = {}) {
 				})
 			};
 			i.beforeEach((n) => {
-				if (!i.hasRoute(o.name)) return i.addRoute(o), n.fullPath;
-				n.name === o.name && cleanup(), n.path === a && t.redirect();
+				if (!i.hasRoute(s.name)) return i.addRoute(s), n.fullPath;
+				n.name === s.name && cleanup(), n.path === a && t.redirect();
 			});
 		}
 	};
@@ -179,7 +188,7 @@ const RedirectLogin = defineComponent({
 		color: String
 	},
 	setup(e) {
-		let t = AuthClient.getProvider(e.id);
+		let t = useAuthClientContext(), n = t.getProvider(e.id);
 		return () => h("div", [h("div", { style: { padding: "3rem" } }, h("img", {
 			src: e.src,
 			class: "w-full"
@@ -196,8 +205,8 @@ const RedirectLogin = defineComponent({
 				letterSpacing: "0.1em",
 				backgroundColor: e.color
 			},
-			onClick: () => AuthClient.signIn(t.id)
-		}, `前往${t.name}`)]);
+			onClick: () => t.signIn(n.id)
+		}, `前往${n.name}`)]);
 	}
 }), LoginWithFourA = defineComponent({
 	name: "LoginWithFourA",
@@ -215,4 +224,4 @@ const RedirectLogin = defineComponent({
 });
 defineRouteModule("auth", _virtual_pubinfo_resolver_default.pages), defineIconModule("auth", _virtual_pubinfo_resolver_default.icons);
 const authenticate = AuthClient.authenticate, redirect = AuthClient.redirect, renderQRCode = AuthClient.renderQRCode, signIn = AuthClient.signIn;
-export { AuthClient, LoginWithFourA, auth, authenticate, createAuth, createAuthModule, redirect, renderQRCode, signIn };
+export { LoginWithFourA, auth, authenticate, createAuth, createAuthModule, redirect, renderQRCode, signIn };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@pubinfo-pr/module-auth",
   "type": "module",
-  "version": "0.203.3",
+  "version": "0.203.4",
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
@@ -31,10 +31,10 @@
     "node": "^20.19.0 || >=22.12.0"
   },
   "peerDependencies": {
-    "pubinfo-pr": "0.203.3"
+    "pubinfo-pr": "0.203.4"
   },
   "devDependencies": {
-    "pubinfo-pr": "0.203.3"
+    "pubinfo-pr": "0.203.4"
   },
   "scripts": {
     "dev": "pubinfo build --watch",

package/src/auth.ts

@@ -1,89 +1,11 @@
 import type { ModuleOptions } from 'pubinfo-pr';
 import type { RouteRecordRaw } from 'vue-router';
 import type { AuthClient as AuthClientInstance } from './core';
-import type { AuthOptions, CreateAuthModule, PluginOptions } from './interface';
+import type { CreateAuthModule } from './interface';
 import { cleanup } from 'pubinfo-pr';
-import { createAuth } from './core';
+import { createAuthClientContext } from './context';
 import { PageAuth } from './pages/auth';
 
-let authClient!: AuthClientInstance;
-
-export const AuthClient: AuthClientInstance = {
-  signIn: (...args) => authClient.signIn(...args),
-  authenticate: (...args) => authClient.authenticate(...args),
-  renderQRCode: (...args) => authClient.renderQRCode(...args),
-  redirect: (...args) => authClient.redirect(...args),
-  getProvider: (...args) => authClient.getProvider(...args),
-};
-
-/**
- * @deprecated 请使用 `createAuthModule` 和 `createAuth` 替换
- */
-export function auth<Plugins extends PluginOptions[]>(options: AuthOptions<Plugins>): ModuleOptions {
-  const {
-    redirectTo = '/',
-    pages = {},
-    baseURL,
-    providers,
-    plugins,
-  } = options;
-  const { signIn = '/login' } = pages;
-
-  authClient = createAuth<Plugins>({
-    baseURL,
-    providers,
-    plugins,
-  });
-
-  return {
-    name: 'pubinfo-pr:auth',
-    enforce: 'pre',
-    setup(ctx) {
-      const { router } = ctx;
-
-      const ROUTE_AUTH: RouteRecordRaw = {
-        path: '/auth/:type',
-        name: 'Auth',
-        component: PageAuth,
-        meta: {
-          whiteList: true,
-          title: '授权登录',
-        },
-        props: route => ({
-          type: route.params.type,
-          authenticate: authClient.authenticate,
-          redirectTo() {
-            if (typeof redirectTo === 'function') {
-              redirectTo();
-              return;
-            }
-
-            router.push(redirectTo);
-          },
-        }),
-      };
-
-      router.beforeEach((to) => {
-        // 注册静态页面
-        if (!router.hasRoute(ROUTE_AUTH.name!)) {
-          router.addRoute(ROUTE_AUTH);
-          return to.fullPath;
-        }
-
-        // 前往单点登录前，清空登录状态
-        if (to.name === ROUTE_AUTH.name) {
-          cleanup();
-        }
-
-        // 前往登录前，重定向至统一登录页（若有）
-        if (to.path === signIn) {
-          authClient.redirect();
-        }
-      });
-    },
-  };
-}
-
 export function createAuthModule(authClient: AuthClientInstance, options: CreateAuthModule = {}): ModuleOptions {
   const {
     redirectTo = '/',
@@ -95,7 +17,8 @@ export function createAuthModule(authClient: AuthClientInstance, options: Create
     name: 'pubinfo-pr:auth',
     enforce: 'pre',
     setup(ctx) {
-      const { router } = ctx;
+      const { router, app } = ctx;
+      createAuthClientContext(app, authClient);
 
       const ROUTE_AUTH: RouteRecordRaw = {
         path: '/auth/:type',

package/src/components/RedirectLogin/index.ts

@@ -1,5 +1,5 @@
 import { defineComponent, h } from 'vue';
-import { AuthClient } from '@/auth';
+import { useAuthClientContext } from '@/context';
 
 export const RedirectLogin = defineComponent({
   name: 'RedirectLogin',
@@ -9,7 +9,9 @@ export const RedirectLogin = defineComponent({
     color: String,
   },
   setup(props) {
-    const provider = AuthClient.getProvider(props.id);
+    const authClient = useAuthClientContext();
+    const provider = authClient.getProvider(props.id);
+
     return () => {
       return h('div', [
         h(
@@ -32,7 +34,7 @@ export const RedirectLogin = defineComponent({
               letterSpacing: '0.1em',
               backgroundColor: props.color,
             },
-            onClick: () => AuthClient.signIn(provider.id),
+            onClick: () => authClient.signIn(provider.id),
           },
           `前往${provider.name}`,
         ),

package/src/context.ts

@@ -0,0 +1,14 @@
+import type { App } from 'vue';
+import type { AuthClient as AuthClientInstance } from './core';
+import { inject } from 'vue';
+import { AuthClient } from './deprecated';
+
+const key = Symbol('auth');
+
+export function createAuthClientContext(app: App, authClient: AuthClientInstance) {
+  app.provide(key, authClient);
+}
+
+export function useAuthClientContext() {
+  return inject(key, AuthClient) as AuthClientInstance;
+}

package/src/deprecated.ts

@@ -0,0 +1,85 @@
+import type { ModuleOptions } from 'pubinfo-pr';
+import type { RouteRecordRaw } from 'vue-router';
+import type { AuthClient as AuthClientInstance } from './core';
+import type { AuthOptions, PluginOptions } from './interface';
+import { cleanup } from 'pubinfo-pr';
+import { createAuth } from './core';
+import { PageAuth } from './pages/auth';
+
+let authClient!: AuthClientInstance;
+
+export const AuthClient: AuthClientInstance = {
+  signIn: (...args) => authClient.signIn(...args),
+  authenticate: (...args) => authClient.authenticate(...args),
+  renderQRCode: (...args) => authClient.renderQRCode(...args),
+  redirect: (...args) => authClient.redirect(...args),
+  getProvider: (...args) => authClient.getProvider(...args),
+};
+
+/**
+ * @deprecated 请使用 `createAuthModule` 和 `createAuth` 替换
+ */
+export function auth<Plugins extends PluginOptions[]>(options: AuthOptions<Plugins>): ModuleOptions {
+  const {
+    redirectTo = '/',
+    pages = {},
+    baseURL,
+    providers,
+    plugins,
+  } = options;
+  const { signIn = '/login' } = pages;
+
+  authClient = createAuth<Plugins>({
+    baseURL,
+    providers,
+    plugins,
+  });
+
+  return {
+    name: 'pubinfo-pr:auth',
+    enforce: 'pre',
+    setup(ctx) {
+      const { router } = ctx;
+
+      const ROUTE_AUTH: RouteRecordRaw = {
+        path: '/auth/:type',
+        name: 'Auth',
+        component: PageAuth,
+        meta: {
+          whiteList: true,
+          title: '授权登录',
+        },
+        props: route => ({
+          type: route.params.type,
+          authenticate: authClient.authenticate,
+          redirectTo() {
+            if (typeof redirectTo === 'function') {
+              redirectTo();
+              return;
+            }
+
+            router.push(redirectTo);
+          },
+        }),
+      };
+
+      router.beforeEach((to) => {
+        // 注册静态页面
+        if (!router.hasRoute(ROUTE_AUTH.name!)) {
+          router.addRoute(ROUTE_AUTH);
+          return to.fullPath;
+        }
+
+        // 前往单点登录前，清空登录状态
+        if (to.name === ROUTE_AUTH.name) {
+          cleanup();
+        }
+
+        // 前往登录前，重定向至统一登录页（若有）
+        if (to.path === signIn) {
+          authClient.redirect();
+        }
+      });
+    },
+  };
+}

package/src/index.ts

@@ -1,8 +1,9 @@
-import { AuthClient } from './auth';
+import { AuthClient } from './deprecated';
 
-export * from './auth';
+export { createAuthModule } from './auth';
 export { LoginWithFourA } from './components/LoginWithFourA';
 export { createAuth } from './core';
+export { auth } from './deprecated';
 export * from './interface';
 
 /**