@varlet/axle 0.0.8 → 0.0.9

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/LICENSE CHANGED
@@ -1,6 +1,6 @@
1
1
  MIT License
2
2
 
3
- Copyright (c) 2022 Joker
3
+ Copyright (c) 2022 varlet
4
4
 
5
5
  Permission is hereby granted, free of charge, to any person obtaining a copy
6
6
  of this software and associated documentation files (the "Software"), to deal
package/README.md CHANGED
@@ -1,9 +1,6 @@
1
- <div>
2
- <a href="https://github.com/varletjs/axle">
3
- <img src="https://github.com/varletjs/axle/blob/main/public/logo.svg" width="400">
4
- </a>
5
- <h2>A tool library based on axios to simplify the development process</h2>
6
- </div>
1
+ ### Intro
2
+
3
+ A tool library based on axios to simplify the development process
7
4
 
8
5
  ### Quickstart
9
6
 
@@ -22,7 +19,7 @@ yarn add @varlet/axle
22
19
  pnpm add @varlet/axle
23
20
  ```
24
21
 
25
- #### Request call
22
+ #### Request Call
26
23
 
27
24
  ```js
28
25
  import { createAxle } from '@varlet/axle'
@@ -44,11 +41,12 @@ const response = await axle.post('/user', { name: 'Axle' }, { headers: {} })
44
41
  import { createAxle } from '@varlet/axle'
45
42
  import { createUseAxle } from '@varlet/axle/use'
46
43
 
47
- const axle = createAxle()
48
- const useAxle = createUseAxle()
44
+ const axle = createAxle(/** @see https://axios-http.com **/)
45
+ const useAxle = createUseAxle(/** @see https://github.com/varletjs/axle/blob/main/src/use.ts?plain=1#L5 **/)
49
46
 
50
47
  // default immediate request
