@pubinfo/module-captcha 2.1.1

package/dist/interface.d.ts

@@ -0,0 +1,15 @@
+import { RequestInstance } from 'pubinfo';
+export interface CaptchaOptions {
+    /**
+     * 接口请求实例
+     */
+    request: InternalContext['request'];
+}
+export interface InternalContext {
+    request: RequestInstance;
+}
+export { RequestInstance };
+export interface CaptchaResult {
+    captchaVerification: string;
+    captchaType: string;
+}

package/package.json

@@ -0,0 +1,44 @@
+{
+  "name": "@pubinfo/module-captcha",
+  "type": "module",
+  "version": "2.1.1",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "default": "./dist/index.js"
+    },
+    "./style.css": "./dist/index.css"
+  },
+  "main": "./dist/index.js",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "files": [
+    "dist",
+    "src"
+  ],
+  "engines": {
+    "node": "^20.19.0 || >=22.12.0"
+  },
+  "peerDependencies": {
+    "@ant-design/icons-vue": "^7.0.1",
+    "ant-design-vue": "^4.2.6",
+    "pubinfo": "2.1.1"
+  },
+  "dependencies": {
+    "@vueuse/core": "^13.7.0",
+    "crypto-js": "^4.2.0"
+  },
+  "devDependencies": {
+    "@ant-design/icons-vue": "^7.0.1",
+    "@types/crypto-js": "^4.2.2",
+    "ant-design-vue": "^4.2.6",
+    "pubinfo": "2.1.1"
+  },
+  "scripts": {
+    "dev": "pubinfo build -w --sourcemap",
+    "build": "pubinfo build",
+    "openapi": "pnpx @pubinfo/openapi generate",
+    "test": "vitest",
+    "coverage": "vitest --coverage"
+  }
+}

package/src/api/modules/auth/index.ts

@@ -0,0 +1 @@
+export * from './renzhengfuwu';

package/src/api/modules/auth/renzhengfuwu.ts

