vue-asyncx 1.0.2 → 1.0.4
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/README.md +11 -4
- package/dist/vue-asyncx.d.ts +4 -2
- package/dist/vue-asyncx.js +32 -104
- package/dist/vue-asyncx.umd.cjs +1 -1
- package/package.json +11 -8
package/README.md
CHANGED
|
@@ -1,3 +1,10 @@
|
|
|
1
|
+
## 特性
|
|
2
|
+
|
|
3
|
+
- 异步函数样板代码减少50%
|
|
4
|
+
- 异步函数相关的函数、变量命名风格统一
|
|
5
|
+
- 良好的 ts 提示支持
|
|
6
|
+
- 单元测试覆盖率 100%
|
|
7
|
+
|
|
1
8
|
## 开始
|
|
2
9
|
|
|
3
10
|
### 安装
|
|
@@ -15,8 +22,8 @@ import { submitOrder } from '@/api'
|
|
|
15
22
|
import { useAsync } from 'vue-asyncx'
|
|
16
23
|
|
|
17
24
|
/**
|
|
18
|
-
*
|
|
19
|
-
*
|
|
25
|
+
* 调用 useAsync('submit', ...),
|
|
26
|
+
* submit、submitLoading 自动提示
|
|
20
27
|
*/
|
|
21
28
|
const {
|
|
22
29
|
submit,
|
|
@@ -33,8 +40,8 @@ import { getUserById } from '@/api'
|
|
|
33
40
|
import { useAsyncData } from 'vue-asyncx'
|
|
34
41
|
|
|
35
42
|
/**
|
|
36
|
-
*
|
|
37
|
-
*
|
|
43
|
+
* 调用 useAsyncData('user', ...),
|
|
44
|
+
* user、queryUserLoading、queryUser 自动提示
|
|
38
45
|
*/
|
|
39
46
|
const {
|
|
40
47
|
user,
|
package/dist/vue-asyncx.d.ts
CHANGED
|
@@ -3,9 +3,11 @@ import { WatchSource } from 'vue';
|
|
|
3
3
|
|
|
4
4
|
declare type StringDefaultWhenEmpty<S extends string, D extends string> = S extends '' ? D : S;
|
|
5
5
|
|
|
6
|
-
|
|
6
|
+
declare function useAsync<Fn extends Function>(fn: Fn, options?: UseAsyncOptions): UseAsyncResult<Fn, 'method'>;
|
|
7
7
|
|
|
8
|
-
|
|
8
|
+
declare function useAsync<Fn extends Function, Name extends string = string>(name: Name, fn: Fn, options?: UseAsyncOptions): UseAsyncResult<Fn, Name>;
|
|
9
|
+
export { useAsync }
|
|
10
|
+
export { useAsync as useAsyncFunction }
|
|
9
11
|
|
|
10
12
|
export declare function useAsyncData<Data = any, Fn extends (...args: any) => Data | Promise<Data> | PromiseLike<Data> = (...args: any) => Data | Promise<Data> | PromiseLike<Data>>(fn: Fn, options?: UseAsyncDataOptions): UseAsyncDataResult<Fn, 'data'>;
|
|
11
13
|
|
package/dist/vue-asyncx.js
CHANGED
|
@@ -1,114 +1,42 @@
|
|
|
1
|
-
import { ref as
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
}
|
|
10
|
-
var o = k.call(r);
|
|
11
|
-
return t && (e ? r[u] = n : delete r[u]), o;
|
|
12
|
-
}
|
|
13
|
-
var F = Object.prototype, U = F.toString;
|
|
14
|
-
function N(r) {
|
|
15
|
-
return U.call(r);
|
|
16
|
-
}
|
|
17
|
-
var H = "[object Null]", I = "[object Undefined]", b = i ? i.toStringTag : void 0;
|
|
18
|
-
function J(r) {
|
|
19
|
-
return r == null ? r === void 0 ? I : H : b && b in Object(r) ? x(r) : N(r);
|
|
20
|
-
}
|
|
21
|
-
function V(r) {
|
|
22
|
-
return r != null && typeof r == "object";
|
|
23
|
-
}
|
|
24
|
-
var q = "[object Symbol]";
|
|
25
|
-
function G(r) {
|
|
26
|
-
return typeof r == "symbol" || V(r) && J(r) == q;
|
|
27
|
-
}
|
|
28
|
-
function L(r, e) {
|
|
29
|
-
for (var n = -1, t = r == null ? 0 : r.length, o = Array(t); ++n < t; )
|
|
30
|
-
o[n] = e(r[n], n, r);
|
|
31
|
-
return o;
|
|
32
|
-
}
|
|
33
|
-
var W = Array.isArray, Z = 1 / 0, y = i ? i.prototype : void 0, m = y ? y.toString : void 0;
|
|
34
|
-
function h(r) {
|
|
35
|
-
if (typeof r == "string")
|
|
36
|
-
return r;
|
|
37
|
-
if (W(r))
|
|
38
|
-
return L(r, h) + "";
|
|
39
|
-
if (G(r))
|
|
40
|
-
return m ? m.call(r) : "";
|
|
41
|
-
var e = r + "";
|
|
42
|
-
return e == "0" && 1 / r == -Z ? "-0" : e;
|
|
43
|
-
}
|
|
44
|
-
function z(r) {
|
|
45
|
-
return r == null ? "" : h(r);
|
|
46
|
-
}
|
|
47
|
-
function D(r, e, n) {
|
|
48
|
-
var t = -1, o = r.length;
|
|
49
|
-
e < 0 && (e = -e > o ? 0 : o + e), n = n > o ? o : n, n < 0 && (n += o), o = e > n ? 0 : n - e >>> 0, e >>>= 0;
|
|
50
|
-
for (var f = Array(o); ++t < o; )
|
|
51
|
-
f[t] = r[t + e];
|
|
52
|
-
return f;
|
|
53
|
-
}
|
|
54
|
-
function Y(r, e, n) {
|
|
55
|
-
var t = r.length;
|
|
56
|
-
return n = n === void 0 ? t : n, !e && n >= t ? r : D(r, e, n);
|
|
57
|
-
}
|
|
58
|
-
var B = "\\ud800-\\udfff", K = "\\u0300-\\u036f", Q = "\\ufe20-\\ufe2f", X = "\\u20d0-\\u20ff", _ = K + Q + X, rr = "\\ufe0e\\ufe0f", er = "\\u200d", nr = RegExp("[" + er + B + _ + rr + "]");
|
|
59
|
-
function S(r) {
|
|
60
|
-
return nr.test(r);
|
|
61
|
-
}
|
|
62
|
-
function tr(r) {
|
|
63
|
-
return r.split("");
|
|
64
|
-
}
|
|
65
|
-
var T = "\\ud800-\\udfff", or = "\\u0300-\\u036f", fr = "\\ufe20-\\ufe2f", ir = "\\u20d0-\\u20ff", ar = or + fr + ir, ur = "\\ufe0e\\ufe0f", cr = "[" + T + "]", s = "[" + ar + "]", l = "\\ud83c[\\udffb-\\udfff]", sr = "(?:" + s + "|" + l + ")", j = "[^" + T + "]", v = "(?:\\ud83c[\\udde6-\\uddff]){2}", A = "[\\ud800-\\udbff][\\udc00-\\udfff]", lr = "\\u200d", O = sr + "?", R = "[" + ur + "]?", dr = "(?:" + lr + "(?:" + [j, v, A].join("|") + ")" + R + O + ")*", br = R + O + dr, yr = "(?:" + [j + s + "?", s, v, A, cr].join("|") + ")", mr = RegExp(l + "(?=" + l + ")|" + yr + br, "g");
|
|
66
|
-
function pr(r) {
|
|
67
|
-
return r.match(mr) || [];
|
|
68
|
-
}
|
|
69
|
-
function gr(r) {
|
|
70
|
-
return S(r) ? pr(r) : tr(r);
|
|
71
|
-
}
|
|
72
|
-
function hr(r) {
|
|
73
|
-
return function(e) {
|
|
74
|
-
e = z(e);
|
|
75
|
-
var n = S(e) ? gr(e) : void 0, t = n ? n[0] : e.charAt(0), o = n ? Y(n, 1).join("") : e.slice(1);
|
|
76
|
-
return t[r]() + o;
|
|
77
|
-
};
|
|
78
|
-
}
|
|
79
|
-
var Sr = hr("toUpperCase");
|
|
80
|
-
function Tr(...r) {
|
|
81
|
-
if (!Array.isArray(r) || !r.length) throw TypeError("参数错误:未传递");
|
|
82
|
-
const { name: e, fn: n, options: t } = typeof r[0] == "function" ? { name: "method", fn: r[0], options: r[1] } : { name: r[0] || "method", fn: r[1], options: r[2] };
|
|
83
|
-
if (typeof e != "string") throw TypeError("参数错误:name");
|
|
84
|
-
if (typeof n != "function") throw TypeError("参数错误:fn");
|
|
85
|
-
const o = p(!1);
|
|
86
|
-
function f(...d) {
|
|
1
|
+
import { ref as a, watch as y } from "vue";
|
|
2
|
+
function l(...e) {
|
|
3
|
+
if (!Array.isArray(e) || !e.length) throw TypeError("参数错误:未传递");
|
|
4
|
+
const { name: t, fn: r, options: n } = typeof e[0] == "function" ? { name: "method", fn: e[0], options: e[1] } : { name: e[0] || "method", fn: e[1], options: e[2] };
|
|
5
|
+
if (typeof t != "string") throw TypeError("参数错误:name");
|
|
6
|
+
if (typeof r != "function") throw TypeError("参数错误:fn");
|
|
7
|
+
const o = a(!1);
|
|
8
|
+
function f(...u) {
|
|
87
9
|
o.value = !0;
|
|
88
|
-
const
|
|
89
|
-
return
|
|
10
|
+
const i = r(...u);
|
|
11
|
+
return i instanceof Promise ? i.finally(() => o.value = !1) : o.value = !1, i;
|
|
90
12
|
}
|
|
91
|
-
return
|
|
92
|
-
[
|
|
93
|
-
[`${
|
|
13
|
+
return n != null && n.watch ? y(n.watch, () => f(), { immediate: n == null ? void 0 : n.immediate }) : n != null && n.immediate && f(), {
|
|
14
|
+
[t]: f,
|
|
15
|
+
[`${t}Loading`]: o
|
|
94
16
|
};
|
|
95
17
|
}
|
|
96
|
-
function
|
|
97
|
-
if (!
|
|
98
|
-
const
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
18
|
+
function p(e) {
|
|
19
|
+
if (!e) return "";
|
|
20
|
+
const t = e[0], r = e.slice(1);
|
|
21
|
+
return t.toUpperCase() + r;
|
|
22
|
+
}
|
|
23
|
+
function h(...e) {
|
|
24
|
+
if (!Array.isArray(e) || !e.length) throw TypeError("参数错误:未传递");
|
|
25
|
+
const { name: t, fn: r, options: n } = typeof e[0] == "function" ? { name: "data", fn: e[0], options: e[1] } : { name: e[0] || "data", fn: e[1], options: e[2] };
|
|
26
|
+
if (typeof t != "string") throw TypeError("参数错误:name");
|
|
27
|
+
if (typeof r != "function") throw TypeError("参数错误:fn");
|
|
28
|
+
const o = a();
|
|
29
|
+
function f(...i) {
|
|
30
|
+
const c = r(...i);
|
|
31
|
+
return c instanceof Promise ? c.then((m) => o.value = m) : o.value = c, c;
|
|
105
32
|
}
|
|
106
33
|
return {
|
|
107
|
-
...
|
|
108
|
-
[
|
|
34
|
+
...l(`query${p(t)}`, f, n),
|
|
35
|
+
[t]: o
|
|
109
36
|
};
|
|
110
37
|
}
|
|
111
38
|
export {
|
|
112
|
-
|
|
113
|
-
|
|
39
|
+
l as useAsync,
|
|
40
|
+
h as useAsyncData,
|
|
41
|
+
l as useAsyncFunction
|
|
114
42
|
};
|
package/dist/vue-asyncx.umd.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
(function(
|
|
1
|
+
(function(t,f){typeof exports=="object"&&typeof module<"u"?f(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],f):(t=typeof globalThis<"u"?globalThis:t||self,f(t.VueAsyncx={},t.Vue))})(this,function(t,f){"use strict";function s(...e){if(!Array.isArray(e)||!e.length)throw TypeError("参数错误:未传递");const{name:o,fn:r,options:n}=typeof e[0]=="function"?{name:"method",fn:e[0],options:e[1]}:{name:e[0]||"method",fn:e[1],options:e[2]};if(typeof o!="string")throw TypeError("参数错误:name");if(typeof r!="function")throw TypeError("参数错误:fn");const i=f.ref(!1);function u(...y){i.value=!0;const c=r(...y);return c instanceof Promise?c.finally(()=>i.value=!1):i.value=!1,c}return n!=null&&n.watch?f.watch(n.watch,()=>u(),{immediate:n==null?void 0:n.immediate}):n!=null&&n.immediate&&u(),{[o]:u,[`${o}Loading`]:i}}function d(e){if(!e)return"";const o=e[0],r=e.slice(1);return o.toUpperCase()+r}function l(...e){if(!Array.isArray(e)||!e.length)throw TypeError("参数错误:未传递");const{name:o,fn:r,options:n}=typeof e[0]=="function"?{name:"data",fn:e[0],options:e[1]}:{name:e[0]||"data",fn:e[1],options:e[2]};if(typeof o!="string")throw TypeError("参数错误:name");if(typeof r!="function")throw TypeError("参数错误:fn");const i=f.ref();function u(...c){const a=r(...c);return a instanceof Promise?a.then(m=>i.value=m):i.value=a,a}return{...s(`query${d(o)}`,u,n),[o]:i}}t.useAsync=s,t.useAsyncData=l,t.useAsyncFunction=s,Object.defineProperty(t,Symbol.toStringTag,{value:"Module"})});
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "vue-asyncx",
|
|
3
|
-
"version": "1.0.
|
|
3
|
+
"version": "1.0.4",
|
|
4
4
|
"description": "",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"types": "dist/vue-asyncx.d.ts",
|
|
@@ -15,7 +15,13 @@
|
|
|
15
15
|
"require": "./dist/vue-asyncx.umd.cjs"
|
|
16
16
|
}
|
|
17
17
|
},
|
|
18
|
-
"keywords": [
|
|
18
|
+
"keywords": [
|
|
19
|
+
"vue",
|
|
20
|
+
"utils",
|
|
21
|
+
"async",
|
|
22
|
+
"vueuse",
|
|
23
|
+
"hooks"
|
|
24
|
+
],
|
|
19
25
|
"author": "Xu Yiming",
|
|
20
26
|
"license": "MIT",
|
|
21
27
|
"repository": {
|
|
@@ -28,19 +34,16 @@
|
|
|
28
34
|
"jsdom": "^24.1.1",
|
|
29
35
|
"typescript": "^5.5.4",
|
|
30
36
|
"vite": "^5.3.4",
|
|
31
|
-
"vite-plugin-dts": "4.0.0-beta.1"
|
|
37
|
+
"vite-plugin-dts": "4.0.0-beta.1",
|
|
38
|
+
"vitest": "^2.0.4"
|
|
32
39
|
},
|
|
33
40
|
"peerDependencies": {
|
|
34
41
|
"vue": ">=3.0.0"
|
|
35
42
|
},
|
|
36
|
-
"dependencies": {
|
|
37
|
-
"lodash-es": "^4.17.21",
|
|
38
|
-
"vitest": "^2.0.4"
|
|
39
|
-
},
|
|
40
43
|
"scripts": {
|
|
41
44
|
"build": "vite build",
|
|
42
45
|
"test:unit": "vitest",
|
|
43
46
|
"test:unit:coverage": "vitest run --coverage",
|
|
44
|
-
"test": "
|
|
47
|
+
"test": "pnpm run test:unit"
|
|
45
48
|
}
|
|
46
49
|
}
|