51
48
  const [users, getUsers, loading, { error }] = useAxle({
49
+ /** @see https://github.com/varletjs/axle/blob/main/src/use.ts?plain=1#L26 **/
52
50
  runner: axle.get,
53
51
  url: '/user',
54
52
  params: { current: 1, pageSize: 10 },
package/es/instance.d.ts CHANGED
@@ -1,12 +1,12 @@
1
1
  import type { AxiosInstance, AxiosRequestConfig, AxiosResponse, ResponseType } from 'axios';
2
- export declare type AxleRequestConfig = AxiosRequestConfig & {
2
+ export type AxleRequestConfig = AxiosRequestConfig & {
3
3
  exceptionMessage?: any;
4
4
  };
5
- export declare type FetchHelper = <T = any, R = AxiosResponse<T>>(url: string, params?: any, config?: AxleRequestConfig) => Promise<R>;
6
- export declare type ModifyHelper = <T = any, R = AxiosResponse<T>>(url: string, params?: any, config?: AxleRequestConfig) => Promise<R>;
7
- export declare type FetchMethods = 'get' | 'delete' | 'options' | 'head';
8
- export declare type ModifyMethods = 'post' | 'put' | 'patch';
9
- export declare type AxleInstance = {
5
+ export type FetchHelper = <T = any, R = AxiosResponse<T>>(url: string, params?: any, config?: AxleRequestConfig) => Promise<R>;
6
+ export type ModifyHelper = <T = any, R = AxiosResponse<T>>(url: string, params?: any, config?: AxleRequestConfig) => Promise<R>;
7
+ export type FetchMethods = 'get' | 'delete' | 'options' | 'head';
8
+ export type ModifyMethods = 'post' | 'put' | 'patch';
9
+ export type AxleInstance = {
10
10
  get: FetchHelper;
11
11
  getBlob: FetchHelper;
12
12
  getDocument: FetchHelper;
package/es/use.d.ts CHANGED
@@ -15,8 +15,8 @@ export interface RunOptions<P> {
15
15
  params?: P;
16
16
  config?: AxleRequestConfig;
17
17
  }
18
- export declare type RunReturn<D> = Promise<[UnwrapRef<D>, undefined] | [undefined, Error]>;
19
- export declare type Run<D, P> = (options?: RunOptions<P>) => RunReturn<D>;
18
+ export type RunReturn<D> = Promise<[UnwrapRef<D>, undefined] | [undefined, Error]>;
19
+ export type Run<D, P> = (options?: RunOptions<P>) => RunReturn<D>;
20
20
  export interface UseAxleOptions<D, P> {
21
21
  runner?: ReturnType<typeof createFetchHelper> | ReturnType<typeof createModifyHelper>;
22
22
  url?: string;
@@ -27,6 +27,6 @@ export interface UseAxleOptions<D, P> {
27
27
  dataFormatter?(response: any): D;
28
28
  errorFormatter?(errorResponse: Error): Error;
29
29
  }
30
- export declare function createUseAxle(options?: CreateUseAxleOptions): <D = any, P = any>(options?: UseAxleOptions<D, P>) => [data: Ref<UnwrapRef<D>>, run: Run<D, P>, loading: Ref<boolean>, extra: {
30
+ export declare function createUseAxle(options?: CreateUseAxleOptions): <D = any, P = any>(options?: UseAxleOptions<D, P>) => [data: Ref<UnwrapRef<D>>, run: Run<D, P>, loading: Ref<UnwrapRef<boolean>>, extra: {
31
31
  error: Ref<UnwrapRef<Error | undefined>>;
32
32
  }];
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@varlet/axle",
3
- "version": "0.0.8",
3
+ "version": "0.0.9",
4
4
  "description": "A useful axios helper",
5
5
  "type": "module",
6
6
  "main": "es/index.js",
@@ -26,23 +26,20 @@
26
26
  "axios",
27
27
  "helpers"
28
28
  ],
29
+ "author": "Joker <13255238145@163.com>",
29
30
  "license": "MIT",
31
+ "dependencies": {
32
+ "@varlet/shared": "^2.11.8",
33
+ "axios": "^1.4.0",
34
+ "qs": "^6.11.0"
35
+ },
30
36
  "devDependencies": {
31
37
  "@types/qs": "^6.9.7",
32
- "@varlet/cli": "^2.11.1",
33
- "@varlet/icons": "^2.11.1",
34
- "@varlet/touch-emulator": "^2.11.1",
35
- "clipboard": "^2.0.6",
36
- "live-server": "^1.2.1",
37
- "lodash-es": "^4.17.21",
38
- "typescript": "^4.4.4",
39
- "vue": "^3.3.1",
40
- "vue-router": "^4.2.0"
41
- },
42
- "peerDependencies": {
43
- "vue": "^3.2.0"
38
+ "@varlet/cli": "^2.11.8",
39
+ "rimraf": "^5.0.1",
40
+ "typescript": "^5.1.5",
41
+ "vue": "^3.3.4"
44
42
  },
45
- "homepage": "https://varlet.gitee.io/axle/",
46
43
  "repository": {
47
44
  "type": "git",
48
45
  "url": "git+https://github.com/varletjs/axle.git"
@@ -50,28 +47,14 @@
50
47
  "bugs": {
51
48
  "url": "https://github.com/varletjs/axle/issues"
52
49
  },
53
- "browserslist": [
54
- "Chrome >= 51",
55
- "iOS >= 10"
56
- ],
57
50
  "packageManager": "pnpm@8.0.0",
58
51
  "engines": {
59
52
  "pnpm": ">=8.0"
60
53
  },
61
- "author": "Joker <13255238145@163.com>",
62
- "dependencies": {
63
- "@varlet/shared": "^2.11.1",
64
- "axios": "^1.4.0",
65
- "qs": "^6.11.0"
66
- },
67
54
  "scripts": {
68
- "bootstrap": "pnpm i && pnpm compile && pnpm --filter ./playground i",
69
- "bootstrap:ci": "pnpm i",
70
- "dev": "varlet-cli dev",
71
- "build": "varlet-cli build",
72
- "preview": "varlet-cli preview",
73
- "compile:watch": "tsc -w",
74
- "compile": "tsc",
75
- "release": "pnpm compile && varlet-cli release"
55
+ "bootstrap": "pnpm i && pnpm build && pnpm --filter ./playground i",
56
+ "dev": "tsc -w",
57
+ "build": "rimraf ./es && tsc",
58
+ "release": "pnpm build && varlet-cli release"
76
59
  }
77
60
  }
package/es/helpers.d.ts DELETED
@@ -1,53 +0,0 @@
1
- import type { AxiosInstance, AxiosRequestConfig, AxiosResponse, ResponseType } from 'axios';
2
- export declare type AxleRequestConfig = AxiosRequestConfig & {
3
- exceptionMessage?: any;
4
- };
5
- export declare type FetchHelper = <T = any, R = AxiosResponse<T>>(url: string, params?: any, config?: AxleRequestConfig) => Promise<R>;
6
- export declare type ModifyHelper = <T = any, R = AxiosResponse<T>>(url: string, params?: any, config?: AxleRequestConfig) => Promise<R>;
7
- export interface AxiosHelpers {
8
- get: FetchHelper;
9
- getBlob: FetchHelper;
10
- getDocument: FetchHelper;
11
- getText: FetchHelper;
12
- getArrayBuffer: FetchHelper;
13
- getStream: FetchHelper;
14
- head: FetchHelper;
15
- headBlob: FetchHelper;
16
- headDocument: FetchHelper;
17
- headText: FetchHelper;
18
- headArrayBuffer: FetchHelper;
19
- headStream: FetchHelper;
20
- options: FetchHelper;
21
- optionsBlob: FetchHelper;
22
- optionsDocument: FetchHelper;
23
- optionsText: FetchHelper;
24
- optionsArrayBuffer: FetchHelper;
25
- optionsStream: FetchHelper;
26
- delete: FetchHelper;
27
- deleteBlob: FetchHelper;
28
- deleteDocument: FetchHelper;
29
- deleteText: FetchHelper;
30
- deleteArrayBuffer: FetchHelper;
31
- deleteStream: FetchHelper;
32
- post: ModifyHelper;
33
- postJSON: ModifyHelper;
34
- postMultipart: ModifyHelper;
35
- put: ModifyHelper;
36
- putJSON: ModifyHelper;
37
- putMultipart: ModifyHelper;
38
- patch: ModifyHelper;
39
- patchJSON: ModifyHelper;
40
- patchMultipart: ModifyHelper;
41
- download(blob: string | Blob, filename: string): void;
42
- setHeader(key: string, value: string): void;
43
- removeHeader(key: string | string[]): void;
44
- }
45
- export declare type FetchMethods = 'get' | 'delete' | 'options' | 'head';
46
- export declare type ModifyMethods = 'post' | 'put' | 'patch';
47
- export declare type AxleInstance = AxiosInstance & {
48
- helpers: AxiosHelpers;
49
- };
50
- export declare function createFetchHelper(service: AxleInstance, method: FetchMethods, responseType: ResponseType): <T, R = AxiosResponse<T, any>>(url: string, params?: any, config?: AxleRequestConfig) => Promise<R>;
51
- export declare function createModifyHelper(service: AxleInstance, method: ModifyMethods, contentType: 'application/json' | 'multipart/form-data' | 'application/x-www-form-urlencoded'): <T, R = AxiosResponse<T, any>>(url: string, params?: any, config?: AxleRequestConfig) => Promise<R>;
52
- export declare function download(url: string | Blob, filename: string): void;
53
- export declare function createAxle(config?: AxiosRequestConfig): AxleInstance;
package/es/helpers.js DELETED
@@ -1,85 +0,0 @@
1
- import axios from 'axios';
2
- import qs from 'qs';
3
- export function createFetchHelper(service, method, responseType) {
4
- return function (url, params, config) {
5
- return service[method](url, Object.assign({ params: Object.assign({ _t: Date.now() }, params), responseType }, config));
6
- };
7
- }
8
- export function createModifyHelper(service, method, contentType) {
9
- return function (url, params, config) {
10
- if (contentType === 'application/x-www-form-urlencoded') {
11
- params = qs.stringify(params);
12
- }
13
- if (contentType === 'multipart/form-data') {
14
- const formData = new FormData();
15
- Object.keys(params).forEach((key) => formData.append(key, params[key]));
16
- params = formData;
17
- }
18
- return service[method](url, params, Object.assign({ headers: {
19
- 'Content-Type': contentType,
20
- } }, config));
21
- };
22
- }
23
- export function download(url, filename) {
24
- const a = document.createElement('a');
25
- a.download = filename;
26
- a.style.display = 'none';
27
- a.href = typeof url === 'string' ? url : URL.createObjectURL(url);
28
- document.body.appendChild(a);
29
- a.click();
30
- URL.revokeObjectURL(a.href);
31
- document.body.removeChild(a);
32
- }
33
- export function createAxle(config = {}) {
34
- const service = axios.create(config);
35
- function setHeader(key, value) {
36
- ;
37
- service.defaults.headers['common'][key] = value;
38
- }
39
- function removeHeader(key) {
40
- if (typeof key === 'string') {
41
- Reflect.deleteProperty(service.defaults.headers['common'], key);
42
- return;
43
- }
44
- key.forEach((k) => Reflect.deleteProperty(service.defaults.headers['common'], k));
45
- }
46
- service.helpers = {
47
- get: createFetchHelper(service, 'get', 'json'),
48
- getBlob: createFetchHelper(service, 'get', 'blob'),
49
- getDocument: createFetchHelper(service, 'get', 'document'),
50
- getArrayBuffer: createFetchHelper(service, 'get', 'arraybuffer'),
51
- getText: createFetchHelper(service, 'get', 'text'),
52
- getStream: createFetchHelper(service, 'get', 'stream'),
53
- head: createFetchHelper(service, 'head', 'json'),
54
- headBlob: createFetchHelper(service, 'head', 'blob'),
55
- headDocument: createFetchHelper(service, 'head', 'document'),
56
- headArrayBuffer: createFetchHelper(service, 'head', 'arraybuffer'),
57
- headText: createFetchHelper(service, 'head', 'text'),
58
- headStream: createFetchHelper(service, 'head', 'stream'),
59
- options: createFetchHelper(service, 'options', 'json'),
60
- optionsBlob: createFetchHelper(service, 'options', 'blob'),
61
- optionsDocument: createFetchHelper(service, 'options', 'document'),
62
- optionsArrayBuffer: createFetchHelper(service, 'options', 'arraybuffer'),
63
- optionsText: createFetchHelper(service, 'options', 'text'),
64
- optionsStream: createFetchHelper(service, 'options', 'stream'),
65
- delete: createFetchHelper(service, 'delete', 'json'),
66
- deleteBlob: createFetchHelper(service, 'delete', 'blob'),
67
- deleteDocument: createFetchHelper(service, 'delete', 'document'),
68
- deleteArrayBuffer: createFetchHelper(service, 'delete', 'arraybuffer'),
69
- deleteText: createFetchHelper(service, 'delete', 'text'),
70
- deleteStream: createFetchHelper(service, 'delete', 'stream'),
71
- post: createModifyHelper(service, 'post', 'application/x-www-form-urlencoded'),
72
- postJSON: createModifyHelper(service, 'post', 'application/json'),
73
- postMultipart: createModifyHelper(service, 'post', 'multipart/form-data'),
74
- put: createModifyHelper(service, 'put', 'application/x-www-form-urlencoded'),
75
- putJSON: createModifyHelper(service, 'put', 'application/json'),
76
- putMultipart: createModifyHelper(service, 'put', 'multipart/form-data'),
77
- patch: createModifyHelper(service, 'patch', 'application/x-www-form-urlencoded'),
78
- patchJSON: createModifyHelper(service, 'patch', 'application/json'),
79
- patchMultipart: createModifyHelper(service, 'patch', 'multipart/form-data'),
80
- download,
81
- setHeader,
82
- removeHeader,
83
- };
84
- return service;
85
- }
package/es/types.d.ts DELETED
File without changes
package/es/types.js DELETED
@@ -1 +0,0 @@
1
- "use strict";