@@ -0,0 +1,223 @@
+import { auth as request } from '@/api/request';
+
+/**
+ * @description 验证码-前端校验 需要校验的验证码类型：blockPuzzle、clickWord
+ * @url /auth/captcha/check
+ * @method POST
+ * @author @pubinfo/openapi
+ */
+export function postAuthCaptchaCheck<
+  R = API.ResponseDataValidCodeVo,
+  T = API.ResponseDataValidCodeVo,
+>(
+  body: API.CaptchaCheckDto,
+  options?: Parameters<typeof request.Post<R, T>>[2],
+) {
+  return request.Post<R, T>('/auth/captcha/check', body, {
+    headers: {
+      'Content-Type': 'application/json',
+    },
+    ...(options || {}),
+  });
+}
+
+/**
+ * @description 验证码-获取验证码图片
+ * @url /auth/captcha/get
+ * @method POST
+ * @author @pubinfo/openapi
+ */
+export function postAuthCaptchaGet<
+  R = API.ResponseDataValidCodeVo,
+  T = API.ResponseDataValidCodeVo,
+>(body: API.CaptchaGetDto, options?: Parameters<typeof request.Post<R, T>>[2]) {
+  return request.Post<R, T>('/auth/captcha/get', body, {
+    headers: {
+      'Content-Type': 'application/json',
+    },
+    ...(options || {}),
+  });
+}
+
+/**
+ * @description 切换登录组织
+ * @url /auth/changeLoginOrg
+ * @method POST
+ * @author @pubinfo/openapi
+ */
+export function postAuthChangeLoginOrg<
+  R = API.ResponseDataLoginTokenVo,
+  T = API.ResponseDataLoginTokenVo,
+>(
+  params: API.postAuthChangeLoginOrgParams,
+  options?: Parameters<typeof request.Post<R, T>>[2],
+) {
+  return request.Post<R, T>(
+    '/auth/changeLoginOrg',
+    {},
+    {
+      params: {
+        ...params,
+      },
+      ...(options || {}),
+    },
+  );
+}
+
+/**
+ * @description 判断缓存的token是否有效
+ * @url /auth/checkCacheToken
+ * @method GET
+ * @author @pubinfo/openapi
+ */
+export function getAuthCheckCacheToken<
+  R = API.ResponseDataBoolean,
+  T = API.ResponseDataBoolean,
+>(
+  params: API.getAuthCheckCacheTokenParams,
+  options?: Parameters<typeof request.Get<R, T>>[1],
+) {
+  return request.Get<R, T>('/auth/checkCacheToken', {
+    params: {
+      ...params,
+    },
+    ...(options || {}),
+  });
+}
+
+/**
+ * @description 密码登录
+ * @url /auth/login
+ * @method POST
+ * @author @pubinfo/openapi
+ */
+export function postAuthLogin<
+  R = API.ResponseDataLoginTokenVo,
+  T = API.ResponseDataLoginTokenVo,
+>(body: API.LoginByPwdDto, options?: Parameters<typeof request.Post<R, T>>[2]) {
+  return request.Post<R, T>('/auth/login', body, {
+    headers: {
+      'Content-Type': 'application/json',
+    },
+    ...(options || {}),
+  });
+}
+
+/**
+ * @description 获取登录公钥
+ * @url /auth/login/key
+ * @method GET
+ * @author @pubinfo/openapi
+ */
+export function getAuthLoginKey<
+  R = API.ResponseDataString,
+  T = API.ResponseDataString,
+>(options?: Parameters<typeof request.Get<R, T>>[1]) {
+  return request.Get<R, T>('/auth/login/key', {
+    ...(options || {}),
+  });
+}
+
+/**
+ * @description 获取图片验证码
+ * @url /auth/login/validCode
+ * @method GET
+ * @author @pubinfo/openapi
+ */
+export function getAuthLoginValidCode<
+  R = API.ResponseDataValidCodeVo,
+  T = API.ResponseDataValidCodeVo,
+>(
+  params: API.getAuthLoginValidCodeParams,
+  options?: Parameters<typeof request.Get<R, T>>[1],
+) {
+  return request.Get<R, T>('/auth/login/validCode', {
+    params: {
+      ...params,
+    },
+    ...(options || {}),
+  });
+}
+
+/**
+ * @description 验证码-密码登录
+ * @url /auth/loginNew
+ * @method POST
+ * @author @pubinfo/openapi
+ */
+export function postAuthLoginNew<
+  R = API.ResponseDataLoginTokenVo,
+  T = API.ResponseDataLoginTokenVo,
+>(
+  body: API.LoginByPwdCaptchaDto,
+  options?: Parameters<typeof request.Post<R, T>>[2],
+) {
+  return request.Post<R, T>('/auth/loginNew', body, {
+    headers: {
+      'Content-Type': 'application/json',
+    },
+    ...(options || {}),
+  });
+}
+
+/**
+ * @description 登出
+ * @url /auth/loginOut
+ * @method POST
+ * @author @pubinfo/openapi
+ */
+export function postAuthLoginOut<
+  R = API.ResponseDataVoid,
+  T = API.ResponseDataVoid,
+>(options?: Parameters<typeof request.Post<R, T>>[2]) {
+  return request.Post<R, T>(
+    '/auth/loginOut',
+    {},
+    {
+      ...(options || {}),
+    },
+  );
+}
+
+/**
+ * @description 单点免密登录接口
+ * @url /auth/ssoLogin
+ * @method POST
+ * @author @pubinfo/openapi
+ */
+export function postAuthSsoLogin<
+  R = API.ResponseDataLoginTokenVo,
+  T = API.ResponseDataLoginTokenVo,
+>(body: API.SsoLoginDto, options?: Parameters<typeof request.Post<R, T>>[2]) {
+  return request.Post<R, T>('/auth/ssoLogin', body, {
+    headers: {
+      'Content-Type': 'application/json',
+    },
+    ...(options || {}),
+  });
+}
+
+/**
+ * @description 刷新访问令牌
+ * @url /auth/token/refresh
+ * @method POST
+ * @author @pubinfo/openapi
+ */
+export function postAuthTokenRefresh<
+  R = API.ResponseDataLoginTokenVo,
+  T = API.ResponseDataLoginTokenVo,
+>(
+  params: API.postAuthTokenRefreshParams,
+  options?: Parameters<typeof request.Post<R, T>>[2],
+) {
+  return request.Post<R, T>(
+    '/auth/token/refresh',
+    {},
+    {
+      params: {
+        ...params,
+      },
+      ...(options || {}),
+    },
+  );
+}

