message-verify 1.0.1-beta.37 → 1.0.1-beta.39

package/dist/index.d.ts

@@ -1,4 +1,31 @@
 import { ModalConfig, LoginModalConfig } from './utils/type.js';
+import React from 'react';
 export declare const initFingerprint: () => Promise<string>;
 export declare const createMessageVerifyModal: (modalProps: ModalConfig) => void;
 export declare const createReLoginModal: (modalProps: LoginModalConfig) => void;
+export declare class VerifyHandler extends React.Component {
+    private verifyPromise;
+    createPromise: (detail: any, config: RequestConfig, http: HttpInstance) => Promise<any>;
+    private handlePromiseReset;
+    render(): null;
+}
+type RequestConfig = {
+    hideLoading?: boolean;
+    responseType?: string;
+};
+type HttpInstance = {
+    defaults: {
+        headers: {
+            common: Record<string, string>;
+        };
+    };
+    interceptors: {
+        request: {
+            use: (handler: (config: RequestConfig) => RequestConfig) => void;
+        };
+        response: {
+            use: (handler: (response: any) => any) => void;
+        };
+    };
+};
+export {};

package/dist/index.js

@@ -3,6 +3,7 @@ import ReactDOM from 'react-dom/client';
 import VerifyModal from './verify-modal.js';
 import Fingerprint2 from 'fingerprintjs2';
 import ReLoginModal from './relogin-modal.js';
+import React from 'react';
 let fingerprintPromise = null; // 用 Promise 本身作为缓存
 export const initFingerprint = async () => {
     console.log('fingerprintPromise:', fingerprintPromise);
@@ -17,6 +18,7 @@ export const initFingerprint = async () => {
                     .join('###');
                 console.log('values:', values);
                 const fingerprint = Fingerprint2.x64hash128(values, 31);
+                console.log('fingerprint:', fingerprint);
                 resolve(fingerprint);
             });
         });
@@ -54,3 +56,27 @@ const destroyModal = () => {
         modalRoot = null;
     }
 };
+export class VerifyHandler extends React.Component {
+    verifyPromise = null;
+    createPromise = (detail, config, http) => {
+        if (!this.verifyPromise) {
+            this.verifyPromise = new Promise((resolve, reject) => {
+                createMessageVerifyModal({
+                    data: detail,
+                    config,
+                    http,
+                    apiResolve: resolve,
+                    apiReject: reject,
+                    apiPromiseToEmpty: this.handlePromiseReset,
+                });
+            }).finally(this.handlePromiseReset);
+        }
+        return this.verifyPromise;
+    };
+    handlePromiseReset = () => {
+        this.verifyPromise = null;
+    };
+    render() {
+        return null; // 纯逻辑组件不需要渲染
+    }
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "message-verify",
-  "version": "1.0.1-beta.37",
+  "version": "1.0.1-beta.39",
   "type": "module",
   "main": "dist/index.js",
   "dependencies": {

package/src/index.tsx

@@ -3,6 +3,7 @@ import VerifyModal from './verify-modal.js'
 import Fingerprint2 from 'fingerprintjs2';
 import ReLoginModal from './relogin-modal.js';
 import { ModalConfig, LoginModalConfig } from './utils/type.js';
+import React from 'react';
 
 let fingerprintPromise: Promise<string> | null = null; // 用 Promise 本身作为缓存
 
@@ -19,6 +20,7 @@ export const initFingerprint = async (): Promise<string> => {
                     .join('###');
                 console.log('values:', values);
                 const fingerprint = Fingerprint2.x64hash128(values, 31);
+                console.log('fingerprint:', fingerprint);
                 resolve(fingerprint);
             });
         });
@@ -29,44 +31,95 @@ export const initFingerprint = async (): Promise<string> => {
 let modalRoot: ReactDOM.Root | null = null
 
 export const createMessageVerifyModal = (modalProps: ModalConfig) => {
-  const container = document.createElement('div')
-  container.id = 'antd-modal-container'
-  document.body.appendChild(container)
+    const container = document.createElement('div')
+    container.id = 'antd-modal-container'
+    document.body.appendChild(container)
 
-  modalRoot = ReactDOM.createRoot(container)
-  modalRoot.render(
-    <VerifyModal
-      props={{
-        ...modalProps,
-        onClose: () => {
-          modalProps.onClose?.()
-          destroyModal()
-        }
-      }}
-    />
-  )
+    modalRoot = ReactDOM.createRoot(container)
+    modalRoot.render(
+        <VerifyModal
+            props={{
+                ...modalProps,
+                onClose: () => {
+                    modalProps.onClose?.()
+                    destroyModal()
+                }
+            }}
+        />
+    )
 }
 
 // 新增 relogin 弹窗创建方法
 export const createReLoginModal = (modalProps: LoginModalConfig) => {
-  const container = document.createElement('div')
-  container.id = 'antd-modal-container'
-  document.body.appendChild(container)
+    const container = document.createElement('div')
+    container.id = 'antd-modal-container'
+    document.body.appendChild(container)
 
-  modalRoot = ReactDOM.createRoot(container)
-  modalRoot.render(
-    <ReLoginModal
-      props={{
-        ...modalProps,
-      }}
-    />
-  )
+    modalRoot = ReactDOM.createRoot(container)
+    modalRoot.render(
+        <ReLoginModal
+            props={{
+                ...modalProps,
+            }}
+        />
+    )
 }
 
 const destroyModal = () => {
-  if (modalRoot) {
-    modalRoot.unmount()
-    document.getElementById('antd-modal-container')?.remove()
-    modalRoot = null
+    if (modalRoot) {
+        modalRoot.unmount()
+        document.getElementById('antd-modal-container')?.remove()
+        modalRoot = null
+    }
+}
+
+export class VerifyHandler extends React.Component {
+  private verifyPromise: Promise<any> | null = null;
+
+  createPromise = (detail: any, config: RequestConfig, http: HttpInstance): Promise<any> => {
+    if (!this.verifyPromise) {
+      this.verifyPromise = new Promise((resolve, reject) => {
+        createMessageVerifyModal({
+          data: detail,
+          config,
+          http,
+          apiResolve: resolve,
+          apiReject: reject,
+          apiPromiseToEmpty: this.handlePromiseReset,
+        } as any);
+      }).finally(this.handlePromiseReset);
+    }
+    return this.verifyPromise;
+  };
+
+  private handlePromiseReset = (): void => {
+    this.verifyPromise = null;
+  };
+
+  render() {
+    return null; // 纯逻辑组件不需要渲染
   }
-}
+}
+
+// 类型定义
+type RequestConfig = {
+  hideLoading?: boolean;
+  responseType?: string;
+  // 根据实际需求扩展其他配置项
+};
+
+type HttpInstance = {
+  defaults: {
+    headers: {
+      common: Record<string, string>;
+    };
+  };
+  interceptors: {
+    request: {
+      use: (handler: (config: RequestConfig) => RequestConfig) => void;
+    };
+    response: {
+      use: (handler: (response: any) => any) => void;
+    };
+  };
+};