@pubinfo/module-auth 2.0.0-rc.2 → 2.0.0-rc.3

package/dist/interface.d.ts

@@ -0,0 +1,55 @@
+import { RouteLocationRaw } from '../../../node_modules/.pnpm/vue-router@4.5.1_vue@3.5.17_typescript@5.8.3_/node_modules/vue-router';
+export type Recordable = Record<string, any>;
+export type Fn<T = any, K = any> = (params?: Recordable & T) => Promise<K> | K;
+export type FnApi<T = any> = (params: Recordable & T, baseURL: string) => Promise<any>;
+export interface AuthOptions {
+    /** 登录后重定向至 */
+    redirectTo?: RouteLocationRaw;
+    /** 页面配置 */
+    pages?: {
+        /** 默认登录页 */
+        signIn?: RouteLocationRaw;
+    };
+    /** 接口的baseURL */
+    baseURL: string;
+    providers?: ProviderConfig[];
+}
+export interface InternalContext {
+    /** 接口的baseURL */
+    baseURL: string;
+    providers?: ProviderConfig[];
+}
+/** 第三方类型 */
+export type ThirdParty = string;
+export type ProviderUserConfig = Partial<ProviderConfig>;
+export interface ProviderConfig {
+    /** 唯一值 */
+    id: string;
+    /** 名称 */
+    name: string;
+    /**
+     * 协议类型
+     * - `oauth` 第三方授权登录
+     * - `cas` 统一账号登录
+     * - `custom` 自定义
+     */
+    type: 'oauth' | 'cas' | 'custom';
+    /** 授权登录地址 */
+    authorization?: Authorization | Fn;
+    /** `client_id` */
+    clientId?: string;
+    /** `redirect_uri` */
+    redirectUri?: string;
+    /** 授权登录接口 */
+    callbackUrl?: string | FnApi;
+    /** 初始化二维码 */
+    initQRCode?: (url: string, params: {
+        id: string;
+    } & Recordable) => Promise<void> | void;
+}
+export interface Authorization {
+    /** 授权登录地址 */
+    url: string;
+    /** 授权登录参数 */
+    params?: Recordable;
+}

package/dist/pages/auth.d.ts