package/src/api/modules/auth/typings.d.ts

@@ -0,0 +1,140 @@
+/* eslint-disable */
+// @ts-nocheck
+declare namespace API {
+  type CaptchaCheckDto = {
+    /** 类型 clickWord：文字、blockPuzzle：滑块 */
+    captchaType: string;
+    /** 加密坐标 */
+    pointJson: string;
+    /** token */
+    token: string;
+  };
+
+  type CaptchaGetDto = {
+    /** 类型 clickWord：文字、blockPuzzle：滑块、imageCode：图片 */
+    captchaType?: string;
+    /** 客户端UI组件id */
+    clientUid?: string;
+    /** 时间戳 1751542686180 */
+    ts?: string;
+    /** 尺寸(长x宽)，例：150x50表示长为150宽为50，不填默认150x50,最大尺寸:长500，宽200 */
+    size?: string;
+    /** 验证码长度，不填默认4位 */
+    length?: string;
+  };
+
+  type getAuthCheckCacheTokenParams = {
+    accessToken: string;
+    userId: string;
+  };
+
+  type getAuthLoginValidCodeParams = {
+    /** 尺寸(长x宽)，例：150x50表示长为150宽为50，不填默认150x50,最大尺寸:长500，宽200 */
+    size?: string;
+    /** 验证码长度，不填默认4位 */
+    length?: number;
+  };
+
+  type IResponseCode = {
+    code?: number;
+    msg?: string;
+    hint?: string;
+  };
+
+  type LoginByPwdCaptchaDto = {
+    /** 登录类型 */
+    loginType: string;
+    /** 登录名 */
+    loginName: string;
+    /** 密码 */
+    loginPwd: string;
+    /** imageCode：验证码hash/其他：加密后的token，AES.encode(token+"---"+pointListStr, key) */
+    codeHash: string;
+    /** 验证码 imageCode类型必填 */
+    code?: string;
+    /** 验证码类型，clickWord：文字、blockPuzzle：滑块、imageCode(默认)：图片 */
+    captchaType?: string;
+  };
+
+  type LoginByPwdDto = {
+    /** 登录类型 */
+    loginType: string;
+    /** 登录名 */
+    loginName: string;
+    /** 密码 */
+    loginPwd: string;
+    /** 验证码hash */
+    codeHash: string;
+    /** 验证码 */
+    code: string;
+  };
+
+  type LoginTokenVo = {
+    /** 刷新令牌 */
+    refreshToken?: string;
+    /** 访问令牌 */
+    accessToken?: string;
+    loginResponse?: IResponseCode;
+  };
+
+  type postAuthChangeLoginOrgParams = {
+    /** 新组织id */
+    orgId: string;
+  };
+
+  type postAuthTokenRefreshParams = {
+    /** 刷新令牌 */
+    refreshToken: string;
+  };
+
+  type ResponseDataBoolean = {
+    code?: number;
+    msg?: string;
+    hint?: string;
+    data?: boolean;
+    success?: boolean;
+  };
+
+  type ResponseDataLoginTokenVo = {
+    code?: number;
+    msg?: string;
+    hint?: string;
+    data?: LoginTokenVo;
+    success?: boolean;
+  };
+
+  type ResponseDataString = {
+    code?: number;
+    msg?: string;
+    hint?: string;
+    data?: string;
+    success?: boolean;
+  };
+
+  type ResponseDataValidCodeVo = {
+    code?: number;
+    msg?: string;
+    hint?: string;
+    data?: ValidCodeVo;
+    success?: boolean;
+  };
+
+  type ResponseDataVoid = {
+    code?: number;
+    msg?: string;
+    hint?: string;
+    data?: Record<string, any>;
+    success?: boolean;
+  };
+
+  type SsoLoginDto = {
+    /** 登录类型 */
+    loginType: string;
+    code?: string;
+  };
+
+  type ValidCodeVo = {
+    key?: string;
+    plaintext?: string;
+  };
+}

