@tanstack/vue-query 4.24.9 → 5.0.0-alpha.0
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/build/lib/__mocks__/useBaseQuery.d.ts +2 -2
- package/build/lib/__mocks__/useQueryClient.d.ts +1 -1
- package/build/lib/devtools/devtools.esm.js +6 -12
- package/build/lib/devtools/devtools.esm.js.map +1 -1
- package/build/lib/devtools/devtools.js +6 -14
- package/build/lib/devtools/devtools.js.map +1 -1
- package/build/lib/devtools/devtools.mjs +6 -12
- package/build/lib/devtools/devtools.mjs.map +1 -1
- package/build/lib/devtools/utils.esm.js +0 -23
- package/build/lib/devtools/utils.esm.js.map +1 -1
- package/build/lib/devtools/utils.js +0 -25
- package/build/lib/devtools/utils.js.map +1 -1
- package/build/lib/devtools/utils.mjs +0 -23
- package/build/lib/devtools/utils.mjs.map +1 -1
- package/build/lib/index.js +0 -2
- package/build/lib/index.js.map +1 -1
- package/build/lib/mutationCache.d.ts +3 -3
- package/build/lib/mutationCache.esm.js +1 -3
- package/build/lib/mutationCache.esm.js.map +1 -1
- package/build/lib/mutationCache.js +1 -5
- package/build/lib/mutationCache.js.map +1 -1
- package/build/lib/mutationCache.mjs +1 -3
- package/build/lib/mutationCache.mjs.map +1 -1
- package/build/lib/queryCache.d.ts +2 -4
- package/build/lib/queryCache.esm.js +5 -16
- package/build/lib/queryCache.esm.js.map +1 -1
- package/build/lib/queryCache.js +4 -17
- package/build/lib/queryCache.js.map +1 -1
- package/build/lib/queryCache.mjs +5 -16
- package/build/lib/queryCache.mjs.map +1 -1
- package/build/lib/queryClient.d.ts +13 -29
- package/build/lib/queryClient.esm.js +33 -124
- package/build/lib/queryClient.esm.js.map +1 -1
- package/build/lib/queryClient.js +32 -125
- package/build/lib/queryClient.js.map +1 -1
- package/build/lib/queryClient.mjs +33 -124
- package/build/lib/queryClient.mjs.map +1 -1
- package/build/lib/types.d.ts +1 -13
- package/build/lib/useBaseQuery.d.ts +6 -7
- package/build/lib/useBaseQuery.esm.js +15 -41
- package/build/lib/useBaseQuery.esm.js.map +1 -1
- package/build/lib/useBaseQuery.js +12 -41
- package/build/lib/useBaseQuery.js.map +1 -1
- package/build/lib/useBaseQuery.mjs +15 -41
- package/build/lib/useBaseQuery.mjs.map +1 -1
- package/build/lib/useInfiniteQuery.d.ts +10 -10
- package/build/lib/useInfiniteQuery.esm.js +5 -5
- package/build/lib/useInfiniteQuery.esm.js.map +1 -1
- package/build/lib/useInfiniteQuery.js +5 -7
- package/build/lib/useInfiniteQuery.js.map +1 -1
- package/build/lib/useInfiniteQuery.mjs +5 -5
- package/build/lib/useInfiniteQuery.mjs.map +1 -1
- package/build/lib/useIsFetching.d.ts +5 -6
- package/build/lib/useIsFetching.esm.js +10 -28
- package/build/lib/useIsFetching.esm.js.map +1 -1
- package/build/lib/useIsFetching.js +7 -28
- package/build/lib/useIsFetching.js.map +1 -1
- package/build/lib/useIsFetching.mjs +10 -28
- package/build/lib/useIsFetching.mjs.map +1 -1
- package/build/lib/useIsMutating.d.ts +5 -6
- package/build/lib/useIsMutating.esm.js +10 -28
- package/build/lib/useIsMutating.esm.js.map +1 -1
- package/build/lib/useIsMutating.js +7 -28
- package/build/lib/useIsMutating.js.map +1 -1
- package/build/lib/useIsMutating.mjs +10 -28
- package/build/lib/useIsMutating.mjs.map +1 -1
- package/build/lib/useMutation.d.ts +6 -12
- package/build/lib/useMutation.esm.js +12 -41
- package/build/lib/useMutation.esm.js.map +1 -1
- package/build/lib/useMutation.js +9 -41
- package/build/lib/useMutation.js.map +1 -1
- package/build/lib/useMutation.mjs +12 -41
- package/build/lib/useMutation.mjs.map +1 -1
- package/build/lib/useQueries.d.ts +15 -10
- package/build/lib/useQueries.esm.js +17 -26
- package/build/lib/useQueries.esm.js.map +1 -1
- package/build/lib/useQueries.js +16 -27
- package/build/lib/useQueries.js.map +1 -1
- package/build/lib/useQueries.mjs +17 -26
- package/build/lib/useQueries.mjs.map +1 -1
- package/build/lib/useQuery.d.ts +14 -28
- package/build/lib/useQuery.esm.js +5 -5
- package/build/lib/useQuery.esm.js.map +1 -1
- package/build/lib/useQuery.js +5 -7
- package/build/lib/useQuery.js.map +1 -1
- package/build/lib/useQuery.mjs +5 -5
- package/build/lib/useQuery.mjs.map +1 -1
- package/build/lib/useQueryClient.esm.js +1 -7
- package/build/lib/useQueryClient.esm.js.map +1 -1
- package/build/lib/useQueryClient.js +1 -9
- package/build/lib/useQueryClient.js.map +1 -1
- package/build/lib/useQueryClient.mjs +1 -7
- package/build/lib/useQueryClient.mjs.map +1 -1
- package/build/lib/utils.d.ts +3 -6
- package/build/lib/utils.esm.js +9 -17
- package/build/lib/utils.esm.js.map +1 -1
- package/build/lib/utils.js +8 -20
- package/build/lib/utils.js.map +1 -1
- package/build/lib/utils.mjs +9 -17
- package/build/lib/utils.mjs.map +1 -1
- package/build/lib/vueQueryPlugin.d.ts +0 -6
- package/build/lib/vueQueryPlugin.esm.js +9 -31
- package/build/lib/vueQueryPlugin.esm.js.map +1 -1
- package/build/lib/vueQueryPlugin.js +9 -33
- package/build/lib/vueQueryPlugin.js.map +1 -1
- package/build/lib/vueQueryPlugin.mjs +9 -31
- package/build/lib/vueQueryPlugin.mjs.map +1 -1
- package/build/umd/index.development.js +1033 -1858
- package/build/umd/index.development.js.map +1 -1
- package/build/umd/index.production.js +1 -1
- package/build/umd/index.production.js.map +1 -1
- package/package.json +11 -7
|
@@ -1,18 +1,16 @@
|
|
|
1
|
-
import { computed, ref, watch, onScopeDispose
|
|
1
|
+
import { computed, ref, watch, onScopeDispose } from 'vue-demi';
|
|
2
2
|
import { useQueryClient } from './useQueryClient.esm.js';
|
|
3
|
-
import {
|
|
3
|
+
import { cloneDeepUnref } from './utils.esm.js';
|
|
4
4
|
|
|
5
|
-
function useIsMutating(
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
const
|
|
9
|
-
const
|
|
10
|
-
|
|
11
|
-
const unsubscribe = queryClient.getMutationCache().subscribe(() => {
|
|
12
|
-
isMutating.value = queryClient.isMutating(filters);
|
|
5
|
+
function useIsMutating(mutationFilters = {}, queryClient) {
|
|
6
|
+
const filters = computed(() => cloneDeepUnref(mutationFilters));
|
|
7
|
+
const client = queryClient || useQueryClient();
|
|
8
|
+
const isMutating = ref(client.isMutating(filters));
|
|
9
|
+
const unsubscribe = client.getMutationCache().subscribe(() => {
|
|
10
|
+
isMutating.value = client.isMutating(filters);
|
|
13
11
|
});
|
|
14
12
|
watch(filters, () => {
|
|
15
|
-
isMutating.value =
|
|
13
|
+
isMutating.value = client.isMutating(filters);
|
|
16
14
|
}, {
|
|
17
15
|
deep: true
|
|
18
16
|
});
|
|
@@ -21,22 +19,6 @@ function useIsMutating(arg1, arg2) {
|
|
|
21
19
|
});
|
|
22
20
|
return isMutating;
|
|
23
21
|
}
|
|
24
|
-
function parseFilterArgs(arg1, arg2 = {}) {
|
|
25
|
-
const plainArg1 = unref(arg1);
|
|
26
|
-
const plainArg2 = unref(arg2);
|
|
27
|
-
let options = plainArg1;
|
|
28
|
-
|
|
29
|
-
if (isQueryKey(plainArg1)) {
|
|
30
|
-
options = { ...plainArg2,
|
|
31
|
-
mutationKey: plainArg1
|
|
32
|
-
};
|
|
33
|
-
} else {
|
|
34
|
-
// eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
|
|
35
|
-
options = plainArg1 || {};
|
|
36
|
-
}
|
|
37
|
-
|
|
38
|
-
return cloneDeepUnref(options);
|
|
39
|
-
}
|
|
40
22
|
|
|
41
|
-
export {
|
|
23
|
+
export { useIsMutating };
|
|
42
24
|
//# sourceMappingURL=useIsMutating.esm.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useIsMutating.esm.js","sources":["../../src/useIsMutating.ts"],"sourcesContent":["import { computed,
|
|
1
|
+
{"version":3,"file":"useIsMutating.esm.js","sources":["../../src/useIsMutating.ts"],"sourcesContent":["import { computed, onScopeDispose, ref, watch } from 'vue-demi'\nimport type { Ref } from 'vue-demi'\nimport type { MutationFilters as MF } from '@tanstack/query-core'\n\nimport { useQueryClient } from './useQueryClient'\nimport { cloneDeepUnref } from './utils'\nimport type { MaybeRefDeep } from './types'\nimport type { QueryClient } from './queryClient'\n\nexport type MutationFilters = MaybeRefDeep<MF>\n\nexport function useIsMutating(\n mutationFilters: MaybeRefDeep<MF> = {},\n queryClient?: QueryClient,\n): Ref<number> {\n const filters = computed(() => cloneDeepUnref(mutationFilters))\n const client = queryClient || useQueryClient()\n\n const isMutating = ref(client.isMutating(filters))\n\n const unsubscribe = client.getMutationCache().subscribe(() => {\n isMutating.value = client.isMutating(filters)\n })\n\n watch(\n filters,\n () => {\n isMutating.value = client.isMutating(filters)\n },\n { deep: true },\n )\n\n onScopeDispose(() => {\n unsubscribe()\n })\n\n return isMutating\n}\n"],"names":["useIsMutating","mutationFilters","queryClient","filters","computed","cloneDeepUnref","client","useQueryClient","isMutating","ref","unsubscribe","getMutationCache","subscribe","value","watch","deep","onScopeDispose"],"mappings":";;;;AAWO,SAASA,aAAa,CAC3BC,eAAiC,GAAG,EAAE,EACtCC,WAAyB,EACZ;EACb,MAAMC,OAAO,GAAGC,QAAQ,CAAC,MAAMC,cAAc,CAACJ,eAAe,CAAC,CAAC,CAAA;AAC/D,EAAA,MAAMK,MAAM,GAAGJ,WAAW,IAAIK,cAAc,EAAE,CAAA;EAE9C,MAAMC,UAAU,GAAGC,GAAG,CAACH,MAAM,CAACE,UAAU,CAACL,OAAO,CAAC,CAAC,CAAA;EAElD,MAAMO,WAAW,GAAGJ,MAAM,CAACK,gBAAgB,EAAE,CAACC,SAAS,CAAC,MAAM;IAC5DJ,UAAU,CAACK,KAAK,GAAGP,MAAM,CAACE,UAAU,CAACL,OAAO,CAAC,CAAA;AAC/C,GAAC,CAAC,CAAA;EAEFW,KAAK,CACHX,OAAO,EACP,MAAM;IACJK,UAAU,CAACK,KAAK,GAAGP,MAAM,CAACE,UAAU,CAACL,OAAO,CAAC,CAAA;AAC/C,GAAC,EACD;AAAEY,IAAAA,IAAI,EAAE,IAAA;AAAK,GAAC,CACf,CAAA;AAEDC,EAAAA,cAAc,CAAC,MAAM;AACnBN,IAAAA,WAAW,EAAE,CAAA;AACf,GAAC,CAAC,CAAA;AAEF,EAAA,OAAOF,UAAU,CAAA;AACnB;;;;"}
|
|
@@ -1,22 +1,18 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
-
|
|
5
3
|
var vueDemi = require('vue-demi');
|
|
6
4
|
var useQueryClient = require('./useQueryClient.js');
|
|
7
5
|
var utils = require('./utils.js');
|
|
8
6
|
|
|
9
|
-
function useIsMutating(
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
const
|
|
13
|
-
const
|
|
14
|
-
|
|
15
|
-
const unsubscribe = queryClient.getMutationCache().subscribe(() => {
|
|
16
|
-
isMutating.value = queryClient.isMutating(filters);
|
|
7
|
+
function useIsMutating(mutationFilters = {}, queryClient) {
|
|
8
|
+
const filters = vueDemi.computed(() => utils.cloneDeepUnref(mutationFilters));
|
|
9
|
+
const client = queryClient || useQueryClient.useQueryClient();
|
|
10
|
+
const isMutating = vueDemi.ref(client.isMutating(filters));
|
|
11
|
+
const unsubscribe = client.getMutationCache().subscribe(() => {
|
|
12
|
+
isMutating.value = client.isMutating(filters);
|
|
17
13
|
});
|
|
18
14
|
vueDemi.watch(filters, () => {
|
|
19
|
-
isMutating.value =
|
|
15
|
+
isMutating.value = client.isMutating(filters);
|
|
20
16
|
}, {
|
|
21
17
|
deep: true
|
|
22
18
|
});
|
|
@@ -25,23 +21,6 @@ function useIsMutating(arg1, arg2) {
|
|
|
25
21
|
});
|
|
26
22
|
return isMutating;
|
|
27
23
|
}
|
|
28
|
-
function parseFilterArgs(arg1, arg2 = {}) {
|
|
29
|
-
const plainArg1 = vueDemi.unref(arg1);
|
|
30
|
-
const plainArg2 = vueDemi.unref(arg2);
|
|
31
|
-
let options = plainArg1;
|
|
32
|
-
|
|
33
|
-
if (utils.isQueryKey(plainArg1)) {
|
|
34
|
-
options = { ...plainArg2,
|
|
35
|
-
mutationKey: plainArg1
|
|
36
|
-
};
|
|
37
|
-
} else {
|
|
38
|
-
// eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
|
|
39
|
-
options = plainArg1 || {};
|
|
40
|
-
}
|
|
41
|
-
|
|
42
|
-
return utils.cloneDeepUnref(options);
|
|
43
|
-
}
|
|
44
24
|
|
|
45
|
-
exports.parseFilterArgs = parseFilterArgs;
|
|
46
25
|
exports.useIsMutating = useIsMutating;
|
|
47
26
|
//# sourceMappingURL=useIsMutating.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useIsMutating.js","sources":["../../src/useIsMutating.ts"],"sourcesContent":["import { computed,
|
|
1
|
+
{"version":3,"file":"useIsMutating.js","sources":["../../src/useIsMutating.ts"],"sourcesContent":["import { computed, onScopeDispose, ref, watch } from 'vue-demi'\nimport type { Ref } from 'vue-demi'\nimport type { MutationFilters as MF } from '@tanstack/query-core'\n\nimport { useQueryClient } from './useQueryClient'\nimport { cloneDeepUnref } from './utils'\nimport type { MaybeRefDeep } from './types'\nimport type { QueryClient } from './queryClient'\n\nexport type MutationFilters = MaybeRefDeep<MF>\n\nexport function useIsMutating(\n mutationFilters: MaybeRefDeep<MF> = {},\n queryClient?: QueryClient,\n): Ref<number> {\n const filters = computed(() => cloneDeepUnref(mutationFilters))\n const client = queryClient || useQueryClient()\n\n const isMutating = ref(client.isMutating(filters))\n\n const unsubscribe = client.getMutationCache().subscribe(() => {\n isMutating.value = client.isMutating(filters)\n })\n\n watch(\n filters,\n () => {\n isMutating.value = client.isMutating(filters)\n },\n { deep: true },\n )\n\n onScopeDispose(() => {\n unsubscribe()\n })\n\n return isMutating\n}\n"],"names":["useIsMutating","mutationFilters","queryClient","filters","computed","cloneDeepUnref","client","useQueryClient","isMutating","ref","unsubscribe","getMutationCache","subscribe","value","watch","deep","onScopeDispose"],"mappings":";;;;;;AAWO,SAASA,aAAa,CAC3BC,eAAiC,GAAG,EAAE,EACtCC,WAAyB,EACZ;EACb,MAAMC,OAAO,GAAGC,gBAAQ,CAAC,MAAMC,oBAAc,CAACJ,eAAe,CAAC,CAAC,CAAA;AAC/D,EAAA,MAAMK,MAAM,GAAGJ,WAAW,IAAIK,6BAAc,EAAE,CAAA;EAE9C,MAAMC,UAAU,GAAGC,WAAG,CAACH,MAAM,CAACE,UAAU,CAACL,OAAO,CAAC,CAAC,CAAA;EAElD,MAAMO,WAAW,GAAGJ,MAAM,CAACK,gBAAgB,EAAE,CAACC,SAAS,CAAC,MAAM;IAC5DJ,UAAU,CAACK,KAAK,GAAGP,MAAM,CAACE,UAAU,CAACL,OAAO,CAAC,CAAA;AAC/C,GAAC,CAAC,CAAA;EAEFW,aAAK,CACHX,OAAO,EACP,MAAM;IACJK,UAAU,CAACK,KAAK,GAAGP,MAAM,CAACE,UAAU,CAACL,OAAO,CAAC,CAAA;AAC/C,GAAC,EACD;AAAEY,IAAAA,IAAI,EAAE,IAAA;AAAK,GAAC,CACf,CAAA;AAEDC,EAAAA,sBAAc,CAAC,MAAM;AACnBN,IAAAA,WAAW,EAAE,CAAA;AACf,GAAC,CAAC,CAAA;AAEF,EAAA,OAAOF,UAAU,CAAA;AACnB;;;;"}
|
|
@@ -1,18 +1,16 @@
|
|
|
1
|
-
import { computed, ref, watch, onScopeDispose
|
|
1
|
+
import { computed, ref, watch, onScopeDispose } from 'vue-demi';
|
|
2
2
|
import { useQueryClient } from './useQueryClient.mjs';
|
|
3
|
-
import {
|
|
3
|
+
import { cloneDeepUnref } from './utils.mjs';
|
|
4
4
|
|
|
5
|
-
function useIsMutating(
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
const
|
|
9
|
-
const
|
|
10
|
-
|
|
11
|
-
const unsubscribe = queryClient.getMutationCache().subscribe(() => {
|
|
12
|
-
isMutating.value = queryClient.isMutating(filters);
|
|
5
|
+
function useIsMutating(mutationFilters = {}, queryClient) {
|
|
6
|
+
const filters = computed(() => cloneDeepUnref(mutationFilters));
|
|
7
|
+
const client = queryClient || useQueryClient();
|
|
8
|
+
const isMutating = ref(client.isMutating(filters));
|
|
9
|
+
const unsubscribe = client.getMutationCache().subscribe(() => {
|
|
10
|
+
isMutating.value = client.isMutating(filters);
|
|
13
11
|
});
|
|
14
12
|
watch(filters, () => {
|
|
15
|
-
isMutating.value =
|
|
13
|
+
isMutating.value = client.isMutating(filters);
|
|
16
14
|
}, {
|
|
17
15
|
deep: true
|
|
18
16
|
});
|
|
@@ -21,22 +19,6 @@ function useIsMutating(arg1, arg2) {
|
|
|
21
19
|
});
|
|
22
20
|
return isMutating;
|
|
23
21
|
}
|
|
24
|
-
function parseFilterArgs(arg1, arg2 = {}) {
|
|
25
|
-
const plainArg1 = unref(arg1);
|
|
26
|
-
const plainArg2 = unref(arg2);
|
|
27
|
-
let options = plainArg1;
|
|
28
|
-
|
|
29
|
-
if (isQueryKey(plainArg1)) {
|
|
30
|
-
options = { ...plainArg2,
|
|
31
|
-
mutationKey: plainArg1
|
|
32
|
-
};
|
|
33
|
-
} else {
|
|
34
|
-
// eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
|
|
35
|
-
options = plainArg1 || {};
|
|
36
|
-
}
|
|
37
|
-
|
|
38
|
-
return cloneDeepUnref(options);
|
|
39
|
-
}
|
|
40
22
|
|
|
41
|
-
export {
|
|
23
|
+
export { useIsMutating };
|
|
42
24
|
//# sourceMappingURL=useIsMutating.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useIsMutating.mjs","sources":["../../src/useIsMutating.ts"],"sourcesContent":["import { computed,
|
|
1
|
+
{"version":3,"file":"useIsMutating.mjs","sources":["../../src/useIsMutating.ts"],"sourcesContent":["import { computed, onScopeDispose, ref, watch } from 'vue-demi'\nimport type { Ref } from 'vue-demi'\nimport type { MutationFilters as MF } from '@tanstack/query-core'\n\nimport { useQueryClient } from './useQueryClient'\nimport { cloneDeepUnref } from './utils'\nimport type { MaybeRefDeep } from './types'\nimport type { QueryClient } from './queryClient'\n\nexport type MutationFilters = MaybeRefDeep<MF>\n\nexport function useIsMutating(\n mutationFilters: MaybeRefDeep<MF> = {},\n queryClient?: QueryClient,\n): Ref<number> {\n const filters = computed(() => cloneDeepUnref(mutationFilters))\n const client = queryClient || useQueryClient()\n\n const isMutating = ref(client.isMutating(filters))\n\n const unsubscribe = client.getMutationCache().subscribe(() => {\n isMutating.value = client.isMutating(filters)\n })\n\n watch(\n filters,\n () => {\n isMutating.value = client.isMutating(filters)\n },\n { deep: true },\n )\n\n onScopeDispose(() => {\n unsubscribe()\n })\n\n return isMutating\n}\n"],"names":["useIsMutating","mutationFilters","queryClient","filters","computed","cloneDeepUnref","client","useQueryClient","isMutating","ref","unsubscribe","getMutationCache","subscribe","value","watch","deep","onScopeDispose"],"mappings":";;;;AAWO,SAASA,aAAa,CAC3BC,eAAiC,GAAG,EAAE,EACtCC,WAAyB,EACZ;EACb,MAAMC,OAAO,GAAGC,QAAQ,CAAC,MAAMC,cAAc,CAACJ,eAAe,CAAC,CAAC,CAAA;AAC/D,EAAA,MAAMK,MAAM,GAAGJ,WAAW,IAAIK,cAAc,EAAE,CAAA;EAE9C,MAAMC,UAAU,GAAGC,GAAG,CAACH,MAAM,CAACE,UAAU,CAACL,OAAO,CAAC,CAAC,CAAA;EAElD,MAAMO,WAAW,GAAGJ,MAAM,CAACK,gBAAgB,EAAE,CAACC,SAAS,CAAC,MAAM;IAC5DJ,UAAU,CAACK,KAAK,GAAGP,MAAM,CAACE,UAAU,CAACL,OAAO,CAAC,CAAA;AAC/C,GAAC,CAAC,CAAA;EAEFW,KAAK,CACHX,OAAO,EACP,MAAM;IACJK,UAAU,CAACK,KAAK,GAAGP,MAAM,CAACE,UAAU,CAACL,OAAO,CAAC,CAAA;AAC/C,GAAC,EACD;AAAEY,IAAAA,IAAI,EAAE,IAAA;AAAK,GAAC,CACf,CAAA;AAEDC,EAAAA,cAAc,CAAC,MAAM;AACnBN,IAAAA,WAAW,EAAE,CAAA;AACf,GAAC,CAAC,CAAA;AAEF,EAAA,OAAOF,UAAU,CAAA;AACnB;;;;"}
|
|
@@ -1,20 +1,14 @@
|
|
|
1
1
|
import type { ToRefs } from 'vue-demi';
|
|
2
|
-
import type {
|
|
3
|
-
import type {
|
|
2
|
+
import type { MutateFunction, MutationObserverResult, MutationObserverOptions, RegisteredError } from '@tanstack/query-core';
|
|
3
|
+
import type { MaybeRefDeep, DistributiveOmit } from './types';
|
|
4
|
+
import type { QueryClient } from './queryClient';
|
|
4
5
|
declare type MutationResult<TData, TError, TVariables, TContext> = DistributiveOmit<MutationObserverResult<TData, TError, TVariables, TContext>, 'mutate' | 'reset'>;
|
|
5
|
-
export declare type UseMutationOptions<TData, TError, TVariables, TContext> =
|
|
6
|
-
|
|
7
|
-
[Property in keyof UseMutationOptions<TData, TError, TVariables, TContext>]: MaybeRefDeep<UseMutationOptions<TData, TError, TVariables, TContext>[Property]>;
|
|
8
|
-
};
|
|
9
|
-
declare type MutateSyncFunction<TData = unknown, TError = unknown, TVariables = void, TContext = unknown> = (...options: Parameters<MutateFunction<TData, TError, TVariables, TContext>>) => void;
|
|
6
|
+
export declare type UseMutationOptions<TData = unknown, TError = RegisteredError, TVariables = void, TContext = unknown> = MaybeRefDeep<MutationObserverOptions<TData, TError, TVariables, TContext>>;
|
|
7
|
+
declare type MutateSyncFunction<TData = unknown, TError = RegisteredError, TVariables = void, TContext = unknown> = (...options: Parameters<MutateFunction<TData, TError, TVariables, TContext>>) => void;
|
|
10
8
|
export declare type UseMutationReturnType<TData, TError, TVariables, TContext, Result = MutationResult<TData, TError, TVariables, TContext>> = ToRefs<Readonly<Result>> & {
|
|
11
9
|
mutate: MutateSyncFunction<TData, TError, TVariables, TContext>;
|
|
12
10
|
mutateAsync: MutateFunction<TData, TError, TVariables, TContext>;
|
|
13
11
|
reset: MutationObserverResult<TData, TError, TVariables, TContext>['reset'];
|
|
14
12
|
};
|
|
15
|
-
export declare function useMutation<TData = unknown, TError =
|
|
16
|
-
export declare function useMutation<TData = unknown, TError = unknown, TVariables = void, TContext = unknown>(mutationFn: MaybeRef<MutationFunction<TData, TVariables>>, options?: MaybeRef<Omit<VueMutationObserverOptions<TData, TError, TVariables, TContext>, 'mutationFn'>>): UseMutationReturnType<TData, TError, TVariables, TContext>;
|
|
17
|
-
export declare function useMutation<TData = unknown, TError = unknown, TVariables = void, TContext = unknown>(mutationKey: MaybeRef<MutationKey>, options?: MaybeRef<Omit<VueMutationObserverOptions<TData, TError, TVariables, TContext>, 'mutationKey'>>): UseMutationReturnType<TData, TError, TVariables, TContext>;
|
|
18
|
-
export declare function useMutation<TData = unknown, TError = unknown, TVariables = void, TContext = unknown>(mutationKey: MaybeRef<MutationKey>, mutationFn?: MaybeRef<MutationFunction<TData, TVariables>>, options?: MaybeRef<Omit<VueMutationObserverOptions<TData, TError, TVariables, TContext>, 'mutationKey' | 'mutationFn'>>): UseMutationReturnType<TData, TError, TVariables, TContext>;
|
|
19
|
-
export declare function parseMutationArgs<TData = unknown, TError = unknown, TVariables = void, TContext = unknown>(arg1: MaybeRef<MutationKey> | MaybeRef<MutationFunction<TData, TVariables>> | MaybeRef<VueMutationObserverOptions<TData, TError, TVariables, TContext>>, arg2?: MaybeRef<MutationFunction<TData, TVariables>> | MaybeRef<VueMutationObserverOptions<TData, TError, TVariables, TContext>>, arg3?: MaybeRef<VueMutationObserverOptions<TData, TError, TVariables, TContext>>): WithQueryClientKey<MutationObserverOptions<TData, TError, TVariables, TContext>>;
|
|
13
|
+
export declare function useMutation<TData = unknown, TError = RegisteredError, TVariables = void, TContext = unknown>(mutationOptions: MaybeRefDeep<MutationObserverOptions<TData, TError, TVariables, TContext>>, queryClient?: QueryClient): UseMutationReturnType<TData, TError, TVariables, TContext>;
|
|
20
14
|
export {};
|
|
@@ -1,28 +1,25 @@
|
|
|
1
|
-
import { computed, reactive, watch, onScopeDispose, toRefs, readonly
|
|
1
|
+
import { computed, reactive, watch, onScopeDispose, toRefs, readonly } from 'vue-demi';
|
|
2
2
|
import { MutationObserver } from '@tanstack/query-core';
|
|
3
|
-
import {
|
|
3
|
+
import { cloneDeepUnref, updateState } from './utils.esm.js';
|
|
4
4
|
import { useQueryClient } from './useQueryClient.esm.js';
|
|
5
5
|
|
|
6
|
-
function useMutation(
|
|
7
|
-
|
|
8
|
-
|
|
6
|
+
function useMutation(mutationOptions, queryClient) {
|
|
7
|
+
const client = queryClient || useQueryClient();
|
|
9
8
|
const options = computed(() => {
|
|
10
|
-
return
|
|
9
|
+
return client.defaultMutationOptions(cloneDeepUnref(mutationOptions));
|
|
11
10
|
});
|
|
12
|
-
const
|
|
13
|
-
const observer = new MutationObserver(queryClient, queryClient.defaultMutationOptions(options.value));
|
|
11
|
+
const observer = new MutationObserver(client, options.value);
|
|
14
12
|
const state = reactive(observer.getCurrentResult());
|
|
15
13
|
const unsubscribe = observer.subscribe(result => {
|
|
16
14
|
updateState(state, result);
|
|
17
15
|
});
|
|
18
|
-
|
|
19
16
|
const mutate = (variables, mutateOptions) => {
|
|
20
|
-
observer.mutate(variables, mutateOptions).catch(() => {
|
|
17
|
+
observer.mutate(variables, mutateOptions).catch(() => {
|
|
18
|
+
// This is intentional
|
|
21
19
|
});
|
|
22
20
|
};
|
|
23
|
-
|
|
24
21
|
watch(options, () => {
|
|
25
|
-
observer.setOptions(
|
|
22
|
+
observer.setOptions(options.value);
|
|
26
23
|
}, {
|
|
27
24
|
deep: true
|
|
28
25
|
});
|
|
@@ -30,39 +27,13 @@ function useMutation(arg1, arg2, arg3) {
|
|
|
30
27
|
unsubscribe();
|
|
31
28
|
});
|
|
32
29
|
const resultRefs = toRefs(readonly(state));
|
|
33
|
-
return {
|
|
30
|
+
return {
|
|
31
|
+
...resultRefs,
|
|
34
32
|
mutate,
|
|
35
33
|
mutateAsync: state.mutate,
|
|
36
34
|
reset: state.reset
|
|
37
35
|
};
|
|
38
36
|
}
|
|
39
|
-
function parseMutationArgs(arg1, arg2, arg3) {
|
|
40
|
-
const plainArg1 = unref(arg1);
|
|
41
|
-
const plainArg2 = unref(arg2);
|
|
42
|
-
let options = plainArg1;
|
|
43
|
-
|
|
44
|
-
if (isMutationKey(plainArg1)) {
|
|
45
|
-
if (typeof plainArg2 === 'function') {
|
|
46
|
-
const plainArg3 = unref(arg3);
|
|
47
|
-
options = { ...plainArg3,
|
|
48
|
-
mutationKey: plainArg1,
|
|
49
|
-
mutationFn: plainArg2
|
|
50
|
-
};
|
|
51
|
-
} else {
|
|
52
|
-
options = { ...plainArg2,
|
|
53
|
-
mutationKey: plainArg1
|
|
54
|
-
};
|
|
55
|
-
}
|
|
56
|
-
}
|
|
57
|
-
|
|
58
|
-
if (typeof plainArg1 === 'function') {
|
|
59
|
-
options = { ...plainArg2,
|
|
60
|
-
mutationFn: plainArg1
|
|
61
|
-
};
|
|
62
|
-
}
|
|
63
|
-
|
|
64
|
-
return cloneDeepUnref(options);
|
|
65
|
-
}
|
|
66
37
|
|
|
67
|
-
export {
|
|
38
|
+
export { useMutation };
|
|
68
39
|
//# sourceMappingURL=useMutation.esm.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useMutation.esm.js","sources":["../../src/useMutation.ts"],"sourcesContent":["import {\n onScopeDispose,\n reactive,\n readonly,\n toRefs,\n watch,\n computed,\n
|
|
1
|
+
{"version":3,"file":"useMutation.esm.js","sources":["../../src/useMutation.ts"],"sourcesContent":["import {\n onScopeDispose,\n reactive,\n readonly,\n toRefs,\n watch,\n computed,\n} from 'vue-demi'\nimport type { ToRefs } from 'vue-demi'\nimport type {\n MutateOptions,\n MutateFunction,\n MutationObserverResult,\n MutationObserverOptions,\n RegisteredError,\n} from '@tanstack/query-core'\nimport type { MaybeRefDeep, DistributiveOmit } from './types'\nimport { MutationObserver } from '@tanstack/query-core'\nimport { cloneDeepUnref, updateState } from './utils'\nimport { useQueryClient } from './useQueryClient'\nimport type { QueryClient } from './queryClient'\n\ntype MutationResult<TData, TError, TVariables, TContext> = DistributiveOmit<\n MutationObserverResult<TData, TError, TVariables, TContext>,\n 'mutate' | 'reset'\n>\n\nexport type UseMutationOptions<\n TData = unknown,\n TError = RegisteredError,\n TVariables = void,\n TContext = unknown,\n> = MaybeRefDeep<MutationObserverOptions<TData, TError, TVariables, TContext>>\n\ntype MutateSyncFunction<\n TData = unknown,\n TError = RegisteredError,\n TVariables = void,\n TContext = unknown,\n> = (\n ...options: Parameters<MutateFunction<TData, TError, TVariables, TContext>>\n) => void\n\nexport type UseMutationReturnType<\n TData,\n TError,\n TVariables,\n TContext,\n Result = MutationResult<TData, TError, TVariables, TContext>,\n> = ToRefs<Readonly<Result>> & {\n mutate: MutateSyncFunction<TData, TError, TVariables, TContext>\n mutateAsync: MutateFunction<TData, TError, TVariables, TContext>\n reset: MutationObserverResult<TData, TError, TVariables, TContext>['reset']\n}\n\nexport function useMutation<\n TData = unknown,\n TError = RegisteredError,\n TVariables = void,\n TContext = unknown,\n>(\n mutationOptions: MaybeRefDeep<\n MutationObserverOptions<TData, TError, TVariables, TContext>\n >,\n queryClient?: QueryClient,\n): UseMutationReturnType<TData, TError, TVariables, TContext> {\n const client = queryClient || useQueryClient()\n const options = computed(() => {\n return client.defaultMutationOptions(cloneDeepUnref(mutationOptions))\n })\n const observer = new MutationObserver(client, options.value)\n const state = reactive(observer.getCurrentResult())\n\n const unsubscribe = observer.subscribe((result) => {\n updateState(state, result)\n })\n\n const mutate = (\n variables: TVariables,\n mutateOptions?: MutateOptions<TData, TError, TVariables, TContext>,\n ) => {\n observer.mutate(variables, mutateOptions).catch(() => {\n // This is intentional\n })\n }\n\n watch(\n options,\n () => {\n observer.setOptions(options.value)\n },\n { deep: true },\n )\n\n onScopeDispose(() => {\n unsubscribe()\n })\n\n const resultRefs = toRefs(readonly(state)) as unknown as ToRefs<\n Readonly<MutationResult<TData, TError, TVariables, TContext>>\n >\n\n return {\n ...resultRefs,\n mutate,\n mutateAsync: state.mutate,\n reset: state.reset,\n }\n}\n"],"names":["useMutation","mutationOptions","queryClient","client","useQueryClient","options","computed","defaultMutationOptions","cloneDeepUnref","observer","MutationObserver","value","state","reactive","getCurrentResult","unsubscribe","subscribe","result","updateState","mutate","variables","mutateOptions","catch","watch","setOptions","deep","onScopeDispose","resultRefs","toRefs","readonly","mutateAsync","reset"],"mappings":";;;;;AAuDO,SAASA,WAAW,CAMzBC,eAEC,EACDC,WAAyB,EACmC;AAC5D,EAAA,MAAMC,MAAM,GAAGD,WAAW,IAAIE,cAAc,EAAE,CAAA;AAC9C,EAAA,MAAMC,OAAO,GAAGC,QAAQ,CAAC,MAAM;IAC7B,OAAOH,MAAM,CAACI,sBAAsB,CAACC,cAAc,CAACP,eAAe,CAAC,CAAC,CAAA;AACvE,GAAC,CAAC,CAAA;EACF,MAAMQ,QAAQ,GAAG,IAAIC,gBAAgB,CAACP,MAAM,EAAEE,OAAO,CAACM,KAAK,CAAC,CAAA;EAC5D,MAAMC,KAAK,GAAGC,QAAQ,CAACJ,QAAQ,CAACK,gBAAgB,EAAE,CAAC,CAAA;AAEnD,EAAA,MAAMC,WAAW,GAAGN,QAAQ,CAACO,SAAS,CAAEC,MAAM,IAAK;AACjDC,IAAAA,WAAW,CAACN,KAAK,EAAEK,MAAM,CAAC,CAAA;AAC5B,GAAC,CAAC,CAAA;AAEF,EAAA,MAAME,MAAM,GAAG,CACbC,SAAqB,EACrBC,aAAkE,KAC/D;IACHZ,QAAQ,CAACU,MAAM,CAACC,SAAS,EAAEC,aAAa,CAAC,CAACC,KAAK,CAAC,MAAM;AACpD;AAAA,KACD,CAAC,CAAA;GACH,CAAA;EAEDC,KAAK,CACHlB,OAAO,EACP,MAAM;AACJI,IAAAA,QAAQ,CAACe,UAAU,CAACnB,OAAO,CAACM,KAAK,CAAC,CAAA;AACpC,GAAC,EACD;AAAEc,IAAAA,IAAI,EAAE,IAAA;AAAK,GAAC,CACf,CAAA;AAEDC,EAAAA,cAAc,CAAC,MAAM;AACnBX,IAAAA,WAAW,EAAE,CAAA;AACf,GAAC,CAAC,CAAA;EAEF,MAAMY,UAAU,GAAGC,MAAM,CAACC,QAAQ,CAACjB,KAAK,CAAC,CAExC,CAAA;EAED,OAAO;AACL,IAAA,GAAGe,UAAU;IACbR,MAAM;IACNW,WAAW,EAAElB,KAAK,CAACO,MAAM;IACzBY,KAAK,EAAEnB,KAAK,CAACmB,KAAAA;GACd,CAAA;AACH;;;;"}
|
package/build/lib/useMutation.js
CHANGED
|
@@ -1,32 +1,27 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
-
|
|
5
3
|
var vueDemi = require('vue-demi');
|
|
6
4
|
var queryCore = require('@tanstack/query-core');
|
|
7
5
|
var utils = require('./utils.js');
|
|
8
6
|
var useQueryClient = require('./useQueryClient.js');
|
|
9
7
|
|
|
10
|
-
function useMutation(
|
|
11
|
-
|
|
12
|
-
|
|
8
|
+
function useMutation(mutationOptions, queryClient) {
|
|
9
|
+
const client = queryClient || useQueryClient.useQueryClient();
|
|
13
10
|
const options = vueDemi.computed(() => {
|
|
14
|
-
return
|
|
11
|
+
return client.defaultMutationOptions(utils.cloneDeepUnref(mutationOptions));
|
|
15
12
|
});
|
|
16
|
-
const
|
|
17
|
-
const observer = new queryCore.MutationObserver(queryClient, queryClient.defaultMutationOptions(options.value));
|
|
13
|
+
const observer = new queryCore.MutationObserver(client, options.value);
|
|
18
14
|
const state = vueDemi.reactive(observer.getCurrentResult());
|
|
19
15
|
const unsubscribe = observer.subscribe(result => {
|
|
20
16
|
utils.updateState(state, result);
|
|
21
17
|
});
|
|
22
|
-
|
|
23
18
|
const mutate = (variables, mutateOptions) => {
|
|
24
|
-
observer.mutate(variables, mutateOptions).catch(() => {
|
|
19
|
+
observer.mutate(variables, mutateOptions).catch(() => {
|
|
20
|
+
// This is intentional
|
|
25
21
|
});
|
|
26
22
|
};
|
|
27
|
-
|
|
28
23
|
vueDemi.watch(options, () => {
|
|
29
|
-
observer.setOptions(
|
|
24
|
+
observer.setOptions(options.value);
|
|
30
25
|
}, {
|
|
31
26
|
deep: true
|
|
32
27
|
});
|
|
@@ -34,40 +29,13 @@ function useMutation(arg1, arg2, arg3) {
|
|
|
34
29
|
unsubscribe();
|
|
35
30
|
});
|
|
36
31
|
const resultRefs = vueDemi.toRefs(vueDemi.readonly(state));
|
|
37
|
-
return {
|
|
32
|
+
return {
|
|
33
|
+
...resultRefs,
|
|
38
34
|
mutate,
|
|
39
35
|
mutateAsync: state.mutate,
|
|
40
36
|
reset: state.reset
|
|
41
37
|
};
|
|
42
38
|
}
|
|
43
|
-
function parseMutationArgs(arg1, arg2, arg3) {
|
|
44
|
-
const plainArg1 = vueDemi.unref(arg1);
|
|
45
|
-
const plainArg2 = vueDemi.unref(arg2);
|
|
46
|
-
let options = plainArg1;
|
|
47
|
-
|
|
48
|
-
if (utils.isMutationKey(plainArg1)) {
|
|
49
|
-
if (typeof plainArg2 === 'function') {
|
|
50
|
-
const plainArg3 = vueDemi.unref(arg3);
|
|
51
|
-
options = { ...plainArg3,
|
|
52
|
-
mutationKey: plainArg1,
|
|
53
|
-
mutationFn: plainArg2
|
|
54
|
-
};
|
|
55
|
-
} else {
|
|
56
|
-
options = { ...plainArg2,
|
|
57
|
-
mutationKey: plainArg1
|
|
58
|
-
};
|
|
59
|
-
}
|
|
60
|
-
}
|
|
61
|
-
|
|
62
|
-
if (typeof plainArg1 === 'function') {
|
|
63
|
-
options = { ...plainArg2,
|
|
64
|
-
mutationFn: plainArg1
|
|
65
|
-
};
|
|
66
|
-
}
|
|
67
|
-
|
|
68
|
-
return utils.cloneDeepUnref(options);
|
|
69
|
-
}
|
|
70
39
|
|
|
71
|
-
exports.parseMutationArgs = parseMutationArgs;
|
|
72
40
|
exports.useMutation = useMutation;
|
|
73
41
|
//# sourceMappingURL=useMutation.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useMutation.js","sources":["../../src/useMutation.ts"],"sourcesContent":["import {\n onScopeDispose,\n reactive,\n readonly,\n toRefs,\n watch,\n computed,\n
|
|
1
|
+
{"version":3,"file":"useMutation.js","sources":["../../src/useMutation.ts"],"sourcesContent":["import {\n onScopeDispose,\n reactive,\n readonly,\n toRefs,\n watch,\n computed,\n} from 'vue-demi'\nimport type { ToRefs } from 'vue-demi'\nimport type {\n MutateOptions,\n MutateFunction,\n MutationObserverResult,\n MutationObserverOptions,\n RegisteredError,\n} from '@tanstack/query-core'\nimport type { MaybeRefDeep, DistributiveOmit } from './types'\nimport { MutationObserver } from '@tanstack/query-core'\nimport { cloneDeepUnref, updateState } from './utils'\nimport { useQueryClient } from './useQueryClient'\nimport type { QueryClient } from './queryClient'\n\ntype MutationResult<TData, TError, TVariables, TContext> = DistributiveOmit<\n MutationObserverResult<TData, TError, TVariables, TContext>,\n 'mutate' | 'reset'\n>\n\nexport type UseMutationOptions<\n TData = unknown,\n TError = RegisteredError,\n TVariables = void,\n TContext = unknown,\n> = MaybeRefDeep<MutationObserverOptions<TData, TError, TVariables, TContext>>\n\ntype MutateSyncFunction<\n TData = unknown,\n TError = RegisteredError,\n TVariables = void,\n TContext = unknown,\n> = (\n ...options: Parameters<MutateFunction<TData, TError, TVariables, TContext>>\n) => void\n\nexport type UseMutationReturnType<\n TData,\n TError,\n TVariables,\n TContext,\n Result = MutationResult<TData, TError, TVariables, TContext>,\n> = ToRefs<Readonly<Result>> & {\n mutate: MutateSyncFunction<TData, TError, TVariables, TContext>\n mutateAsync: MutateFunction<TData, TError, TVariables, TContext>\n reset: MutationObserverResult<TData, TError, TVariables, TContext>['reset']\n}\n\nexport function useMutation<\n TData = unknown,\n TError = RegisteredError,\n TVariables = void,\n TContext = unknown,\n>(\n mutationOptions: MaybeRefDeep<\n MutationObserverOptions<TData, TError, TVariables, TContext>\n >,\n queryClient?: QueryClient,\n): UseMutationReturnType<TData, TError, TVariables, TContext> {\n const client = queryClient || useQueryClient()\n const options = computed(() => {\n return client.defaultMutationOptions(cloneDeepUnref(mutationOptions))\n })\n const observer = new MutationObserver(client, options.value)\n const state = reactive(observer.getCurrentResult())\n\n const unsubscribe = observer.subscribe((result) => {\n updateState(state, result)\n })\n\n const mutate = (\n variables: TVariables,\n mutateOptions?: MutateOptions<TData, TError, TVariables, TContext>,\n ) => {\n observer.mutate(variables, mutateOptions).catch(() => {\n // This is intentional\n })\n }\n\n watch(\n options,\n () => {\n observer.setOptions(options.value)\n },\n { deep: true },\n )\n\n onScopeDispose(() => {\n unsubscribe()\n })\n\n const resultRefs = toRefs(readonly(state)) as unknown as ToRefs<\n Readonly<MutationResult<TData, TError, TVariables, TContext>>\n >\n\n return {\n ...resultRefs,\n mutate,\n mutateAsync: state.mutate,\n reset: state.reset,\n }\n}\n"],"names":["useMutation","mutationOptions","queryClient","client","useQueryClient","options","computed","defaultMutationOptions","cloneDeepUnref","observer","MutationObserver","value","state","reactive","getCurrentResult","unsubscribe","subscribe","result","updateState","mutate","variables","mutateOptions","catch","watch","setOptions","deep","onScopeDispose","resultRefs","toRefs","readonly","mutateAsync","reset"],"mappings":";;;;;;;AAuDO,SAASA,WAAW,CAMzBC,eAEC,EACDC,WAAyB,EACmC;AAC5D,EAAA,MAAMC,MAAM,GAAGD,WAAW,IAAIE,6BAAc,EAAE,CAAA;AAC9C,EAAA,MAAMC,OAAO,GAAGC,gBAAQ,CAAC,MAAM;IAC7B,OAAOH,MAAM,CAACI,sBAAsB,CAACC,oBAAc,CAACP,eAAe,CAAC,CAAC,CAAA;AACvE,GAAC,CAAC,CAAA;EACF,MAAMQ,QAAQ,GAAG,IAAIC,0BAAgB,CAACP,MAAM,EAAEE,OAAO,CAACM,KAAK,CAAC,CAAA;EAC5D,MAAMC,KAAK,GAAGC,gBAAQ,CAACJ,QAAQ,CAACK,gBAAgB,EAAE,CAAC,CAAA;AAEnD,EAAA,MAAMC,WAAW,GAAGN,QAAQ,CAACO,SAAS,CAAEC,MAAM,IAAK;AACjDC,IAAAA,iBAAW,CAACN,KAAK,EAAEK,MAAM,CAAC,CAAA;AAC5B,GAAC,CAAC,CAAA;AAEF,EAAA,MAAME,MAAM,GAAG,CACbC,SAAqB,EACrBC,aAAkE,KAC/D;IACHZ,QAAQ,CAACU,MAAM,CAACC,SAAS,EAAEC,aAAa,CAAC,CAACC,KAAK,CAAC,MAAM;AACpD;AAAA,KACD,CAAC,CAAA;GACH,CAAA;EAEDC,aAAK,CACHlB,OAAO,EACP,MAAM;AACJI,IAAAA,QAAQ,CAACe,UAAU,CAACnB,OAAO,CAACM,KAAK,CAAC,CAAA;AACpC,GAAC,EACD;AAAEc,IAAAA,IAAI,EAAE,IAAA;AAAK,GAAC,CACf,CAAA;AAEDC,EAAAA,sBAAc,CAAC,MAAM;AACnBX,IAAAA,WAAW,EAAE,CAAA;AACf,GAAC,CAAC,CAAA;EAEF,MAAMY,UAAU,GAAGC,cAAM,CAACC,gBAAQ,CAACjB,KAAK,CAAC,CAExC,CAAA;EAED,OAAO;AACL,IAAA,GAAGe,UAAU;IACbR,MAAM;IACNW,WAAW,EAAElB,KAAK,CAACO,MAAM;IACzBY,KAAK,EAAEnB,KAAK,CAACmB,KAAAA;GACd,CAAA;AACH;;;;"}
|
|
@@ -1,28 +1,25 @@
|
|
|
1
|
-
import { computed, reactive, watch, onScopeDispose, toRefs, readonly
|
|
1
|
+
import { computed, reactive, watch, onScopeDispose, toRefs, readonly } from 'vue-demi';
|
|
2
2
|
import { MutationObserver } from '@tanstack/query-core';
|
|
3
|
-
import {
|
|
3
|
+
import { cloneDeepUnref, updateState } from './utils.mjs';
|
|
4
4
|
import { useQueryClient } from './useQueryClient.mjs';
|
|
5
5
|
|
|
6
|
-
function useMutation(
|
|
7
|
-
|
|
8
|
-
|
|
6
|
+
function useMutation(mutationOptions, queryClient) {
|
|
7
|
+
const client = queryClient || useQueryClient();
|
|
9
8
|
const options = computed(() => {
|
|
10
|
-
return
|
|
9
|
+
return client.defaultMutationOptions(cloneDeepUnref(mutationOptions));
|
|
11
10
|
});
|
|
12
|
-
const
|
|
13
|
-
const observer = new MutationObserver(queryClient, queryClient.defaultMutationOptions(options.value));
|
|
11
|
+
const observer = new MutationObserver(client, options.value);
|
|
14
12
|
const state = reactive(observer.getCurrentResult());
|
|
15
13
|
const unsubscribe = observer.subscribe(result => {
|
|
16
14
|
updateState(state, result);
|
|
17
15
|
});
|
|
18
|
-
|
|
19
16
|
const mutate = (variables, mutateOptions) => {
|
|
20
|
-
observer.mutate(variables, mutateOptions).catch(() => {
|
|
17
|
+
observer.mutate(variables, mutateOptions).catch(() => {
|
|
18
|
+
// This is intentional
|
|
21
19
|
});
|
|
22
20
|
};
|
|
23
|
-
|
|
24
21
|
watch(options, () => {
|
|
25
|
-
observer.setOptions(
|
|
22
|
+
observer.setOptions(options.value);
|
|
26
23
|
}, {
|
|
27
24
|
deep: true
|
|
28
25
|
});
|
|
@@ -30,39 +27,13 @@ function useMutation(arg1, arg2, arg3) {
|
|
|
30
27
|
unsubscribe();
|
|
31
28
|
});
|
|
32
29
|
const resultRefs = toRefs(readonly(state));
|
|
33
|
-
return {
|
|
30
|
+
return {
|
|
31
|
+
...resultRefs,
|
|
34
32
|
mutate,
|
|
35
33
|
mutateAsync: state.mutate,
|
|
36
34
|
reset: state.reset
|
|
37
35
|
};
|
|
38
36
|
}
|
|
39
|
-
function parseMutationArgs(arg1, arg2, arg3) {
|
|
40
|
-
const plainArg1 = unref(arg1);
|
|
41
|
-
const plainArg2 = unref(arg2);
|
|
42
|
-
let options = plainArg1;
|
|
43
|
-
|
|
44
|
-
if (isMutationKey(plainArg1)) {
|
|
45
|
-
if (typeof plainArg2 === 'function') {
|
|
46
|
-
const plainArg3 = unref(arg3);
|
|
47
|
-
options = { ...plainArg3,
|
|
48
|
-
mutationKey: plainArg1,
|
|
49
|
-
mutationFn: plainArg2
|
|
50
|
-
};
|
|
51
|
-
} else {
|
|
52
|
-
options = { ...plainArg2,
|
|
53
|
-
mutationKey: plainArg1
|
|
54
|
-
};
|
|
55
|
-
}
|
|
56
|
-
}
|
|
57
|
-
|
|
58
|
-
if (typeof plainArg1 === 'function') {
|
|
59
|
-
options = { ...plainArg2,
|
|
60
|
-
mutationFn: plainArg1
|
|
61
|
-
};
|
|
62
|
-
}
|
|
63
|
-
|
|
64
|
-
return cloneDeepUnref(options);
|
|
65
|
-
}
|
|
66
37
|
|
|
67
|
-
export {
|
|
38
|
+
export { useMutation };
|
|
68
39
|
//# sourceMappingURL=useMutation.mjs.map
|