@pubinfo/module-auth 2.0.0-beta.14

package/dist/providers/credentials.cjs

@@ -0,0 +1,34 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/providers/credentials.ts
+var credentials_exports = {};
+__export(credentials_exports, {
+  default: () => Credentials
+});
+module.exports = __toCommonJS(credentials_exports);
+function Credentials(options) {
+  const { authorize } = options;
+  return {
+    id: "credentials",
+    name: "\u51ED\u8BC1\u767B\u5F55",
+    type: "custom",
+    authorization: authorize
+  };
+}

package/dist/providers/credentials.d.cts

@@ -0,0 +1,12 @@
+import { F as Fn, c as ProviderConfig } from '../interface-C_qnbvmk.cjs';
+import 'vue-router';
+
+interface CredentialsConfig {
+    authorize: Fn<any>;
+}
+/**
+ * 凭证登录
+ */
+declare function Credentials(options: CredentialsConfig): ProviderConfig;
+
+export { Credentials as default };

package/dist/providers/credentials.d.ts

@@ -0,0 +1,12 @@
+import { F as Fn, c as ProviderConfig } from '../interface-C_qnbvmk.js';
+import 'vue-router';
+
+interface CredentialsConfig {
+    authorize: Fn<any>;
+}
+/**
+ * 凭证登录
+ */
+declare function Credentials(options: CredentialsConfig): ProviderConfig;
+
+export { Credentials as default };

package/dist/providers/credentials.js

@@ -0,0 +1,13 @@
+// src/providers/credentials.ts
+function Credentials(options) {
+  const { authorize } = options;
+  return {
+    id: "credentials",
+    name: "\u51ED\u8BC1\u767B\u5F55",
+    type: "custom",
+    authorization: authorize
+  };
+}
+export {
+  Credentials as default
+};

package/dist/providers/ding-zj.cjs

@@ -0,0 +1,80 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/providers/ding-zj.ts
+var ding_zj_exports = {};
+__export(ding_zj_exports, {
+  default: () => DingZJ
+});
+module.exports = __toCommonJS(ding_zj_exports);
+function DingZJ(options) {
+  const { clientId, redirectUri } = options;
+  const authorization = {
+    /** 跳转外部页面 */
+    redirect: {
+      url: "https://openplatform-pro.ding.zj.gov.cn/oauth2/auth.htm",
+      params: {
+        response_type: "code",
+        client_id: clientId,
+        redirect_uri: redirectUri,
+        scope: "get_user_info",
+        authType: "QRCODE"
+      }
+    },
+    /** 内嵌二维码 */
+    embed: {
+      url: "https://login-pro.ding.zj.gov.cn/oauth2/auth.htm",
+      params: {
+        response_type: "code",
+        client_id: clientId,
+        redirect_uri: redirectUri,
+        scope: "get_user_info",
+        authType: "QRCODE",
+        embedMode: "true"
+      }
+    }
+  };
+  const initQRCode = (url, options2) => {
+    const target = document.getElementById(options2.id);
+    if (!target) {
+      throw new Error(`\u672A\u627E\u5230id\u4E3A${options2.id}\u7684DOM\u5143\u7D20`);
+    }
+    const iframe = document.createElement("iframe");
+    iframe.src = url;
+    iframe.width = "200";
+    iframe.height = "200";
+    document.appendChild(iframe);
+    window.addEventListener("message", (e) => {
+      if (options2.redirectUri) {
+        const url2 = new URL(options2.redirectUri);
+        url2.search = new URLSearchParams(e.data).toString();
+        window.location.href = url2.toString();
+      }
+    });
+  };
+  return {
+    id: "ding-zj",
+    name: "\u6D59\u653F\u9489\u767B\u5F55",
+    type: "oauth",
+    authorization: authorization[options.mode],
+    callbackUrl: "/bs/loginByDingZJ",
+    initQRCode: options.mode === "embed" ? initQRCode : void 0,
+    ...options
+  };
+}

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