package/src/api/request.ts

@@ -0,0 +1,4 @@
+import { wrapProxy } from 'pubinfo';
+import { ctx } from '@/context';
+
+export const auth = wrapProxy(ctx.use, 'request');

package/src/components/VerifyInput/PubinfoVerifyInput.vue

@@ -0,0 +1,91 @@
+<script setup lang="ts">
+import { useActiveElement } from '@vueuse/core';
+import { computed, onMounted, ref } from 'vue';
+import { fetchCaptcha } from './authService.ts';
+import { getAddonAfterHeight } from './captchaUtils';
+
+// 定义组件属性和事件
+const props = withDefaults(
+  defineProps<{
+    size?: 'large' | 'middle' | 'small'
+    modelValue: string
+  }>(),
+  {
+    size: 'large',
+  },
+);
+const emit = defineEmits(['update:modelValue', 'getCaptchaHash']);
+
+// 初始化状态
+const captchaHash = ref<string>('');
+const captchaImgUrl = ref<string>('');
+
+// 计算属性
+const addonAfterHeight = computed(() =>
+  getAddonAfterHeight(props.size),
+);
+
+const activeElement = useActiveElement();
+const focusElementDataId = computed(() =>
+  activeElement.value?.dataset?.id || 'null',
+);
+
+function changeInput(e: Event) {
+  const target = e.target as HTMLInputElement;
+  emit('update:modelValue', target.value);
+}
+// 验证码相关方法
+async function send() {
+  try {
+    const { imgUrl, hash } = await fetchCaptcha('100x40');
+    captchaImgUrl.value = imgUrl;
+    captchaHash.value = hash!;
+    emit('getCaptchaHash', captchaHash.value);
+  }
+  catch (error) {
+    console.error('获取验证码失败:', error);
+  }
+}
+
+// 组件挂载时获取验证码
+onMounted(() => {
+  send();
+});
+
+defineExpose({
+  refresh: send,
+});
+</script>
+
+<template>
+  <a-input
+    :size="props.size"
+    allow-clear
+    placeholder="请输入验证码"
+    data-id="captchas"
+    @change="changeInput"
+  >
+    <template #prefix>
+      <PubinfoIcon v-if="focusElementDataId === 'captchas'" name="i-solar-shield-check-bold" color="#1578FF" />
+      <PubinfoIcon v-else name="i-solar-shield-check-broken" color="#AFB0B2" />
+    </template>
+    <template #addonAfter>
+      <div
+        :style="{ height: `${addonAfterHeight}px` }"
+        w-100px
+        cursor-pointer
+        p-2px
+        @click="send"
+      >
+        <img size-full :src="captchaImgUrl">
+      </div>
+    </template>
+  </a-input>
+</template>
+
+<style scoped>
+:deep(.ant-input-group-addon) {
+  padding: 0 !important;
+  overflow: hidden;
+}
+</style>

package/src/components/VerifyInput/authService.ts

@@ -0,0 +1,22 @@
+import { getAuthLoginValidCode } from '@/api/modules/auth';
+
+/**
+ * 获取验证码图片
+ * @param size 验证码尺寸
+ * @returns 包含验证码图片URL和hash的对象
+ */
+export async function fetchCaptcha(size: string = '100x40') {
+  const res = await getAuthLoginValidCode({ size });
+
+  if (!res.success || !res.data) {
+    throw new Error('获取验证码失败');
+  }
+
+  const { key, plaintext } = res.data;
+  const imgUrl = `data:image/png;base64,${plaintext}`;
+
+  return {
+    imgUrl,
+    hash: key,
+  };
+}

package/src/components/VerifyInput/captchaUtils.ts

@@ -0,0 +1,15 @@
+/**
+ * 根据尺寸计算高度
+ * @param size 尺寸大小
+ * @returns 对应的高度值
+ */
+export function getAddonAfterHeight(size: 'large' | 'middle' | 'small') {
+  switch (size) {
+    case 'large':
+      return 36;
+    case 'small':
+      return 20;
+    default:
+      return 28;
+  }
+}