@@ -0,0 +1,11 @@
+export declare const PageAuth: import('../../../../node_modules/.pnpm/vue@3.5.17_typescript@5.8.3/node_modules/vue').DefineComponent<globalThis.ExtractPropTypes<{
+    type: StringConstructor;
+    redirectTo: FunctionConstructor;
+    authentication: FunctionConstructor;
+}>, () => globalThis.VNode<import('../../../../node_modules/.pnpm/vue@3.5.17_typescript@5.8.3/node_modules/vue').RendererNode, import('../../../../node_modules/.pnpm/vue@3.5.17_typescript@5.8.3/node_modules/vue').RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import('../../../../node_modules/.pnpm/vue@3.5.17_typescript@5.8.3/node_modules/vue').ComponentOptionsMixin, import('../../../../node_modules/.pnpm/vue@3.5.17_typescript@5.8.3/node_modules/vue').ComponentOptionsMixin, {}, string, import('../../../../node_modules/.pnpm/vue@3.5.17_typescript@5.8.3/node_modules/vue').PublicProps, Readonly<globalThis.ExtractPropTypes<{
+    type: StringConstructor;
+    redirectTo: FunctionConstructor;
+    authentication: FunctionConstructor;
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import('../../../../node_modules/.pnpm/vue@3.5.17_typescript@5.8.3/node_modules/vue').ComponentProvideOptions, true, {}, any>;

package/dist/providers/4A.d.ts

@@ -1,10 +1,5 @@
-import { ProviderConfig, ProviderUserConfig } from "../interface-CqwWb8Fb.js";
-
-//#region src/providers/4A.d.ts
-
+import { ProviderConfig, ProviderUserConfig } from '../interface';
 /**
  * 4A登录
  */
-declare function FourA(options: ProviderUserConfig): ProviderConfig;
-//#endregion
-export { FourA as default };
+export default function FourA(options: ProviderUserConfig): ProviderConfig;

package/dist/providers/4A.js

@@ -1,9 +1,5 @@
-//#region src/providers/4A.ts
-/**
-* 4A登录
-*/
-function FourA(options) {
-	const { clientId, redirectUri } = options;
+function e(e) {
+	let { clientId: t, redirectUri: n } = e;
 	return {
 		id: "4A",
 		name: "4A登录",
@@ -12,14 +8,12 @@ function FourA(options) {
 			url: "http://134.108.76.137:7001/index",
 			params: {
 				response_type: "code",
-				client_id: clientId,
-				redirect_uri: redirectUri
+				client_id: t,
+				redirect_uri: n
 			}
 		},
 		callbackUrl: "/bs/loginBy4a",
-		...options
+		...e
 	};
 }
-
-//#endregion
-export { FourA as default };
+export { e as default };

package/dist/providers/credentials.d.ts

@@ -1,12 +1,9 @@
-import { Fn, ProviderConfig } from "../interface-CqwWb8Fb.js";
-
-//#region src/providers/credentials.d.ts
+import { Fn, ProviderConfig } from '../interface';
 interface CredentialsConfig {
-  authorize: Fn<any>;
+    authorize: Fn<any>;
 }
 /**
  * 凭证登录
  */
-declare function Credentials(options: CredentialsConfig): ProviderConfig;
-//#endregion
-export { Credentials as default };
+export default function Credentials(options: CredentialsConfig): ProviderConfig;
+export {};

package/dist/providers/credentials.js

@@ -1,16 +1,10 @@
-//#region src/providers/credentials.ts
-/**
-* 凭证登录
-*/
-function Credentials(options) {
-	const { authorize } = options;
+function e(e) {
+	let { authorize: t } = e;
 	return {
 		id: "credentials",
 		name: "凭证登录",
 		type: "custom",
-		authorization: authorize
+		authorization: t
 	};
 }
-
-//#endregion
-export { Credentials as default };
+export { e as default };

package/dist/providers/ding-zj.d.ts

@@ -1,17 +1,14 @@
-import { ProviderConfig, ProviderUserConfig } from "../interface-CqwWb8Fb.js";
-
-//#region src/providers/ding-zj.d.ts
+import { ProviderConfig, ProviderUserConfig } from '../interface';
 interface DingZJConfig extends ProviderUserConfig {
-  /**
-   * 登录方式
-   * - `redirect` 跳转浙政钉的扫码页面
-   * - `embed` 内嵌浙政钉的登录二维码
-   */
-  mode: 'redirect' | 'embed';
+    /**
+     * 登录方式
+     * - `redirect` 跳转浙政钉的扫码页面
+     * - `embed` 内嵌浙政钉的登录二维码
+     */
+    mode: 'redirect' | 'embed';
 }
 /**
  * 浙政钉扫码登录
  */
-declare function DingZJ(options: DingZJConfig): ProviderConfig;
-//#endregion
-export { DingZJ as default };
+export default function DingZJ(options: DingZJConfig): ProviderConfig;
+export {};

package/dist/providers/ding-zj.js

@@ -1,16 +1,11 @@
-//#region src/providers/ding-zj.ts
-/**
-* 浙政钉扫码登录
-*/
-function DingZJ(options) {
-	const { clientId, redirectUri } = options;
-	const authorization = {
+function e(e) {
+	let { clientId: t, redirectUri: n } = e, r = {
 		redirect: {
 			url: "https://openplatform-pro.ding.zj.gov.cn/oauth2/auth.htm",
 			params: {
 				response_type: "code",
-				client_id: clientId,
-				redirect_uri: redirectUri,
+				client_id: t,
+				redirect_uri: n,
 				scope: "get_user_info",
 				authType: "QRCODE"
 			}
@@ -19,27 +14,21 @@ function DingZJ(options) {
 			url: "https://login-pro.ding.zj.gov.cn/oauth2/auth.htm",
 			params: {
 				response_type: "code",
-				client_id: clientId,
-				redirect_uri: redirectUri,
+				client_id: t,
+				redirect_uri: n,
 				scope: "get_user_info",
 				authType: "QRCODE",
 				embedMode: "true"
 			}
 		}
-	};
-	const initQRCode = (url, options$1) => {
-		const target = document.getElementById(options$1.id);
-		if (!target) throw new Error(`未找到id为${options$1.id}的DOM元素`);
-		const iframe = document.createElement("iframe");
-		iframe.src = url;
-		iframe.width = "200";
-		iframe.height = "200";
-		document.appendChild(iframe);
-		window.addEventListener("message", (e) => {
-			if (options$1.redirectUri) {
-				const url$1 = new URL(options$1.redirectUri);
-				url$1.search = new URLSearchParams(e.data).toString();
-				window.location.href = url$1.toString();
+	}, i = (e, t) => {
+		let n = document.getElementById(t.id);
+		if (!n) throw Error(`未找到id为${t.id}的DOM元素`);
+		let r = document.createElement("iframe");
+		r.src = e, r.width = "200", r.height = "200", document.appendChild(r), window.addEventListener("message", (e) => {
+			if (t.redirectUri) {
+				let n = new URL(t.redirectUri);
+				n.search = new URLSearchParams(e.data).toString(), window.location.href = n.toString();
 			}
 		});
 	};
@@ -47,12 +36,10 @@ function DingZJ(options) {
 		id: "ding-zj",
 		name: "浙政钉登录",
 		type: "oauth",
-		authorization: authorization[options.mode],
+		authorization: r[e.mode],
 		callbackUrl: "/bs/loginByDingZJ",
-		initQRCode: options.mode === "embed" ? initQRCode : void 0,
-		...options
+		initQRCode: e.mode === "embed" ? i : void 0,
+		...e
 	};
 }
-
-//#endregion
-export { DingZJ as default };
+export { e as default };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@pubinfo/module-auth",
   "type": "module",
-  "version": "2.0.0-rc.2",
+  "version": "2.0.0-rc.3",
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
@@ -20,13 +20,14 @@
     "src"
   ],
   "peerDependencies": {
-    "pubinfo": "2.0.0-rc.2"
+    "pubinfo": "2.0.0-rc.3"
   },
   "devDependencies": {
-    "pubinfo": "2.0.0-rc.2"
+    "pubinfo": "2.0.0-rc.3"
   },
   "scripts": {
-    "dev": "tsdown --watch src",
-    "build": "tsdown"
+    "dev": "pubinfo build --watch",
+    "build": "pubinfo build",
+    "generate": "pubinfo generate"
   }
 }

package/src/components/LoginWithFourA/index.ts

@@ -0,0 +1,16 @@
+import { defineComponent, h } from 'vue';
+import _4APNG from '@/assets/images/4A.png';
+import { RedirectLogin } from '../RedirectLogin';
+
+export const LoginWithFourA = defineComponent({
+  name: 'LoginWithFourA',
+  props: {
+    color: {
+      type: String,
+      default: '#1677FF',
+    },
+  },
+  setup(props) {
+    return () => h(RedirectLogin, { id: '4A', src: _4APNG, color: props.color });
+  },
+});

package/src/components/RedirectLogin/index.ts

@@ -0,0 +1,42 @@
+import { defineComponent, h } from 'vue';
+import { getProvider, signIn } from '@/core';
+
+export const RedirectLogin = defineComponent({
+  name: 'RedirectLogin',
+  props: {
+    id: String,
+    src: String,
+    color: String,
+  },
+  setup(props) {
+    const provider = getProvider(props.id);
+    return () => {
+      return h('div', [
+        h(
+          'div',
+          { style: { padding: '3rem' } },
+          h('img', { src: props.src, class: 'w-full' }),
+        ),
+        h(
+          'button',
+          {
+            style: {
+              width: '100%',
+              color: '#ffffff',
+              cursor: 'pointer',
+              border: '0',
+              borderRadius: '0.25rem',
+              padding: '0.75rem 1.25rem',
+              fontSize: '0.875rem',
+              lineHeight: '1.25rem',
+              letterSpacing: '0.1em',
+              backgroundColor: props.color,
+            },
+            onClick: () => signIn(provider.id),
+          },
+          `前往${provider.name}`,
+        ),
+      ]);
+    };
+  },
+});

package/src/core.ts

@@ -5,7 +5,7 @@ import { ctx } from './context';
  * 获取指定的 `Provider`
  * @param id
  */
-function getProvider(id?: ThirdParty) {
+export function getProvider(id?: ThirdParty) {
   const { providers } = ctx.use();
   const provider = id ? providers?.find(provider => provider.id === id) : providers?.[0];
   if (!provider) {

package/src/index.ts

@@ -63,5 +63,13 @@ export function auth(options: AuthOptions): ModuleOptions {
   };
 }
 
-export * from './core';
+export { LoginWithFourA } from './components/LoginWithFourA';
+
+export {
+  authentication,
+  redirect,
+  renderQRCode,
+  signIn,
+} from './core';
+
 export * from './interface';

package/dist/interface-CqwWb8Fb.d.ts

@@ -1,59 +0,0 @@
-import { RouteLocationRaw } from "vue-router";
-
-//#region src/interface.d.ts
-type Recordable = Record<string, any>;
-type Fn<T = any, K = any> = (params?: Recordable & T) => Promise<K> | K;
-type FnApi<T = any> = (params: Recordable & T, baseURL: string) => Promise<any>;
-interface AuthOptions {
-  /** 登录后重定向至 */
-  redirectTo?: RouteLocationRaw;
-  /** 页面配置 */
-  pages?: {
-    /** 默认登录页 */
-    signIn?: RouteLocationRaw;
-  };
-  /** 接口的baseURL */
-  baseURL: string;
-  providers?: ProviderConfig[];
-}
-interface InternalContext {
-  /** 接口的baseURL */
-  baseURL: string;
-  providers?: ProviderConfig[];
-}
-/** 第三方类型 */
-type ThirdParty = string;
-type ProviderUserConfig = Partial<ProviderConfig>;
-interface ProviderConfig {
-  /** 唯一值 */
-  id: string;
-  /** 名称 */
-  name: string;
-  /**
-   * 协议类型
-   * - `oauth` 第三方授权登录
-   * - `cas` 统一账号登录
-   * - `custom` 自定义
-   */
-  type: 'oauth' | 'cas' | 'custom';
-  /** 授权登录地址 */
-  authorization?: Authorization | Fn;
-  /** `client_id` */
-  clientId?: string;
-  /** `redirect_uri` */
-  redirectUri?: string;
-  /** 授权登录接口 */
-  callbackUrl?: string | FnApi;
-  /** 初始化二维码 */
-  initQRCode?: (url: string, params: {
-    id: string;
-  } & Recordable) => Promise<void> | void;
-}
-interface Authorization {
-  /** 授权登录地址 */
-  url: string;
-  /** 授权登录参数 */
-  params?: Recordable;
-}
-//#endregion
-export { AuthOptions, Authorization, Fn, FnApi, InternalContext, ProviderConfig, ProviderUserConfig, Recordable, ThirdParty };