@@ -0,0 +1,17 @@
+import { P as ProviderUserConfig, c as ProviderConfig } from '../interface-C_qnbvmk.cjs';
+import 'vue-router';
+
+interface DingZJConfig extends ProviderUserConfig {
+    /**
+     * 登录方式
+     * - `redirect` 跳转浙政钉的扫码页面
+     * - `embed` 内嵌浙政钉的登录二维码
+     */
+    mode: 'redirect' | 'embed';
+}
+/**
+ * 浙政钉扫码登录
+ */
+declare function DingZJ(options: DingZJConfig): ProviderConfig;
+
+export { DingZJ as default };

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

@@ -0,0 +1,17 @@
+import { P as ProviderUserConfig, c as ProviderConfig } from '../interface-C_qnbvmk.js';
+import 'vue-router';
+
+interface DingZJConfig extends ProviderUserConfig {
+    /**
+     * 登录方式
+     * - `redirect` 跳转浙政钉的扫码页面
+     * - `embed` 内嵌浙政钉的登录二维码
+     */
+    mode: 'redirect' | 'embed';
+}
+/**
+ * 浙政钉扫码登录
+ */
+declare function DingZJ(options: DingZJConfig): ProviderConfig;
+
+export { DingZJ as default };

package/dist/providers/ding-zj.js

@@ -0,0 +1,59 @@
+// src/providers/ding-zj.ts
+function DingZJ(options) {
+  const { clientId, redirectUri } = options;
+  const authorization = {
+    /** 跳转外部页面 */
+    redirect: {
+      url: "https://openplatform-pro.ding.zj.gov.cn/oauth2/auth.htm",
+      params: {
+        response_type: "code",
+        client_id: clientId,
+        redirect_uri: redirectUri,
+        scope: "get_user_info",
+        authType: "QRCODE"
+      }
+    },
+    /** 内嵌二维码 */
+    embed: {
+      url: "https://login-pro.ding.zj.gov.cn/oauth2/auth.htm",
+      params: {
+        response_type: "code",
+        client_id: clientId,
+        redirect_uri: redirectUri,
+        scope: "get_user_info",
+        authType: "QRCODE",
+        embedMode: "true"
+      }
+    }
+  };
+  const initQRCode = (url, options2) => {
+    const target = document.getElementById(options2.id);
+    if (!target) {
+      throw new Error(`\u672A\u627E\u5230id\u4E3A${options2.id}\u7684DOM\u5143\u7D20`);
+    }
+    const iframe = document.createElement("iframe");
+    iframe.src = url;
+    iframe.width = "200";
+    iframe.height = "200";
+    document.appendChild(iframe);
+    window.addEventListener("message", (e) => {
+      if (options2.redirectUri) {
+        const url2 = new URL(options2.redirectUri);
+        url2.search = new URLSearchParams(e.data).toString();
+        window.location.href = url2.toString();
+      }
+    });
+  };
+  return {
+    id: "ding-zj",
+    name: "\u6D59\u653F\u9489\u767B\u5F55",
+    type: "oauth",
+    authorization: authorization[options.mode],
+    callbackUrl: "/bs/loginByDingZJ",
+    initQRCode: options.mode === "embed" ? initQRCode : void 0,
+    ...options
+  };
+}
+export {
+  DingZJ as default
+};

package/package.json

@@ -0,0 +1,33 @@
+{
+  "name": "@pubinfo/module-auth",
+  "type": "module",
+  "version": "2.0.0-beta.14",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "default": "./dist/index.js"
+    },
+    "./providers/*": {
+      "types": "./dist/providers/*.d.ts",
+      "default": "./dist/providers/*.js"
+    }
+  },
+  "main": "./dist/index.js",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "files": [
+    "dist",
+    "src"
+  ],
+  "peerDependencies": {
+    "pubinfo": "2.0.0-beta.14"
+  },
+  "devDependencies": {
+    "tsup": "^8.4.0",
+    "pubinfo": "2.0.0-beta.14"
+  },
+  "scripts": {
+    "dev": "tsup --watch src",
+    "build": "tsup"
+  }
+}

