@tanstack/vue-query 5.36.0 → 5.37.1
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/legacy/useMutationState.cjs +1 -3
- package/build/legacy/useMutationState.cjs.map +1 -1
- package/build/legacy/useMutationState.d.cts +2 -2
- package/build/legacy/useMutationState.d.ts +2 -2
- package/build/legacy/useMutationState.js +1 -3
- package/build/legacy/useMutationState.js.map +1 -1
- package/build/modern/useMutationState.cjs +1 -3
- package/build/modern/useMutationState.cjs.map +1 -1
- package/build/modern/useMutationState.d.cts +2 -2
- package/build/modern/useMutationState.d.ts +2 -2
- package/build/modern/useMutationState.js +1 -3
- package/build/modern/useMutationState.js.map +1 -1
- package/package.json +6 -18
- package/src/useMutationState.ts +2 -9
|
@@ -50,9 +50,7 @@ function useIsMutating(filters = {}, queryClient) {
|
|
|
50
50
|
}
|
|
51
51
|
function getResult(mutationCache, options) {
|
|
52
52
|
return mutationCache.findAll(options.filters).map(
|
|
53
|
-
(mutation) => options.select ? options.select(
|
|
54
|
-
mutation
|
|
55
|
-
) : mutation.state
|
|
53
|
+
(mutation) => options.select ? options.select(mutation) : mutation.state
|
|
56
54
|
);
|
|
57
55
|
}
|
|
58
56
|
function useMutationState(options = {}, queryClient) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/useMutationState.ts"],"sourcesContent":["import {\n computed,\n getCurrentScope,\n onScopeDispose,\n readonly,\n ref,\n watch,\n} from 'vue-demi'\nimport { useQueryClient } from './useQueryClient'\nimport { cloneDeepUnref } from './utils'\nimport type { DeepReadonly, Ref } from 'vue-demi'\nimport type {\n
|
|
1
|
+
{"version":3,"sources":["../../src/useMutationState.ts"],"sourcesContent":["import {\n computed,\n getCurrentScope,\n onScopeDispose,\n readonly,\n ref,\n watch,\n} from 'vue-demi'\nimport { useQueryClient } from './useQueryClient'\nimport { cloneDeepUnref } from './utils'\nimport type { DeepReadonly, Ref } from 'vue-demi'\nimport type {\n MutationFilters as MF,\n Mutation,\n MutationState,\n} from '@tanstack/query-core'\nimport type { QueryClient } from './queryClient'\nimport type { MaybeRefDeep } from './types'\nimport type { MutationCache } from './mutationCache'\n\nexport type MutationFilters = MaybeRefDeep<MF>\n\nexport function useIsMutating(\n filters: MutationFilters = {},\n queryClient?: QueryClient,\n): Ref<number> {\n if (process.env.NODE_ENV === 'development') {\n if (!getCurrentScope()) {\n console.warn(\n 'vue-query composable like \"useQuery()\" should only be used inside a \"setup()\" function or a running effect scope. They might otherwise lead to memory leaks.',\n )\n }\n }\n\n const client = queryClient || useQueryClient()\n\n const mutationState = useMutationState(\n {\n filters: computed(() => ({\n ...cloneDeepUnref(filters),\n status: 'pending' as const,\n })),\n },\n client,\n )\n const length = computed(() => mutationState.value.length)\n\n return length\n}\n\nexport type MutationStateOptions<TResult = MutationState> = {\n filters?: MutationFilters\n select?: (mutation: Mutation) => TResult\n}\n\nfunction getResult<TResult = MutationState>(\n mutationCache: MutationCache,\n options: MutationStateOptions<TResult>,\n): Array<TResult> {\n return mutationCache\n .findAll(options.filters)\n .map(\n (mutation): TResult =>\n (options.select ? options.select(mutation) : mutation.state) as TResult,\n )\n}\n\nexport function useMutationState<TResult = MutationState>(\n options: MutationStateOptions<TResult> = {},\n queryClient?: QueryClient,\n): DeepReadonly<Ref<Array<TResult>>> {\n const filters = computed(() => cloneDeepUnref(options.filters))\n const mutationCache = (queryClient || useQueryClient()).getMutationCache()\n const state = ref(getResult(mutationCache, options)) as Ref<Array<TResult>>\n const unsubscribe = mutationCache.subscribe(() => {\n const result = getResult(mutationCache, options)\n state.value = result\n })\n\n watch(filters, () => {\n state.value = getResult(mutationCache, options)\n })\n\n onScopeDispose(() => {\n unsubscribe()\n })\n\n return readonly(state)\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,sBAOO;AACP,4BAA+B;AAC/B,mBAA+B;AAaxB,SAAS,cACd,UAA2B,CAAC,GAC5B,aACa;AACb,MAAI,QAAQ,IAAI,aAAa,eAAe;AAC1C,QAAI,KAAC,iCAAgB,GAAG;AACtB,cAAQ;AAAA,QACN;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAEA,QAAM,SAAS,mBAAe,sCAAe;AAE7C,QAAM,gBAAgB;AAAA,IACpB;AAAA,MACE,aAAS,0BAAS,OAAO;AAAA,QACvB,OAAG,6BAAe,OAAO;AAAA,QACzB,QAAQ;AAAA,MACV,EAAE;AAAA,IACJ;AAAA,IACA;AAAA,EACF;AACA,QAAM,aAAS,0BAAS,MAAM,cAAc,MAAM,MAAM;AAExD,SAAO;AACT;AAOA,SAAS,UACP,eACA,SACgB;AAChB,SAAO,cACJ,QAAQ,QAAQ,OAAO,EACvB;AAAA,IACC,CAAC,aACE,QAAQ,SAAS,QAAQ,OAAO,QAAQ,IAAI,SAAS;AAAA,EAC1D;AACJ;AAEO,SAAS,iBACd,UAAyC,CAAC,GAC1C,aACmC;AACnC,QAAM,cAAU,0BAAS,UAAM,6BAAe,QAAQ,OAAO,CAAC;AAC9D,QAAM,iBAAiB,mBAAe,sCAAe,GAAG,iBAAiB;AACzE,QAAM,YAAQ,qBAAI,UAAU,eAAe,OAAO,CAAC;AACnD,QAAM,cAAc,cAAc,UAAU,MAAM;AAChD,UAAM,SAAS,UAAU,eAAe,OAAO;AAC/C,UAAM,QAAQ;AAAA,EAChB,CAAC;AAED,6BAAM,SAAS,MAAM;AACnB,UAAM,QAAQ,UAAU,eAAe,OAAO;AAAA,EAChD,CAAC;AAED,sCAAe,MAAM;AACnB,gBAAY;AAAA,EACd,CAAC;AAED,aAAO,0BAAS,KAAK;AACvB;","names":[]}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { Ref, DeepReadonly } from 'vue-demi';
|
|
2
|
-
import { MutationFilters as MutationFilters$1, MutationState, Mutation
|
|
2
|
+
import { MutationFilters as MutationFilters$1, MutationState, Mutation } from '@tanstack/query-core';
|
|
3
3
|
import { QueryClient } from './queryClient.cjs';
|
|
4
4
|
import { MaybeRefDeep } from './types.cjs';
|
|
5
5
|
|
|
@@ -7,7 +7,7 @@ type MutationFilters = MaybeRefDeep<MutationFilters$1>;
|
|
|
7
7
|
declare function useIsMutating(filters?: MutationFilters, queryClient?: QueryClient): Ref<number>;
|
|
8
8
|
type MutationStateOptions<TResult = MutationState> = {
|
|
9
9
|
filters?: MutationFilters;
|
|
10
|
-
select?: (mutation: Mutation
|
|
10
|
+
select?: (mutation: Mutation) => TResult;
|
|
11
11
|
};
|
|
12
12
|
declare function useMutationState<TResult = MutationState>(options?: MutationStateOptions<TResult>, queryClient?: QueryClient): DeepReadonly<Ref<Array<TResult>>>;
|
|
13
13
|
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { Ref, DeepReadonly } from 'vue-demi';
|
|
2
|
-
import { MutationFilters as MutationFilters$1, MutationState, Mutation
|
|
2
|
+
import { MutationFilters as MutationFilters$1, MutationState, Mutation } from '@tanstack/query-core';
|
|
3
3
|
import { QueryClient } from './queryClient.js';
|
|
4
4
|
import { MaybeRefDeep } from './types.js';
|
|
5
5
|
|
|
@@ -7,7 +7,7 @@ type MutationFilters = MaybeRefDeep<MutationFilters$1>;
|
|
|
7
7
|
declare function useIsMutating(filters?: MutationFilters, queryClient?: QueryClient): Ref<number>;
|
|
8
8
|
type MutationStateOptions<TResult = MutationState> = {
|
|
9
9
|
filters?: MutationFilters;
|
|
10
|
-
select?: (mutation: Mutation
|
|
10
|
+
select?: (mutation: Mutation) => TResult;
|
|
11
11
|
};
|
|
12
12
|
declare function useMutationState<TResult = MutationState>(options?: MutationStateOptions<TResult>, queryClient?: QueryClient): DeepReadonly<Ref<Array<TResult>>>;
|
|
13
13
|
|
|
@@ -32,9 +32,7 @@ function useIsMutating(filters = {}, queryClient) {
|
|
|
32
32
|
}
|
|
33
33
|
function getResult(mutationCache, options) {
|
|
34
34
|
return mutationCache.findAll(options.filters).map(
|
|
35
|
-
(mutation) => options.select ? options.select(
|
|
36
|
-
mutation
|
|
37
|
-
) : mutation.state
|
|
35
|
+
(mutation) => options.select ? options.select(mutation) : mutation.state
|
|
38
36
|
);
|
|
39
37
|
}
|
|
40
38
|
function useMutationState(options = {}, queryClient) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/useMutationState.ts"],"sourcesContent":["import {\n computed,\n getCurrentScope,\n onScopeDispose,\n readonly,\n ref,\n watch,\n} from 'vue-demi'\nimport { useQueryClient } from './useQueryClient'\nimport { cloneDeepUnref } from './utils'\nimport type { DeepReadonly, Ref } from 'vue-demi'\nimport type {\n
|
|
1
|
+
{"version":3,"sources":["../../src/useMutationState.ts"],"sourcesContent":["import {\n computed,\n getCurrentScope,\n onScopeDispose,\n readonly,\n ref,\n watch,\n} from 'vue-demi'\nimport { useQueryClient } from './useQueryClient'\nimport { cloneDeepUnref } from './utils'\nimport type { DeepReadonly, Ref } from 'vue-demi'\nimport type {\n MutationFilters as MF,\n Mutation,\n MutationState,\n} from '@tanstack/query-core'\nimport type { QueryClient } from './queryClient'\nimport type { MaybeRefDeep } from './types'\nimport type { MutationCache } from './mutationCache'\n\nexport type MutationFilters = MaybeRefDeep<MF>\n\nexport function useIsMutating(\n filters: MutationFilters = {},\n queryClient?: QueryClient,\n): Ref<number> {\n if (process.env.NODE_ENV === 'development') {\n if (!getCurrentScope()) {\n console.warn(\n 'vue-query composable like \"useQuery()\" should only be used inside a \"setup()\" function or a running effect scope. They might otherwise lead to memory leaks.',\n )\n }\n }\n\n const client = queryClient || useQueryClient()\n\n const mutationState = useMutationState(\n {\n filters: computed(() => ({\n ...cloneDeepUnref(filters),\n status: 'pending' as const,\n })),\n },\n client,\n )\n const length = computed(() => mutationState.value.length)\n\n return length\n}\n\nexport type MutationStateOptions<TResult = MutationState> = {\n filters?: MutationFilters\n select?: (mutation: Mutation) => TResult\n}\n\nfunction getResult<TResult = MutationState>(\n mutationCache: MutationCache,\n options: MutationStateOptions<TResult>,\n): Array<TResult> {\n return mutationCache\n .findAll(options.filters)\n .map(\n (mutation): TResult =>\n (options.select ? options.select(mutation) : mutation.state) as TResult,\n )\n}\n\nexport function useMutationState<TResult = MutationState>(\n options: MutationStateOptions<TResult> = {},\n queryClient?: QueryClient,\n): DeepReadonly<Ref<Array<TResult>>> {\n const filters = computed(() => cloneDeepUnref(options.filters))\n const mutationCache = (queryClient || useQueryClient()).getMutationCache()\n const state = ref(getResult(mutationCache, options)) as Ref<Array<TResult>>\n const unsubscribe = mutationCache.subscribe(() => {\n const result = getResult(mutationCache, options)\n state.value = result\n })\n\n watch(filters, () => {\n state.value = getResult(mutationCache, options)\n })\n\n onScopeDispose(() => {\n unsubscribe()\n })\n\n return readonly(state)\n}\n"],"mappings":";AAAA;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,sBAAsB;AAC/B,SAAS,sBAAsB;AAaxB,SAAS,cACd,UAA2B,CAAC,GAC5B,aACa;AACb,MAAI,QAAQ,IAAI,aAAa,eAAe;AAC1C,QAAI,CAAC,gBAAgB,GAAG;AACtB,cAAQ;AAAA,QACN;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAEA,QAAM,SAAS,eAAe,eAAe;AAE7C,QAAM,gBAAgB;AAAA,IACpB;AAAA,MACE,SAAS,SAAS,OAAO;AAAA,QACvB,GAAG,eAAe,OAAO;AAAA,QACzB,QAAQ;AAAA,MACV,EAAE;AAAA,IACJ;AAAA,IACA;AAAA,EACF;AACA,QAAM,SAAS,SAAS,MAAM,cAAc,MAAM,MAAM;AAExD,SAAO;AACT;AAOA,SAAS,UACP,eACA,SACgB;AAChB,SAAO,cACJ,QAAQ,QAAQ,OAAO,EACvB;AAAA,IACC,CAAC,aACE,QAAQ,SAAS,QAAQ,OAAO,QAAQ,IAAI,SAAS;AAAA,EAC1D;AACJ;AAEO,SAAS,iBACd,UAAyC,CAAC,GAC1C,aACmC;AACnC,QAAM,UAAU,SAAS,MAAM,eAAe,QAAQ,OAAO,CAAC;AAC9D,QAAM,iBAAiB,eAAe,eAAe,GAAG,iBAAiB;AACzE,QAAM,QAAQ,IAAI,UAAU,eAAe,OAAO,CAAC;AACnD,QAAM,cAAc,cAAc,UAAU,MAAM;AAChD,UAAM,SAAS,UAAU,eAAe,OAAO;AAC/C,UAAM,QAAQ;AAAA,EAChB,CAAC;AAED,QAAM,SAAS,MAAM;AACnB,UAAM,QAAQ,UAAU,eAAe,OAAO;AAAA,EAChD,CAAC;AAED,iBAAe,MAAM;AACnB,gBAAY;AAAA,EACd,CAAC;AAED,SAAO,SAAS,KAAK;AACvB;","names":[]}
|
|
@@ -50,9 +50,7 @@ function useIsMutating(filters = {}, queryClient) {
|
|
|
50
50
|
}
|
|
51
51
|
function getResult(mutationCache, options) {
|
|
52
52
|
return mutationCache.findAll(options.filters).map(
|
|
53
|
-
(mutation) => options.select ? options.select(
|
|
54
|
-
mutation
|
|
55
|
-
) : mutation.state
|
|
53
|
+
(mutation) => options.select ? options.select(mutation) : mutation.state
|
|
56
54
|
);
|
|
57
55
|
}
|
|
58
56
|
function useMutationState(options = {}, queryClient) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/useMutationState.ts"],"sourcesContent":["import {\n computed,\n getCurrentScope,\n onScopeDispose,\n readonly,\n ref,\n watch,\n} from 'vue-demi'\nimport { useQueryClient } from './useQueryClient'\nimport { cloneDeepUnref } from './utils'\nimport type { DeepReadonly, Ref } from 'vue-demi'\nimport type {\n
|
|
1
|
+
{"version":3,"sources":["../../src/useMutationState.ts"],"sourcesContent":["import {\n computed,\n getCurrentScope,\n onScopeDispose,\n readonly,\n ref,\n watch,\n} from 'vue-demi'\nimport { useQueryClient } from './useQueryClient'\nimport { cloneDeepUnref } from './utils'\nimport type { DeepReadonly, Ref } from 'vue-demi'\nimport type {\n MutationFilters as MF,\n Mutation,\n MutationState,\n} from '@tanstack/query-core'\nimport type { QueryClient } from './queryClient'\nimport type { MaybeRefDeep } from './types'\nimport type { MutationCache } from './mutationCache'\n\nexport type MutationFilters = MaybeRefDeep<MF>\n\nexport function useIsMutating(\n filters: MutationFilters = {},\n queryClient?: QueryClient,\n): Ref<number> {\n if (process.env.NODE_ENV === 'development') {\n if (!getCurrentScope()) {\n console.warn(\n 'vue-query composable like \"useQuery()\" should only be used inside a \"setup()\" function or a running effect scope. They might otherwise lead to memory leaks.',\n )\n }\n }\n\n const client = queryClient || useQueryClient()\n\n const mutationState = useMutationState(\n {\n filters: computed(() => ({\n ...cloneDeepUnref(filters),\n status: 'pending' as const,\n })),\n },\n client,\n )\n const length = computed(() => mutationState.value.length)\n\n return length\n}\n\nexport type MutationStateOptions<TResult = MutationState> = {\n filters?: MutationFilters\n select?: (mutation: Mutation) => TResult\n}\n\nfunction getResult<TResult = MutationState>(\n mutationCache: MutationCache,\n options: MutationStateOptions<TResult>,\n): Array<TResult> {\n return mutationCache\n .findAll(options.filters)\n .map(\n (mutation): TResult =>\n (options.select ? options.select(mutation) : mutation.state) as TResult,\n )\n}\n\nexport function useMutationState<TResult = MutationState>(\n options: MutationStateOptions<TResult> = {},\n queryClient?: QueryClient,\n): DeepReadonly<Ref<Array<TResult>>> {\n const filters = computed(() => cloneDeepUnref(options.filters))\n const mutationCache = (queryClient || useQueryClient()).getMutationCache()\n const state = ref(getResult(mutationCache, options)) as Ref<Array<TResult>>\n const unsubscribe = mutationCache.subscribe(() => {\n const result = getResult(mutationCache, options)\n state.value = result\n })\n\n watch(filters, () => {\n state.value = getResult(mutationCache, options)\n })\n\n onScopeDispose(() => {\n unsubscribe()\n })\n\n return readonly(state)\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,sBAOO;AACP,4BAA+B;AAC/B,mBAA+B;AAaxB,SAAS,cACd,UAA2B,CAAC,GAC5B,aACa;AACb,MAAI,QAAQ,IAAI,aAAa,eAAe;AAC1C,QAAI,KAAC,iCAAgB,GAAG;AACtB,cAAQ;AAAA,QACN;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAEA,QAAM,SAAS,mBAAe,sCAAe;AAE7C,QAAM,gBAAgB;AAAA,IACpB;AAAA,MACE,aAAS,0BAAS,OAAO;AAAA,QACvB,OAAG,6BAAe,OAAO;AAAA,QACzB,QAAQ;AAAA,MACV,EAAE;AAAA,IACJ;AAAA,IACA;AAAA,EACF;AACA,QAAM,aAAS,0BAAS,MAAM,cAAc,MAAM,MAAM;AAExD,SAAO;AACT;AAOA,SAAS,UACP,eACA,SACgB;AAChB,SAAO,cACJ,QAAQ,QAAQ,OAAO,EACvB;AAAA,IACC,CAAC,aACE,QAAQ,SAAS,QAAQ,OAAO,QAAQ,IAAI,SAAS;AAAA,EAC1D;AACJ;AAEO,SAAS,iBACd,UAAyC,CAAC,GAC1C,aACmC;AACnC,QAAM,cAAU,0BAAS,UAAM,6BAAe,QAAQ,OAAO,CAAC;AAC9D,QAAM,iBAAiB,mBAAe,sCAAe,GAAG,iBAAiB;AACzE,QAAM,YAAQ,qBAAI,UAAU,eAAe,OAAO,CAAC;AACnD,QAAM,cAAc,cAAc,UAAU,MAAM;AAChD,UAAM,SAAS,UAAU,eAAe,OAAO;AAC/C,UAAM,QAAQ;AAAA,EAChB,CAAC;AAED,6BAAM,SAAS,MAAM;AACnB,UAAM,QAAQ,UAAU,eAAe,OAAO;AAAA,EAChD,CAAC;AAED,sCAAe,MAAM;AACnB,gBAAY;AAAA,EACd,CAAC;AAED,aAAO,0BAAS,KAAK;AACvB;","names":[]}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { Ref, DeepReadonly } from 'vue-demi';
|
|
2
|
-
import { MutationFilters as MutationFilters$1, MutationState, Mutation
|
|
2
|
+
import { MutationFilters as MutationFilters$1, MutationState, Mutation } from '@tanstack/query-core';
|
|
3
3
|
import { QueryClient } from './queryClient.cjs';
|
|
4
4
|
import { MaybeRefDeep } from './types.cjs';
|
|
5
5
|
|
|
@@ -7,7 +7,7 @@ type MutationFilters = MaybeRefDeep<MutationFilters$1>;
|
|
|
7
7
|
declare function useIsMutating(filters?: MutationFilters, queryClient?: QueryClient): Ref<number>;
|
|
8
8
|
type MutationStateOptions<TResult = MutationState> = {
|
|
9
9
|
filters?: MutationFilters;
|
|
10
|
-
select?: (mutation: Mutation
|
|
10
|
+
select?: (mutation: Mutation) => TResult;
|
|
11
11
|
};
|
|
12
12
|
declare function useMutationState<TResult = MutationState>(options?: MutationStateOptions<TResult>, queryClient?: QueryClient): DeepReadonly<Ref<Array<TResult>>>;
|
|
13
13
|
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { Ref, DeepReadonly } from 'vue-demi';
|
|
2
|
-
import { MutationFilters as MutationFilters$1, MutationState, Mutation
|
|
2
|
+
import { MutationFilters as MutationFilters$1, MutationState, Mutation } from '@tanstack/query-core';
|
|
3
3
|
import { QueryClient } from './queryClient.js';
|
|
4
4
|
import { MaybeRefDeep } from './types.js';
|
|
5
5
|
|
|
@@ -7,7 +7,7 @@ type MutationFilters = MaybeRefDeep<MutationFilters$1>;
|
|
|
7
7
|
declare function useIsMutating(filters?: MutationFilters, queryClient?: QueryClient): Ref<number>;
|
|
8
8
|
type MutationStateOptions<TResult = MutationState> = {
|
|
9
9
|
filters?: MutationFilters;
|
|
10
|
-
select?: (mutation: Mutation
|
|
10
|
+
select?: (mutation: Mutation) => TResult;
|
|
11
11
|
};
|
|
12
12
|
declare function useMutationState<TResult = MutationState>(options?: MutationStateOptions<TResult>, queryClient?: QueryClient): DeepReadonly<Ref<Array<TResult>>>;
|
|
13
13
|
|
|
@@ -32,9 +32,7 @@ function useIsMutating(filters = {}, queryClient) {
|
|
|
32
32
|
}
|
|
33
33
|
function getResult(mutationCache, options) {
|
|
34
34
|
return mutationCache.findAll(options.filters).map(
|
|
35
|
-
(mutation) => options.select ? options.select(
|
|
36
|
-
mutation
|
|
37
|
-
) : mutation.state
|
|
35
|
+
(mutation) => options.select ? options.select(mutation) : mutation.state
|
|
38
36
|
);
|
|
39
37
|
}
|
|
40
38
|
function useMutationState(options = {}, queryClient) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/useMutationState.ts"],"sourcesContent":["import {\n computed,\n getCurrentScope,\n onScopeDispose,\n readonly,\n ref,\n watch,\n} from 'vue-demi'\nimport { useQueryClient } from './useQueryClient'\nimport { cloneDeepUnref } from './utils'\nimport type { DeepReadonly, Ref } from 'vue-demi'\nimport type {\n
|
|
1
|
+
{"version":3,"sources":["../../src/useMutationState.ts"],"sourcesContent":["import {\n computed,\n getCurrentScope,\n onScopeDispose,\n readonly,\n ref,\n watch,\n} from 'vue-demi'\nimport { useQueryClient } from './useQueryClient'\nimport { cloneDeepUnref } from './utils'\nimport type { DeepReadonly, Ref } from 'vue-demi'\nimport type {\n MutationFilters as MF,\n Mutation,\n MutationState,\n} from '@tanstack/query-core'\nimport type { QueryClient } from './queryClient'\nimport type { MaybeRefDeep } from './types'\nimport type { MutationCache } from './mutationCache'\n\nexport type MutationFilters = MaybeRefDeep<MF>\n\nexport function useIsMutating(\n filters: MutationFilters = {},\n queryClient?: QueryClient,\n): Ref<number> {\n if (process.env.NODE_ENV === 'development') {\n if (!getCurrentScope()) {\n console.warn(\n 'vue-query composable like \"useQuery()\" should only be used inside a \"setup()\" function or a running effect scope. They might otherwise lead to memory leaks.',\n )\n }\n }\n\n const client = queryClient || useQueryClient()\n\n const mutationState = useMutationState(\n {\n filters: computed(() => ({\n ...cloneDeepUnref(filters),\n status: 'pending' as const,\n })),\n },\n client,\n )\n const length = computed(() => mutationState.value.length)\n\n return length\n}\n\nexport type MutationStateOptions<TResult = MutationState> = {\n filters?: MutationFilters\n select?: (mutation: Mutation) => TResult\n}\n\nfunction getResult<TResult = MutationState>(\n mutationCache: MutationCache,\n options: MutationStateOptions<TResult>,\n): Array<TResult> {\n return mutationCache\n .findAll(options.filters)\n .map(\n (mutation): TResult =>\n (options.select ? options.select(mutation) : mutation.state) as TResult,\n )\n}\n\nexport function useMutationState<TResult = MutationState>(\n options: MutationStateOptions<TResult> = {},\n queryClient?: QueryClient,\n): DeepReadonly<Ref<Array<TResult>>> {\n const filters = computed(() => cloneDeepUnref(options.filters))\n const mutationCache = (queryClient || useQueryClient()).getMutationCache()\n const state = ref(getResult(mutationCache, options)) as Ref<Array<TResult>>\n const unsubscribe = mutationCache.subscribe(() => {\n const result = getResult(mutationCache, options)\n state.value = result\n })\n\n watch(filters, () => {\n state.value = getResult(mutationCache, options)\n })\n\n onScopeDispose(() => {\n unsubscribe()\n })\n\n return readonly(state)\n}\n"],"mappings":";AAAA;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,sBAAsB;AAC/B,SAAS,sBAAsB;AAaxB,SAAS,cACd,UAA2B,CAAC,GAC5B,aACa;AACb,MAAI,QAAQ,IAAI,aAAa,eAAe;AAC1C,QAAI,CAAC,gBAAgB,GAAG;AACtB,cAAQ;AAAA,QACN;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAEA,QAAM,SAAS,eAAe,eAAe;AAE7C,QAAM,gBAAgB;AAAA,IACpB;AAAA,MACE,SAAS,SAAS,OAAO;AAAA,QACvB,GAAG,eAAe,OAAO;AAAA,QACzB,QAAQ;AAAA,MACV,EAAE;AAAA,IACJ;AAAA,IACA;AAAA,EACF;AACA,QAAM,SAAS,SAAS,MAAM,cAAc,MAAM,MAAM;AAExD,SAAO;AACT;AAOA,SAAS,UACP,eACA,SACgB;AAChB,SAAO,cACJ,QAAQ,QAAQ,OAAO,EACvB;AAAA,IACC,CAAC,aACE,QAAQ,SAAS,QAAQ,OAAO,QAAQ,IAAI,SAAS;AAAA,EAC1D;AACJ;AAEO,SAAS,iBACd,UAAyC,CAAC,GAC1C,aACmC;AACnC,QAAM,UAAU,SAAS,MAAM,eAAe,QAAQ,OAAO,CAAC;AAC9D,QAAM,iBAAiB,eAAe,eAAe,GAAG,iBAAiB;AACzE,QAAM,QAAQ,IAAI,UAAU,eAAe,OAAO,CAAC;AACnD,QAAM,cAAc,cAAc,UAAU,MAAM;AAChD,UAAM,SAAS,UAAU,eAAe,OAAO;AAC/C,UAAM,QAAQ;AAAA,EAChB,CAAC;AAED,QAAM,SAAS,MAAM;AACnB,UAAM,QAAQ,UAAU,eAAe,OAAO;AAAA,EAChD,CAAC;AAED,iBAAe,MAAM;AACnB,gBAAY;AAAA,EACd,CAAC;AAED,SAAO,SAAS,KAAK;AACvB;","names":[]}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@tanstack/vue-query",
|
|
3
|
-
"version": "5.
|
|
3
|
+
"version": "5.37.1",
|
|
4
4
|
"description": "Hooks for managing, caching and syncing asynchronous and remote data in Vue",
|
|
5
5
|
"author": "Damian Osipiuk",
|
|
6
6
|
"license": "MIT",
|
|
@@ -46,15 +46,15 @@
|
|
|
46
46
|
"src"
|
|
47
47
|
],
|
|
48
48
|
"dependencies": {
|
|
49
|
-
"@tanstack/match-sorter-utils": "^8.
|
|
49
|
+
"@tanstack/match-sorter-utils": "^8.15.1",
|
|
50
50
|
"@vue/devtools-api": "^6.5.1",
|
|
51
|
-
"vue-demi": "^0.14.
|
|
52
|
-
"@tanstack/query-core": "5.36.
|
|
51
|
+
"vue-demi": "^0.14.7",
|
|
52
|
+
"@tanstack/query-core": "5.36.1"
|
|
53
53
|
},
|
|
54
54
|
"devDependencies": {
|
|
55
55
|
"@vitejs/plugin-vue": "^5.0.4",
|
|
56
56
|
"@vue/composition-api": "1.7.2",
|
|
57
|
-
"vue": "^3.
|
|
57
|
+
"vue": "^3.4.27",
|
|
58
58
|
"vue2": "npm:vue@2.6",
|
|
59
59
|
"vue2.7": "npm:vue@2.7"
|
|
60
60
|
},
|
|
@@ -67,17 +67,5 @@
|
|
|
67
67
|
"optional": true
|
|
68
68
|
}
|
|
69
69
|
},
|
|
70
|
-
"scripts": {
|
|
71
|
-
"clean": "rimraf ./build && rimraf ./coverage",
|
|
72
|
-
"test:eslint": "eslint --ext .ts,.tsx ./src",
|
|
73
|
-
"test:types": "vue-demi-switch 3 && tsc",
|
|
74
|
-
"test:lib": "pnpm run test:2 && pnpm run test:2.7 && pnpm run test:3",
|
|
75
|
-
"test:2": "vue-demi-switch 2 vue2 && vitest",
|
|
76
|
-
"test:2.7": "vue-demi-switch 2.7 vue2.7 && vitest",
|
|
77
|
-
"test:3": "vue-demi-switch 3 && vitest",
|
|
78
|
-
"test:lib:dev": "pnpm run test:lib --watch",
|
|
79
|
-
"test:build": "publint --strict",
|
|
80
|
-
"test:attw": "attw --pack",
|
|
81
|
-
"build": "tsup"
|
|
82
|
-
}
|
|
70
|
+
"scripts": {}
|
|
83
71
|
}
|
package/src/useMutationState.ts
CHANGED
|
@@ -10,7 +10,6 @@ import { useQueryClient } from './useQueryClient'
|
|
|
10
10
|
import { cloneDeepUnref } from './utils'
|
|
11
11
|
import type { DeepReadonly, Ref } from 'vue-demi'
|
|
12
12
|
import type {
|
|
13
|
-
DefaultError,
|
|
14
13
|
MutationFilters as MF,
|
|
15
14
|
Mutation,
|
|
16
15
|
MutationState,
|
|
@@ -51,9 +50,7 @@ export function useIsMutating(
|
|
|
51
50
|
|
|
52
51
|
export type MutationStateOptions<TResult = MutationState> = {
|
|
53
52
|
filters?: MutationFilters
|
|
54
|
-
select?: (
|
|
55
|
-
mutation: Mutation<unknown, DefaultError, unknown, unknown>,
|
|
56
|
-
) => TResult
|
|
53
|
+
select?: (mutation: Mutation) => TResult
|
|
57
54
|
}
|
|
58
55
|
|
|
59
56
|
function getResult<TResult = MutationState>(
|
|
@@ -64,11 +61,7 @@ function getResult<TResult = MutationState>(
|
|
|
64
61
|
.findAll(options.filters)
|
|
65
62
|
.map(
|
|
66
63
|
(mutation): TResult =>
|
|
67
|
-
(options.select
|
|
68
|
-
? options.select(
|
|
69
|
-
mutation as Mutation<unknown, DefaultError, unknown, unknown>,
|
|
70
|
-
)
|
|
71
|
-
: mutation.state) as TResult,
|
|
64
|
+
(options.select ? options.select(mutation) : mutation.state) as TResult,
|
|
72
65
|
)
|
|
73
66
|
}
|
|
74
67
|
|