@varlet/axle 0.2.18-alpha.1702565170429 → 0.2.18

package/es/index.d.ts

@@ -63,4 +63,16 @@ interface ResponseStatusInterceptorOptions {
 }
 declare function responseStatusInterceptor(options: ResponseStatusInterceptorOptions): ResponseInterceptor;
 
-export { RequestHeadersInterceptorOptions, RequestInterceptor, RequestMockInterceptorMappingValue, RequestMockInterceptorOptions, ResponseBlobInterceptorOptions, ResponseInterceptor, ResponseRetryInterceptorOptions, ResponseStatusInterceptorOptions, ResponseTimeoutInterceptorOptions, createMatcher, matchPattern, requestHeadersInterceptor, requestMockInterceptor, responseBlobInterceptor, responseRetryInterceptor, responseStatusInterceptor, responseTimeoutInterceptor };
+type RequestMd5InterceptorMappingValue = {
+    path: string[];
+    method?: string;
+};
+interface RequestMd5InterceptorOptions {
+    mapping?: Record<string, RequestMd5InterceptorMappingValue>;
+    include?: string[];
+    exclude?: string[];
+    axiosInterceptorOptions?: AxiosInterceptorOptions;
+}
+declare function requestMd5Interceptor(options?: RequestMd5InterceptorOptions): RequestInterceptor;
+
+export { RequestHeadersInterceptorOptions, RequestInterceptor, RequestMd5InterceptorMappingValue, RequestMd5InterceptorOptions, RequestMockInterceptorMappingValue, RequestMockInterceptorOptions, ResponseBlobInterceptorOptions, ResponseInterceptor, ResponseRetryInterceptorOptions, ResponseStatusInterceptorOptions, ResponseTimeoutInterceptorOptions, createMatcher, matchPattern, requestHeadersInterceptor, requestMd5Interceptor, requestMockInterceptor, responseBlobInterceptor, responseRetryInterceptor, responseStatusInterceptor, responseTimeoutInterceptor };

package/es/index.js