package/src/core.ts

@@ -0,0 +1,114 @@
+import type { AuthConfig, ProviderUserConfig, Recordable, ThirdParty } from './interface';
+
+/**
+ * 初始化
+ * @param config 初始化配置
+ */
+export function createAuth(config: AuthConfig = {}) {
+  const {
+    baseURL = '',
+    providers = [],
+  } = config;
+
+  /**
+   * 获取指定的 `Provider`
+   * @param id
+   */
+  function getProvider(id?: ThirdParty) {
+    const provider = id ? providers.find(provider => provider.id === id) : providers[0];
+    if (!provider) {
+      throw new Error(`Provider '${id}' is not found.`);
+    }
+    return provider;
+  }
+
+  return {
+    /**
+     * 前往登录
+     * @param id 唯一值
+     * @param options 登录时需要传递的参数
+     */
+    async signIn(id: ThirdParty, options?: Recordable) {
+      const provider = getProvider(id);
+      const { type, authorization } = provider;
+
+      if (typeof authorization === 'function') {
+        return await authorization(options);
+      }
+
+      if (type === 'oauth' || type === 'custom') {
+        const url = createUrl(provider);
+        window.location.replace(url);
+      }
+    },
+
+    /**
+     * 生成二维码
+     * @param id 第三方的唯一值
+     * @param options 生成二维码需要传递的参数
+     * @param options.id `getElementById`中指定的`id`
+     */
+    renderQRCode(id: ThirdParty, options: { id: string } & Recordable) {
+      const provider = getProvider(id);
+      const { type, initQRCode } = provider;
+
+      if (type === 'oauth' || type === 'custom') {
+        const url = createUrl(provider);
+        initQRCode?.(url, options);
+      }
+    },
+
+    /**
+     * 认证
+     * @param id 第三方的唯一值
+     */
+    async authentication(id: ThirdParty) {
+      const provider = getProvider(id);
+      const { type, callbackUrl } = provider;
+
+      // TODO 处理hash路由中的#
+      // 获取URL上的参数
+      const qs = window.location.href.split('?')?.[1] ?? '';
+      const params = new URLSearchParams(qs);
+
+      if (typeof callbackUrl === 'function') {
+        return await callbackUrl(Object.fromEntries(params.entries()), baseURL);
+      }
+
+      if (type === 'oauth' || type === 'cas' || type === 'custom') {
+        const response = await fetch(`${baseURL}${callbackUrl}?${params.toString()}`);
+        return await response.json();
+      }
+    },
+
+    /**
+     * 重定向至统一登录页
+     */
+    redirect() {
+      const provider = providers.find(provider => provider.type === 'cas');
+      if (!provider) {
+        return;
+      }
+
+      const url = createUrl(provider);
+      window.location.replace(url);
+    },
+  };
+}
+
+/**
+ * 构建第三方授权登录地址
+ * @param provider
+ */
+function createUrl(provider: ProviderUserConfig) {
+  const { authorization } = provider;
+
+  if (typeof authorization === 'function') {
+    return '';
+  }
+
+  const url = new URL(authorization?.url ?? '');
+  const params = new URLSearchParams(authorization?.params ?? {});
+
+  return `${url.toString()}?${params.toString()}`;
+}

package/src/index.ts

