@pubinfo/module-captcha 2.1.1

package/src/components/VerifySlide/pubinfoPopSlide.ts

@@ -0,0 +1,34 @@
+import { createApp, h } from 'vue';
+
+import PubinfoPopSlide from './PubinfoPopSlide.vue';
+
+export function pubinfoPopSlide(): Promise<any> {
+  return new Promise((resolve) => {
+    const app = createApp({
+      render() {
+        return h(PubinfoPopSlide, {
+          open: true,
+          onCancel: () => {
+            close();
+            resolve(null);
+          },
+          onSuccess: (...arg) => {
+            resolve(...arg);
+            close();
+          },
+        });
+      },
+    });
+
+    const container = document.createElement('div');
+    document.body.appendChild(container);
+    app.mount(container);
+
+    function close() {
+      setTimeout(() => {
+        app.unmount();
+        document.body.removeChild(container);
+      }, 500);
+    }
+  });
+}

package/src/components/aes.ts

@@ -0,0 +1,13 @@
+import CryptoJS from 'crypto-js';
+
+export function aesEncrypt(word: any, secretKey?: string) {
+  const key = CryptoJS.enc.Utf8.parse(secretKey as string);
+  const srcs = CryptoJS.enc.Utf8.parse(word);
+  const encrypted = CryptoJS.AES.encrypt(srcs, key, { mode: CryptoJS.mode.ECB, padding: CryptoJS.pad.Pkcs7 });
+  return encrypted.toString();
+}
+// export function aesDecrypt(word: any, secretKey?: string) {
+//   const key = CryptoJS.enc.Utf8.parse(secretKey);
+//   const decrypt = CryptoJS.AES.decrypt(word, key, { mode: CryptoJS.mode.ECB, padding: CryptoJS.pad.Pkcs7 });
+//   return CryptoJS.enc.Utf8.stringify(decrypt).toString();
+// }

package/src/context.ts

@@ -0,0 +1,4 @@
+import type { InternalContext } from './interface.ts';
+import { createContext } from 'pubinfo';
+
+export const ctx = createContext<InternalContext>('captcha');

package/src/index.ts

@@ -0,0 +1,37 @@
+import type { ModuleOptions } from 'pubinfo';
+
+import type { CaptchaOptions } from './interface';
+
+import { ctx } from './context';
+import 'uno.css';
+
+export function captcha(options: CaptchaOptions): ModuleOptions {
+  const { request } = options;
+  ctx.set({ request });
+
+  return {
+    name: 'pubinfo:captcha',
+  };
+}
+
+// 输入验证模式
+export { default as PubinfoVerifyInput } from './components/VerifyInput/PubinfoVerifyInput.vue';
+
+// 点文字组件三模式
+// 页面组件-嵌入式
+export { default as PubinfoFixedPoint } from './components/VerifyPoints/PubinfoFixedPoint.vue';
+// 函数式插件
+export { pubinfoPopPoint as captchaPopPoint } from './components/VerifyPoints/pubinfoPopPoint.ts';
+// 页面组件-触发式
+export { default as PubinfoTouchPoint } from './components/VerifyPoints/PubinfoTouchPoint.vue';
+
+// 滑动组件三模式
+// 页面组件-嵌入式
+export { default as PubinfoFixedSlide } from './components/VerifySlide/PubinfoFixedSlide.vue';
+// 函数式插件-弹出式
+export { pubinfoPopSlide as captchaPopSlide } from './components/VerifySlide/pubinfoPopSlide.ts';
+// 页面组件-触发式
+export { default as PubinfoTouchSlide } from './components/VerifySlide/PubinfoTouchSlide.vue';
+
+// 验证成功后数据类型导出
+export type { CaptchaResult } from './interface';

package/src/interface.ts

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