@@ -7,6 +7,25 @@ import {
 import axios from "axios";
 import qs from "qs";
 import { inBrowser } from "@varlet/shared";
+
+// src/utils/index.ts
+function isFormData(value) {
+  return typeof FormData !== "undefined" && value instanceof FormData;
+}
+function formDataToObject(formData) {
+  const normalizedData = {};
+  formData.forEach((value, key) => {
+    normalizedData[key] = value;
+  });
+  return normalizedData;
+}
+function objectToFormData(object) {
+  const formData = new FormData();
+  Object.keys(object).forEach((key) => formData.append(key, object[key]));
+  return formData;
+}
+
+// src/instance.ts
 function createFetchRunner(service, method, responseType) {
   return function(url, params, config) {
     return service[method](url, __spreadValues({
@@ -21,9 +40,7 @@ function createModifyRunner(service, method, contentType) {
       params = qs.stringify(params);
     }
     if (contentType === "multipart/form-data") {
-      const formData = new FormData();
-      Object.keys(params).forEach((key) => formData.append(key, params[key]));
-      params = formData;
+      params = objectToFormData(params);
     }
     return service[method](url, params, __spreadValues({
       headers: {
@@ -319,6 +336,69 @@ function responseStatusInterceptor(options) {
     options: options.axiosInterceptorOptions
   };
 }
+
+// src/interceptors/requestMd5Interceptor.ts
+import qs2 from "qs";
+import { minimatch as minimatch3 } from "minimatch";
+import { set, get } from "lodash-es";
+import { MD5 } from "crypto-js";
+import { isString } from "@varlet/shared";
+function withCtxMd5(ctx, mappingValue) {
+  mappingValue.path.forEach((path) => {
+    const targetValue = get(ctx, path);
+    if (targetValue != null) {
+      set(ctx, path, MD5(String(targetValue)).toString());
+    }
+  });
+}
+function withMd5(config, mappingValue) {
+  const { data = {}, params = {}, headers = {} } = config;
+  const ctx = {
+    data: isFormData(data) ? data : JSON.parse(JSON.stringify(data)),
+    params: JSON.parse(JSON.stringify(params)),
+    headers: JSON.parse(JSON.stringify(headers))
+  };
+  if (isString(ctx.data) && ctx.data.length > 0 && ctx.headers["Content-Type"] === "application/x-www-form-urlencoded") {
+    ctx.data = qs2.parse(ctx.data);
+    withCtxMd5(ctx, mappingValue);
+    ctx.data = qs2.stringify(ctx.data);
+  } else if (isFormData(ctx.data)) {
+    ctx.data = formDataToObject(ctx.data);
+    withCtxMd5(ctx, mappingValue);
+    ctx.data = objectToFormData(ctx.data);
+  } else {
+    withCtxMd5(ctx, mappingValue);
+  }
+  return __spreadValues(__spreadValues({}, config), ctx);
+}
+function requestMd5Interceptor(options = {}) {
+  return {
+    onFulfilled(config) {
+      var _a, _b;
+      const matcher = createMatcher(options.include, options.exclude);
+      if (!matcher((_a = config.method) != null ? _a : "", (_b = config.url) != null ? _b : "")) {
+        return config;
+      }
+      const findMappingRecord = () => {
+        var _a2;
+        return Object.entries((_a2 = options.mapping) != null ? _a2 : {}).find(
+          ([key, value]) => {
+            var _a3, _b2;
+            return minimatch3((_a3 = config.url) != null ? _a3 : "", key) && config.method === ((_b2 = value.method) != null ? _b2 : "get");
+          }
+        );
+      };
+      const mappingRecord = findMappingRecord();
+      if (!mappingRecord) {
+        return config;
+      }
+      const [, mappingValue] = mappingRecord;
+      return withMd5(config, mappingValue);
+    },
+    onRejected: (error) => Promise.reject(error),
+    options: options.axiosInterceptorOptions
+  };
+}
 export {
   createAxle,
   createFetchRunner,
@@ -327,6 +407,7 @@ export {
   download,
   matchPattern,
   requestHeadersInterceptor,
+  requestMd5Interceptor,
   requestMockInterceptor,
   responseBlobInterceptor,
   responseRetryInterceptor,

package/es/use.js

@@ -3,7 +3,7 @@ import {
 } from "./chunk-KLNSLHAC.js";
 
 // src/use.ts
-import { ref as ref3, onUnmounted } from "vue";
+import { ref as ref3 } from "vue";
 import { isFunction } from "@varlet/shared";
 
 // src/composables/useValues.ts
@@ -139,7 +139,6 @@ function createUseAxle(options) {
         config: initialConfig
       });
     }
-    onUnmounted(abort);
     return [
       value,
       run,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@varlet/axle",
-  "version": "0.2.18-alpha.1702565170429",
+  "version": "0.2.18",
   "description": "Progressive request tool based on axios",
   "type": "module",
   "main": "es/index.js",
@@ -31,8 +31,11 @@
   "author": "haoziqaq <357229046@qq.com>",
   "license": "MIT",
   "dependencies": {
+    "@types/crypto-js": "^4.2.1",
     "@varlet/shared": "^2.19.2",
     "axios": "^1.4.0",
+    "crypto-js": "^4.2.0",
+    "lodash-es": "^4.17.21",
     "minimatch": "^9.0.3",
     "qs": "^6.11.0"
   },
@@ -40,11 +43,12 @@
     "vue": "^3.2.0"
   },
   "devDependencies": {
+    "@types/lodash-es": "^4.17.12",
+    "@types/minimatch": "^5.1.2",
+    "@types/qs": "^6.9.7",
     "tsup": "7.2.0",
     "typescript": "^5.1.5",
-    "vue": "3.3.4",
-    "@types/minimatch": "^5.1.2",
-    "@types/qs": "^6.9.7"
+    "vue": "3.3.4"
   },
   "repository": {
     "type": "git",