zmdms-utils 0.0.5 → 0.0.7

package/src/request.ts

@@ -1,6 +1,7 @@
 // 请求方法
 import axios, { AxiosRequestConfig } from "axios";
-import { getToken } from "./index";
+import { getToken, removeToken } from "./auth";
+import { Crypto } from "./crypto";
 
 const defaultOptions: IOtherOptions = {
   TenantId: "000000",
@@ -10,12 +11,44 @@ const defaultOptions: IOtherOptions = {
 
 export class AxiosRequest {
   private otherOptions: IOtherOptions;
+  private crypto: IOtherOptions["crypto"]; // 加密方法处理
+  private jumpCallback: IOtherOptions["jumpCallback"]; // 需要做的跳转处理
+  // 登录是否过期 这个变量是为了让弹出提示只展示一次
+  private isExpired: boolean = false;
+  // 被挤下线 定义变量的目的同上
+  private isOffline: boolean = false;
+  // 404
+  private isNotFound: boolean = false;
+  // timeout
+  private isTimeout: boolean = false;
+  // 是否需要超时 弹框提示
+  private isTimeoutConfirm?: IOtherOptions["isTimeoutConfirm"];
+  private isTimeoutConfirmStr?: IOtherOptions["isTimeoutConfirmStr"];
+  // messageWarning 方法
+  private messageWarning?: IOtherOptions["messageWarning"];
+  // modalConfirm 方法
+  private modalConfirm?: IOtherOptions["modalConfirm"];
 
   constructor(otherOptions: IOtherOptions) {
-    this.otherOptions = { ...defaultOptions, ...otherOptions };
+    const {
+      crypto,
+      jumpCallback,
+      isTimeoutConfirm,
+      isTimeoutConfirmStr,
+      messageWarning,
+      modalConfirm,
+      ...resetOtherOptions
+    } = otherOptions;
+    this.otherOptions = { ...defaultOptions, ...resetOtherOptions };
+    this.crypto = crypto;
+    this.isTimeoutConfirm = isTimeoutConfirm;
+    this.isTimeoutConfirmStr = isTimeoutConfirmStr;
+    this.jumpCallback = jumpCallback;
+    this.messageWarning = messageWarning;
+    this.modalConfirm = modalConfirm;
     this.defaultSetting();
     this.interceptorsRequest();
-    this.interceptorsReponse();
+    this.interceptorsResponse();
   }
 
   // 设置axios方法默认值
@@ -43,20 +76,117 @@ export class AxiosRequest {
   }
 
   // 拦截响应
-  private interceptorsReponse() {
+  private interceptorsResponse() {
     axios.interceptors.response.use(
       (response) => {
+        console.log(response);
+        // 对返回数据进行解密后 返回给客户端
+        if ((response.config as any)?.isCrypto) {
+        }
         return response;
       },
       (error) => {
+        console.log(error);
+        // 统一处理响应异常
+        this.responseError(error);
         return Promise.reject(error);
       }
     );
   }
 
+  // 响应错误处理
+  private responseError(error: any = {}) {
+    const { response } = error;
+    // 处理token失效
+    // TODO: 刷新token逻辑
+    if (response?.status === 401) {
+      removeToken();
+      if (!this.isExpired) {
+        this.isExpired = true;
+        this.messageWarning?.("登录过期", 3.5, () => {
+          this.isExpired = false;
+        });
+        this.logoutHandle(response.status);
+      }
+      return;
+    }
+    // 处理被挤下线逻辑
+    if (response?.status === 501) {
+      removeToken();
+      if (!this.isOffline) {
+        this.isOffline = true;
+        this.messageWarning?.("你的账号已在其他地方登录！", 3.5, () => {
+          this.isOffline = false;
+        });
+        this.logoutHandle(response.status);
+      }
+      return;
+    }
+    // 处理404逻辑
+    if (response?.status === 404) {
+      if (!this.isNotFound) {
+        this.isNotFound = true;
+        this.messageWarning?.(
+          `接口：${response.config.url} 未找到！`,
+          3.5,
+          () => {
+            this.isNotFound = false;
+          }
+        );
+      }
+      return;
+    }
+    // 处理接口超时逻辑
+    if (
+      this.isTimeoutConfirm &&
+      error?.config?.method?.toUpperCase?.() === "POST" &&
+      !response &&
+      error.code === "ECONNABORTED" &&
+      error.message?.indexOf?.(`${error.config.timeout}ms`) !== -1
+    ) {
+      if (!this.isTimeout) {
+        this.isTimeout = true;
+        this.modalConfirm?.(
+          `${
+            this.isTimeoutConfirmStr
+              ? this.isTimeoutConfirmStr
+              : "请求超时，请稍后再试，或联系相关人员确认后处理！"
+          }
+          接口地址: ${error?.config?.url}
+          请求方式: ${error?.config?.method}
+          请求超时时间: ${error?.config?.timeout / 1000}秒
+        `,
+          () => {
+            this.isTimeout = false;
+          }
+        );
+      }
+      return;
+    }
+    // 提示业务错误
+    if (error?.config?.isErrorMessage) {
+      // 详细信息 再开发模式开启 之后上到别的环境会去掉
+      this.modalConfirm?.(`${error?.response?.data?.msg || "服务器异常"}
+        接口地址: ${error?.config?.url}
+        响应状态码: ${error?.response?.status}
+        请求方式: ${error?.config?.method}
+      `);
+      return;
+    }
+  }
+
+  // 跳转逻辑处理
+  private logoutHandle(status: number) {
+    // 自定义跳转
+    if (this.jumpCallback) {
+      this.jumpCallback(status);
+    } else {
+      window.location.href = "/login";
+    }
+  }
+
   // 实例方法
   public request(options: IOptions) {
-    const token = getToken();
     const { isFormData, isAuth = true, ...resetOptions } = options;
 
     const newOptions = resetOptions;
@@ -66,20 +196,10 @@ export class AxiosRequest {
       newOptions.headers = {};
     }
     if (isAuth) {
+      const token = getToken();
       newOptions.headers["Zmdms-Auth"] = `bearer ${token}`;
     }
 
-    // 处理url
-    if (newOptions.baseURL?.endsWith("/")) {
-      newOptions.url = newOptions.url?.startsWith("/")
-        ? newOptions.url?.slice(1)
-        : newOptions.url;
-    } else {
-      newOptions.url = newOptions.url?.startsWith("/")
-        ? newOptions.url
-        : `/${newOptions.url}`;
-    }
-
     // 遍历params，将undefined值 转为null值
     if (newOptions.data) {
       newOptions.data = transformData(newOptions.data);
@@ -113,6 +233,32 @@ export class AxiosRequest {
     }
 
     // 数据加密处理 TODO:
+    // 将参数进行aes加密
+    if (newOptions.isCrypto === true || newOptions.isCrypto === "aes") {
+      if (newOptions.data) {
+        newOptions.data = this.crypto?.encrypt?.(
+          JSON.stringify(newOptions.data)
+        );
+      }
+      if (newOptions.params) {
+        newOptions.params = this.crypto?.encrypt?.(
+          JSON.stringify(newOptions.params)
+        );
+      }
+    }
+    // 将参数进行des加密
+    if (newOptions.isCrypto === "des") {
+      if (newOptions.data) {
+        newOptions.data = this.crypto?.encrypt_des?.(
+          JSON.stringify(newOptions.data)
+        );
+      }
+      if (newOptions.params) {
+        newOptions.params = this.crypto?.encrypt_des?.(
+          JSON.stringify(newOptions.params)
+        );
+      }
+    }
 
     return axios(newOptions);
   }
@@ -142,13 +288,42 @@ function transformData(data?: any): any {
 
 export interface IOptions extends AxiosRequestConfig {
   isFormData?: boolean;
-  isAuth?: boolean; // 是否需要携带请求头
+  /**
+   * 是否需要携带请求头默认携带
+   */
+  isAuth?: boolean;
+  /**
+   * 是否对传输数据开启加密模式
+   */
+  isCrypto?: boolean | "aes" | "des";
+  /**
+   * 是否交给实例处理异常
+   */
+  isErrorMessage?: boolean;
 }
 
 export interface IOtherOptions {
-  jumpCallback?: () => void; // token过期等 需要跳转到登录页
+  // token过期等 需要跳转到登录页
+  jumpCallback?: (status: number) => void;
+  // 提示方法 外部传入
+  messageWarning?: (
+    msg: string,
+    duration: number,
+    callback?: () => void
+  ) => void;
+  modalConfirm?: (msg: string, callback?: () => void) => void;
+  // token相关值
   TenantId?: string;
-  Authorization?: string; // auth值
+  // auth值
+  Authorization?: string;
+  // 超时时间
   timeout?: number;
+  // 基础url
   baseURL?: string;
+  // 加密实例方法
+  crypto?: Crypto;
+  // 超时是否需要弹框
+  isTimeoutConfirm?: boolean;
+  // 超时弹框提示内容
+  isTimeoutConfirmStr?: string;
 }

package/src/validate.ts

@@ -0,0 +1,45 @@
+export const strLenValidate = (type: "s" | "m" | "l" | "ml" = "s") => {
+  if (type === "m") {
+    return {
+      regex: /^\s*([\s\S]{0,400})\s*$/,
+      message: `超过最大字符长度400!`,
+    };
+  }
+  if (type === "l") {
+    return {
+      regex: /^\s*([\s\S]{0,600})\s*$/,
+      message: `超过最大字符长度600!`,
+    };
+  }
+  if (type === "ml") {
+    return {
+      regex: /^\s*([\s\S]{0,5000})\s*$/,
+      message: `超过最大字符长度5000!`,
+    };
+  }
+  return {
+    regex: /^\s*([\s\S]{0,200})\s*$/,
+    message: `超过最大字符长度200!`,
+  };
+};
+
+export const phoneValidate = {
+  regex: /^(?:\+?86-?)?(?:(?:0\d{2,3}-?)?[1-9]\d{6,7}|1[3-9]\d{9})$/,
+  message: "请输入正确的手机号!",
+};
+export const morePhoneValidate = {
+  regex:
+    /^(?:(?:\+?86-?)?(?:(?:0\d{2,3}-?)?[1-9]\d{6,7}|1[3-9]\d{9})(?:,\s?)?)+$/,
+  message: "请检查输入的电话号码中是否有不符合规则的号码!",
+};
+
+export const idCardValidate = {
+  regex:
+    /^[1-9]\d{5}(?:19|20)\d{2}(?:0[1-9]|1[0-2])(?:0[1-9]|[1-2]\d|3[0-1])\d{3}[\dX]$/i,
+  message: "请输入正确的身份证号!",
+};
+
+export const emailValidate = {
+  regex: /^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}$/,
+  message: "请输入正确的邮箱!",
+};