@@ -0,0 +1,86 @@
+import type { ModuleOptions } from 'pubinfo';
+import type { RouteRecordRaw } from 'vue-router';
+import type { AuthOptions } from './interface';
+import { cleanup } from 'pubinfo';
+import { createAuth as create } from './core';
+import { Auth } from './pages/auth';
+
+export function createAuth(options: AuthOptions = {}) {
+  const { redirectTo } = options;
+  const { signIn, renderQRCode, authentication, redirect } = create(options);
+
+  function auth(): ModuleOptions {
+    return {
+      name: 'pubinfo:auth',
+      enforce: 'pre',
+      setup(ctx) {
+        const { router } = ctx;
+
+        const ROUTE_AUTH: RouteRecordRaw = {
+          path: '/auth/:type',
+          name: 'Auth',
+          component: Auth,
+          meta: {
+            whiteList: true,
+            title: '授权登录',
+          },
+          props: (route) => ({
+            type: route.params.type,
+            redirectTo() {
+              router.push(redirectTo ?? '/');
+            },
+            authentication,
+          }),
+        };
+
+        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.name === 'Login') {
+            redirect();
+          }
+        });
+      },
+    };
+  };
+
+  return {
+    /**
+     * 前往登录
+     * @param id 唯一值
+     * @param options 登录时需要传递的参数
+     */
+    signIn,
+
+    /**
+     * 生成二维码
+     * @param id 第三方的唯一值
+     * @param options 生成二维码需要传递的参数
+     * @param options.id `getElementById`中指定的`id`
+     */
+    renderQRCode,
+
+    /**
+     * 认证
+     * @param id 第三方的唯一值
+     */
+    authentication,
+
+    /**
+     * 模块配置
+     */
+    auth,
+  };
+}
+
+export * from './interface';

package/src/interface.ts

@@ -0,0 +1,60 @@
+import type { RouteLocationRaw } from '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 extends AuthConfig {
+  /** 登录后重定向至 */
+  redirectTo?: RouteLocationRaw
+}
+
+export interface AuthConfig {
+  /** 接口的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/src/pages/auth.ts

@@ -0,0 +1,42 @@
+import { useUserStore } from 'pubinfo';
+import { defineComponent, h, onMounted, ref } from 'vue';
+
+export const Auth = defineComponent({
+  props: {
+    type: String,
+    redirectTo: Function,
+    authentication: Function,
+  },
+  setup(props) {
+    const userStore = useUserStore();
+
+    const message = ref('授权登录中...');
+
+    onMounted(async () => {
+      const res = await props.authentication?.(props.type);
+      if (res?.success) {
+        userStore.setToken(res?.data?.accessToken, res?.data?.refreshToken);
+        props?.redirectTo?.();
+      }
+      else {
+        message.value = res?.msg ?? res?.message;
+      }
+    });
+
+    return () => {
+      return h(
+        'div',
+        {
+          style: {
+            display: 'flex',
+            justifyContent: 'center',
+            alignItems: 'center',
+            width: '100vw',
+            height: '100vh',
+          },
+        },
+        message.value,
+      );
+    };
+  },
+});

package/src/providers/4A.ts

@@ -0,0 +1,24 @@
+import type { ProviderConfig, ProviderUserConfig } from '../interface';
+
+/**
+ * 4A登录
+ */
+export default function FourA(options: ProviderUserConfig): ProviderConfig {
+  const { clientId, redirectUri } = options;
+
+  return {
+    id: '4A',
+    name: '4A登录',
+    type: 'oauth',
+    authorization: {
+      url: 'http://134.108.76.137:7001/index',
+      params: {
+        response_type: 'code',
+        client_id: clientId,
+        redirect_uri: redirectUri,
+      },
+    },
+    callbackUrl: '/bs/loginBy4a',
+    ...options,
+  };
+}

package/src/providers/credentials.ts

@@ -0,0 +1,19 @@
+import type { Fn, ProviderConfig } from '../interface';
+
+interface CredentialsConfig {
+  authorize: Fn<any>
+}
+
+/**
+ * 凭证登录
+ */
+export default function Credentials(options: CredentialsConfig): ProviderConfig {
+  const { authorize } = options;
+
+  return {
+    id: 'credentials',
+    name: '凭证登录',
+    type: 'custom',
+    authorization: authorize,
+  };
+}