@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,22 +1,20 @@
|
|
|
1
|
-
import { computed, reactive, ref, watch, onScopeDispose, toRefs, readonly
|
|
1
|
+
import { computed, reactive, ref, watch, onScopeDispose, toRefs, readonly } from 'vue-demi';
|
|
2
2
|
import { useQueryClient } from './useQueryClient.mjs';
|
|
3
|
-
import {
|
|
3
|
+
import { cloneDeepUnref, updateState } from './utils.mjs';
|
|
4
4
|
|
|
5
|
-
function useBaseQuery(Observer,
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
const options = computed(() => parseQueryArgs(arg1, arg2, arg3));
|
|
9
|
-
const queryClient = (_options$value$queryC = options.value.queryClient) != null ? _options$value$queryC : useQueryClient(options.value.queryClientKey);
|
|
5
|
+
function useBaseQuery(Observer, options, queryClient) {
|
|
6
|
+
const client = queryClient || useQueryClient();
|
|
10
7
|
const defaultedOptions = computed(() => {
|
|
11
|
-
const defaulted =
|
|
12
|
-
defaulted._optimisticResults =
|
|
8
|
+
const defaulted = client.defaultQueryOptions(cloneDeepUnref(options));
|
|
9
|
+
defaulted._optimisticResults = client.isRestoring.value ? 'isRestoring' : 'optimistic';
|
|
13
10
|
return defaulted;
|
|
14
11
|
});
|
|
15
|
-
const observer = new Observer(
|
|
12
|
+
const observer = new Observer(client, defaultedOptions.value);
|
|
16
13
|
const state = reactive(observer.getCurrentResult());
|
|
17
|
-
const unsubscribe = ref(() => {
|
|
14
|
+
const unsubscribe = ref(() => {
|
|
15
|
+
// noop
|
|
18
16
|
});
|
|
19
|
-
watch(
|
|
17
|
+
watch(client.isRestoring, isRestoring => {
|
|
20
18
|
// eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
|
|
21
19
|
if (!isRestoring) {
|
|
22
20
|
unsubscribe.value();
|
|
@@ -36,16 +34,14 @@ function useBaseQuery(Observer, arg1, arg2 = {}, arg3 = {}) {
|
|
|
36
34
|
onScopeDispose(() => {
|
|
37
35
|
unsubscribe.value();
|
|
38
36
|
});
|
|
39
|
-
|
|
40
37
|
const suspense = () => {
|
|
41
38
|
return new Promise(resolve => {
|
|
42
|
-
let stopWatch = () => {
|
|
39
|
+
let stopWatch = () => {
|
|
40
|
+
//noop
|
|
43
41
|
};
|
|
44
|
-
|
|
45
42
|
const run = () => {
|
|
46
43
|
if (defaultedOptions.value.enabled !== false) {
|
|
47
44
|
const optimisticResult = observer.getOptimisticResult(defaultedOptions.value);
|
|
48
|
-
|
|
49
45
|
if (optimisticResult.isStale) {
|
|
50
46
|
stopWatch();
|
|
51
47
|
resolve(observer.fetchOptimistic(defaultedOptions.value));
|
|
@@ -55,39 +51,17 @@ function useBaseQuery(Observer, arg1, arg2 = {}, arg3 = {}) {
|
|
|
55
51
|
}
|
|
56
52
|
}
|
|
57
53
|
};
|
|
58
|
-
|
|
59
54
|
run();
|
|
60
55
|
stopWatch = watch(defaultedOptions, run, {
|
|
61
56
|
deep: true
|
|
62
57
|
});
|
|
63
58
|
});
|
|
64
59
|
};
|
|
65
|
-
|
|
66
|
-
|
|
60
|
+
return {
|
|
61
|
+
...toRefs(readonly(state)),
|
|
67
62
|
suspense
|
|
68
63
|
};
|
|
69
64
|
}
|
|
70
|
-
function parseQueryArgs(arg1, arg2 = {}, arg3 = {}) {
|
|
71
|
-
const plainArg1 = unref(arg1);
|
|
72
|
-
const plainArg2 = unref(arg2);
|
|
73
|
-
const plainArg3 = unref(arg3);
|
|
74
|
-
let options = plainArg1;
|
|
75
|
-
|
|
76
|
-
if (!isQueryKey(plainArg1)) {
|
|
77
|
-
options = plainArg1;
|
|
78
|
-
} else if (typeof plainArg2 === 'function') {
|
|
79
|
-
options = { ...plainArg3,
|
|
80
|
-
queryKey: plainArg1,
|
|
81
|
-
queryFn: plainArg2
|
|
82
|
-
};
|
|
83
|
-
} else {
|
|
84
|
-
options = { ...plainArg2,
|
|
85
|
-
queryKey: plainArg1
|
|
86
|
-
};
|
|
87
|
-
}
|
|
88
|
-
|
|
89
|
-
return cloneDeepUnref(options);
|
|
90
|
-
}
|
|
91
65
|
|
|
92
|
-
export {
|
|
66
|
+
export { useBaseQuery };
|
|
93
67
|
//# sourceMappingURL=useBaseQuery.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useBaseQuery.mjs","sources":["../../src/useBaseQuery.ts"],"sourcesContent":["import {\n onScopeDispose,\n toRefs,\n readonly,\n reactive,\n watch,\n ref,\n computed,\n
|
|
1
|
+
{"version":3,"file":"useBaseQuery.mjs","sources":["../../src/useBaseQuery.ts"],"sourcesContent":["import {\n onScopeDispose,\n toRefs,\n readonly,\n reactive,\n watch,\n ref,\n computed,\n} from 'vue-demi'\nimport type { ToRefs } from 'vue-demi'\nimport type {\n QueryObserver,\n QueryKey,\n QueryObserverResult,\n DefaultedQueryObserverOptions,\n} from '@tanstack/query-core'\nimport { useQueryClient } from './useQueryClient'\nimport { updateState, cloneDeepUnref } from './utils'\nimport type { QueryClient } from './queryClient'\nimport type { UseQueryOptions } from './useQuery'\nimport type { UseInfiniteQueryOptions } from './useInfiniteQuery'\n\nexport type UseBaseQueryReturnType<\n TData,\n TError,\n Result = QueryObserverResult<TData, TError>,\n> = ToRefs<Readonly<Result>> & {\n suspense: () => Promise<Result>\n}\n\ntype UseQueryOptionsGeneric<\n TQueryFnData,\n TError,\n TData,\n TQueryData,\n TQueryKey extends QueryKey = QueryKey,\n TPageParam = unknown,\n> =\n | UseQueryOptions<TQueryFnData, TError, TData, TQueryData, TQueryKey>\n | UseInfiniteQueryOptions<\n TQueryFnData,\n TError,\n TData,\n TQueryData,\n TQueryKey,\n TPageParam\n >\n\nexport function useBaseQuery<\n TQueryFnData,\n TError,\n TData,\n TQueryData,\n TQueryKey extends QueryKey,\n TPageParam,\n>(\n Observer: typeof QueryObserver,\n options: UseQueryOptionsGeneric<\n TQueryFnData,\n TError,\n TData,\n TQueryData,\n TQueryKey,\n TPageParam\n >,\n queryClient?: QueryClient,\n): UseBaseQueryReturnType<TData, TError> {\n const client = queryClient || useQueryClient()\n\n const defaultedOptions = computed(() => {\n const defaulted = client.defaultQueryOptions(\n cloneDeepUnref(options as any),\n ) as DefaultedQueryObserverOptions<\n TQueryFnData,\n TError,\n TData,\n TQueryData,\n TQueryKey\n >\n\n defaulted._optimisticResults = client.isRestoring.value\n ? 'isRestoring'\n : 'optimistic'\n\n return defaulted\n })\n\n const observer = new Observer(client, defaultedOptions.value)\n const state = reactive(observer.getCurrentResult())\n\n const unsubscribe = ref(() => {\n // noop\n })\n\n watch(\n client.isRestoring,\n (isRestoring) => {\n // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition\n if (!isRestoring) {\n unsubscribe.value()\n unsubscribe.value = observer.subscribe((result) => {\n updateState(state, result)\n })\n }\n },\n { immediate: true },\n )\n\n watch(\n defaultedOptions,\n () => {\n observer.setOptions(defaultedOptions.value)\n updateState(state, observer.getCurrentResult())\n },\n { deep: true },\n )\n\n onScopeDispose(() => {\n unsubscribe.value()\n })\n\n const suspense = () => {\n return new Promise<QueryObserverResult<TData, TError>>((resolve) => {\n let stopWatch = () => {\n //noop\n }\n const run = () => {\n if (defaultedOptions.value.enabled !== false) {\n const optimisticResult = observer.getOptimisticResult(\n defaultedOptions.value,\n )\n if (optimisticResult.isStale) {\n stopWatch()\n resolve(observer.fetchOptimistic(defaultedOptions.value))\n } else {\n stopWatch()\n resolve(optimisticResult)\n }\n }\n }\n\n run()\n\n stopWatch = watch(defaultedOptions, run, { deep: true })\n })\n }\n\n return {\n ...(toRefs(readonly(state)) as ToRefs<\n Readonly<QueryObserverResult<TData, TError>>\n >),\n suspense,\n }\n}\n"],"names":["useBaseQuery","Observer","options","queryClient","client","useQueryClient","defaultedOptions","computed","defaulted","defaultQueryOptions","cloneDeepUnref","_optimisticResults","isRestoring","value","observer","state","reactive","getCurrentResult","unsubscribe","ref","watch","subscribe","result","updateState","immediate","setOptions","deep","onScopeDispose","suspense","Promise","resolve","stopWatch","run","enabled","optimisticResult","getOptimisticResult","isStale","fetchOptimistic","toRefs","readonly"],"mappings":"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"}
|
|
@@ -1,16 +1,16 @@
|
|
|
1
|
+
import type { InfiniteData, WithRequired, QueryKey, InfiniteQueryObserverResult, InfiniteQueryObserverOptions, RegisteredError } from '@tanstack/query-core';
|
|
2
|
+
import type { UseBaseQueryReturnType } from './useBaseQuery';
|
|
3
|
+
import type { DistributiveOmit, MaybeRefDeep } from './types';
|
|
4
|
+
import type { QueryClient } from './queryClient';
|
|
1
5
|
import type { UnwrapRef } from 'vue-demi';
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
declare type
|
|
7
|
-
export declare type UseInfiniteQueryReturnType<TData, TError> = DistributiveOmit<InfiniteQueryReturnType<TData, TError>, 'fetchNextPage' | 'fetchPreviousPage' | 'refetch' | 'remove'> & {
|
|
6
|
+
export declare type UseInfiniteQueryOptions<TQueryFnData = unknown, TError = RegisteredError, TData = TQueryFnData, TQueryData = TQueryFnData, TQueryKey extends QueryKey = QueryKey, TPageParam = unknown> = {
|
|
7
|
+
[Property in keyof InfiniteQueryObserverOptions<TQueryFnData, TError, TData, TQueryData, TQueryKey, TPageParam>]: Property extends 'queryFn' ? InfiniteQueryObserverOptions<TQueryFnData, TError, TData, TQueryData, UnwrapRef<TQueryKey>, TPageParam>[Property] : MaybeRefDeep<WithRequired<InfiniteQueryObserverOptions<TQueryFnData, TError, TData, TQueryData, TQueryKey, TPageParam>, 'queryKey'>[Property]>;
|
|
8
|
+
};
|
|
9
|
+
declare type InfiniteQueryReturnType<TData, TError> = UseBaseQueryReturnType<TData, TError, InfiniteQueryObserverResult<TData, TError>>;
|
|
10
|
+
export declare type UseInfiniteQueryReturnType<TData, TError> = DistributiveOmit<InfiniteQueryReturnType<TData, TError>, 'fetchNextPage' | 'fetchPreviousPage' | 'refetch'> & {
|
|
8
11
|
fetchNextPage: InfiniteQueryObserverResult<TData, TError>['fetchNextPage'];
|
|
9
12
|
fetchPreviousPage: InfiniteQueryObserverResult<TData, TError>['fetchPreviousPage'];
|
|
10
13
|
refetch: InfiniteQueryObserverResult<TData, TError>['refetch'];
|
|
11
|
-
remove: InfiniteQueryObserverResult<TData, TError>['remove'];
|
|
12
14
|
};
|
|
13
|
-
export declare function useInfiniteQuery<TQueryFnData
|
|
14
|
-
export declare function useInfiniteQuery<TQueryFnData = unknown, TError = unknown, TData = TQueryFnData, TQueryKey extends QueryKey = QueryKey>(queryKey: TQueryKey, options?: Omit<UseInfiniteQueryOptions<TQueryFnData, TError, TData, TQueryKey>, 'queryKey'>): UseInfiniteQueryReturnType<TData, TError>;
|
|
15
|
-
export declare function useInfiniteQuery<TQueryFnData = unknown, TError = unknown, TData = TQueryFnData, TQueryKey extends QueryKey = QueryKey>(queryKey: TQueryKey, queryFn: QueryFunction<TQueryFnData, UnwrapRef<TQueryKey>>, options?: Omit<UseInfiniteQueryOptions<TQueryFnData, TError, TData, TQueryKey>, 'queryKey' | 'queryFn'>): UseInfiniteQueryReturnType<TData, TError>;
|
|
15
|
+
export declare function useInfiniteQuery<TQueryFnData, TError = RegisteredError, TData = InfiniteData<TQueryFnData>, TQueryKey extends QueryKey = QueryKey, TPageParam = unknown>(options: UseInfiniteQueryOptions<TQueryFnData, TError, TData, TQueryFnData, TQueryKey, TPageParam>, queryClient?: QueryClient): UseInfiniteQueryReturnType<TData, TError>;
|
|
16
16
|
export {};
|
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
import { InfiniteQueryObserver } from '@tanstack/query-core';
|
|
2
2
|
import { useBaseQuery } from './useBaseQuery.esm.js';
|
|
3
3
|
|
|
4
|
-
function useInfiniteQuery(
|
|
5
|
-
const result = useBaseQuery(InfiniteQueryObserver,
|
|
6
|
-
return {
|
|
4
|
+
function useInfiniteQuery(options, queryClient) {
|
|
5
|
+
const result = useBaseQuery(InfiniteQueryObserver, options, queryClient);
|
|
6
|
+
return {
|
|
7
|
+
...result,
|
|
7
8
|
fetchNextPage: result.fetchNextPage.value,
|
|
8
9
|
fetchPreviousPage: result.fetchPreviousPage.value,
|
|
9
|
-
refetch: result.refetch.value
|
|
10
|
-
remove: result.remove.value
|
|
10
|
+
refetch: result.refetch.value
|
|
11
11
|
};
|
|
12
12
|
}
|
|
13
13
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useInfiniteQuery.esm.js","sources":["../../src/useInfiniteQuery.ts"],"sourcesContent":["import { InfiniteQueryObserver } from '@tanstack/query-core'\nimport type {
|
|
1
|
+
{"version":3,"file":"useInfiniteQuery.esm.js","sources":["../../src/useInfiniteQuery.ts"],"sourcesContent":["import { InfiniteQueryObserver } from '@tanstack/query-core'\nimport type {\n InfiniteData,\n QueryObserver,\n WithRequired,\n QueryKey,\n InfiniteQueryObserverResult,\n InfiniteQueryObserverOptions,\n RegisteredError,\n} from '@tanstack/query-core'\n\nimport { useBaseQuery } from './useBaseQuery'\nimport type { UseBaseQueryReturnType } from './useBaseQuery'\n\nimport type { DistributiveOmit, MaybeRefDeep } from './types'\nimport type { QueryClient } from './queryClient'\nimport type { UnwrapRef } from 'vue-demi'\n\nexport type UseInfiniteQueryOptions<\n TQueryFnData = unknown,\n TError = RegisteredError,\n TData = TQueryFnData,\n TQueryData = TQueryFnData,\n TQueryKey extends QueryKey = QueryKey,\n TPageParam = unknown,\n> = {\n [Property in keyof InfiniteQueryObserverOptions<\n TQueryFnData,\n TError,\n TData,\n TQueryData,\n TQueryKey,\n TPageParam\n >]: Property extends 'queryFn'\n ? InfiniteQueryObserverOptions<\n TQueryFnData,\n TError,\n TData,\n TQueryData,\n UnwrapRef<TQueryKey>,\n TPageParam\n >[Property]\n : MaybeRefDeep<\n WithRequired<\n InfiniteQueryObserverOptions<\n TQueryFnData,\n TError,\n TData,\n TQueryData,\n TQueryKey,\n TPageParam\n >,\n 'queryKey'\n >[Property]\n >\n}\n\ntype InfiniteQueryReturnType<TData, TError> = UseBaseQueryReturnType<\n TData,\n TError,\n InfiniteQueryObserverResult<TData, TError>\n>\nexport type UseInfiniteQueryReturnType<TData, TError> = DistributiveOmit<\n InfiniteQueryReturnType<TData, TError>,\n 'fetchNextPage' | 'fetchPreviousPage' | 'refetch'\n> & {\n fetchNextPage: InfiniteQueryObserverResult<TData, TError>['fetchNextPage']\n fetchPreviousPage: InfiniteQueryObserverResult<\n TData,\n TError\n >['fetchPreviousPage']\n refetch: InfiniteQueryObserverResult<TData, TError>['refetch']\n}\n\nexport function useInfiniteQuery<\n TQueryFnData,\n TError = RegisteredError,\n TData = InfiniteData<TQueryFnData>,\n TQueryKey extends QueryKey = QueryKey,\n TPageParam = unknown,\n>(\n options: UseInfiniteQueryOptions<\n TQueryFnData,\n TError,\n TData,\n TQueryFnData,\n TQueryKey,\n TPageParam\n >,\n queryClient?: QueryClient,\n): UseInfiniteQueryReturnType<TData, TError> {\n const result = useBaseQuery(\n InfiniteQueryObserver as typeof QueryObserver,\n options,\n queryClient,\n ) as InfiniteQueryReturnType<TData, TError>\n return {\n ...result,\n fetchNextPage: result.fetchNextPage.value,\n fetchPreviousPage: result.fetchPreviousPage.value,\n refetch: result.refetch.value,\n }\n}\n"],"names":["useInfiniteQuery","options","queryClient","result","useBaseQuery","InfiniteQueryObserver","fetchNextPage","value","fetchPreviousPage","refetch"],"mappings":";;;AA0EO,SAASA,gBAAgB,CAO9BC,OAOC,EACDC,WAAyB,EACkB;EAC3C,MAAMC,MAAM,GAAGC,YAAY,CACzBC,qBAAqB,EACrBJ,OAAO,EACPC,WAAW,CAC8B,CAAA;EAC3C,OAAO;AACL,IAAA,GAAGC,MAAM;AACTG,IAAAA,aAAa,EAAEH,MAAM,CAACG,aAAa,CAACC,KAAK;AACzCC,IAAAA,iBAAiB,EAAEL,MAAM,CAACK,iBAAiB,CAACD,KAAK;AACjDE,IAAAA,OAAO,EAAEN,MAAM,CAACM,OAAO,CAACF,KAAAA;GACzB,CAAA;AACH;;;;"}
|
|
@@ -1,17 +1,15 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
-
|
|
5
3
|
var queryCore = require('@tanstack/query-core');
|
|
6
4
|
var useBaseQuery = require('./useBaseQuery.js');
|
|
7
5
|
|
|
8
|
-
function useInfiniteQuery(
|
|
9
|
-
const result = useBaseQuery.useBaseQuery(queryCore.InfiniteQueryObserver,
|
|
10
|
-
return {
|
|
6
|
+
function useInfiniteQuery(options, queryClient) {
|
|
7
|
+
const result = useBaseQuery.useBaseQuery(queryCore.InfiniteQueryObserver, options, queryClient);
|
|
8
|
+
return {
|
|
9
|
+
...result,
|
|
11
10
|
fetchNextPage: result.fetchNextPage.value,
|
|
12
11
|
fetchPreviousPage: result.fetchPreviousPage.value,
|
|
13
|
-
refetch: result.refetch.value
|
|
14
|
-
remove: result.remove.value
|
|
12
|
+
refetch: result.refetch.value
|
|
15
13
|
};
|
|
16
14
|
}
|
|
17
15
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useInfiniteQuery.js","sources":["../../src/useInfiniteQuery.ts"],"sourcesContent":["import { InfiniteQueryObserver } from '@tanstack/query-core'\nimport type {
|
|
1
|
+
{"version":3,"file":"useInfiniteQuery.js","sources":["../../src/useInfiniteQuery.ts"],"sourcesContent":["import { InfiniteQueryObserver } from '@tanstack/query-core'\nimport type {\n InfiniteData,\n QueryObserver,\n WithRequired,\n QueryKey,\n InfiniteQueryObserverResult,\n InfiniteQueryObserverOptions,\n RegisteredError,\n} from '@tanstack/query-core'\n\nimport { useBaseQuery } from './useBaseQuery'\nimport type { UseBaseQueryReturnType } from './useBaseQuery'\n\nimport type { DistributiveOmit, MaybeRefDeep } from './types'\nimport type { QueryClient } from './queryClient'\nimport type { UnwrapRef } from 'vue-demi'\n\nexport type UseInfiniteQueryOptions<\n TQueryFnData = unknown,\n TError = RegisteredError,\n TData = TQueryFnData,\n TQueryData = TQueryFnData,\n TQueryKey extends QueryKey = QueryKey,\n TPageParam = unknown,\n> = {\n [Property in keyof InfiniteQueryObserverOptions<\n TQueryFnData,\n TError,\n TData,\n TQueryData,\n TQueryKey,\n TPageParam\n >]: Property extends 'queryFn'\n ? InfiniteQueryObserverOptions<\n TQueryFnData,\n TError,\n TData,\n TQueryData,\n UnwrapRef<TQueryKey>,\n TPageParam\n >[Property]\n : MaybeRefDeep<\n WithRequired<\n InfiniteQueryObserverOptions<\n TQueryFnData,\n TError,\n TData,\n TQueryData,\n TQueryKey,\n TPageParam\n >,\n 'queryKey'\n >[Property]\n >\n}\n\ntype InfiniteQueryReturnType<TData, TError> = UseBaseQueryReturnType<\n TData,\n TError,\n InfiniteQueryObserverResult<TData, TError>\n>\nexport type UseInfiniteQueryReturnType<TData, TError> = DistributiveOmit<\n InfiniteQueryReturnType<TData, TError>,\n 'fetchNextPage' | 'fetchPreviousPage' | 'refetch'\n> & {\n fetchNextPage: InfiniteQueryObserverResult<TData, TError>['fetchNextPage']\n fetchPreviousPage: InfiniteQueryObserverResult<\n TData,\n TError\n >['fetchPreviousPage']\n refetch: InfiniteQueryObserverResult<TData, TError>['refetch']\n}\n\nexport function useInfiniteQuery<\n TQueryFnData,\n TError = RegisteredError,\n TData = InfiniteData<TQueryFnData>,\n TQueryKey extends QueryKey = QueryKey,\n TPageParam = unknown,\n>(\n options: UseInfiniteQueryOptions<\n TQueryFnData,\n TError,\n TData,\n TQueryFnData,\n TQueryKey,\n TPageParam\n >,\n queryClient?: QueryClient,\n): UseInfiniteQueryReturnType<TData, TError> {\n const result = useBaseQuery(\n InfiniteQueryObserver as typeof QueryObserver,\n options,\n queryClient,\n ) as InfiniteQueryReturnType<TData, TError>\n return {\n ...result,\n fetchNextPage: result.fetchNextPage.value,\n fetchPreviousPage: result.fetchPreviousPage.value,\n refetch: result.refetch.value,\n }\n}\n"],"names":["useInfiniteQuery","options","queryClient","result","useBaseQuery","InfiniteQueryObserver","fetchNextPage","value","fetchPreviousPage","refetch"],"mappings":";;;;;AA0EO,SAASA,gBAAgB,CAO9BC,OAOC,EACDC,WAAyB,EACkB;EAC3C,MAAMC,MAAM,GAAGC,yBAAY,CACzBC,+BAAqB,EACrBJ,OAAO,EACPC,WAAW,CAC8B,CAAA;EAC3C,OAAO;AACL,IAAA,GAAGC,MAAM;AACTG,IAAAA,aAAa,EAAEH,MAAM,CAACG,aAAa,CAACC,KAAK;AACzCC,IAAAA,iBAAiB,EAAEL,MAAM,CAACK,iBAAiB,CAACD,KAAK;AACjDE,IAAAA,OAAO,EAAEN,MAAM,CAACM,OAAO,CAACF,KAAAA;GACzB,CAAA;AACH;;;;"}
|
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
import { InfiniteQueryObserver } from '@tanstack/query-core';
|
|
2
2
|
import { useBaseQuery } from './useBaseQuery.mjs';
|
|
3
3
|
|
|
4
|
-
function useInfiniteQuery(
|
|
5
|
-
const result = useBaseQuery(InfiniteQueryObserver,
|
|
6
|
-
return {
|
|
4
|
+
function useInfiniteQuery(options, queryClient) {
|
|
5
|
+
const result = useBaseQuery(InfiniteQueryObserver, options, queryClient);
|
|
6
|
+
return {
|
|
7
|
+
...result,
|
|
7
8
|
fetchNextPage: result.fetchNextPage.value,
|
|
8
9
|
fetchPreviousPage: result.fetchPreviousPage.value,
|
|
9
|
-
refetch: result.refetch.value
|
|
10
|
-
remove: result.remove.value
|
|
10
|
+
refetch: result.refetch.value
|
|
11
11
|
};
|
|
12
12
|
}
|
|
13
13
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useInfiniteQuery.mjs","sources":["../../src/useInfiniteQuery.ts"],"sourcesContent":["import { InfiniteQueryObserver } from '@tanstack/query-core'\nimport type {
|
|
1
|
+
{"version":3,"file":"useInfiniteQuery.mjs","sources":["../../src/useInfiniteQuery.ts"],"sourcesContent":["import { InfiniteQueryObserver } from '@tanstack/query-core'\nimport type {\n InfiniteData,\n QueryObserver,\n WithRequired,\n QueryKey,\n InfiniteQueryObserverResult,\n InfiniteQueryObserverOptions,\n RegisteredError,\n} from '@tanstack/query-core'\n\nimport { useBaseQuery } from './useBaseQuery'\nimport type { UseBaseQueryReturnType } from './useBaseQuery'\n\nimport type { DistributiveOmit, MaybeRefDeep } from './types'\nimport type { QueryClient } from './queryClient'\nimport type { UnwrapRef } from 'vue-demi'\n\nexport type UseInfiniteQueryOptions<\n TQueryFnData = unknown,\n TError = RegisteredError,\n TData = TQueryFnData,\n TQueryData = TQueryFnData,\n TQueryKey extends QueryKey = QueryKey,\n TPageParam = unknown,\n> = {\n [Property in keyof InfiniteQueryObserverOptions<\n TQueryFnData,\n TError,\n TData,\n TQueryData,\n TQueryKey,\n TPageParam\n >]: Property extends 'queryFn'\n ? InfiniteQueryObserverOptions<\n TQueryFnData,\n TError,\n TData,\n TQueryData,\n UnwrapRef<TQueryKey>,\n TPageParam\n >[Property]\n : MaybeRefDeep<\n WithRequired<\n InfiniteQueryObserverOptions<\n TQueryFnData,\n TError,\n TData,\n TQueryData,\n TQueryKey,\n TPageParam\n >,\n 'queryKey'\n >[Property]\n >\n}\n\ntype InfiniteQueryReturnType<TData, TError> = UseBaseQueryReturnType<\n TData,\n TError,\n InfiniteQueryObserverResult<TData, TError>\n>\nexport type UseInfiniteQueryReturnType<TData, TError> = DistributiveOmit<\n InfiniteQueryReturnType<TData, TError>,\n 'fetchNextPage' | 'fetchPreviousPage' | 'refetch'\n> & {\n fetchNextPage: InfiniteQueryObserverResult<TData, TError>['fetchNextPage']\n fetchPreviousPage: InfiniteQueryObserverResult<\n TData,\n TError\n >['fetchPreviousPage']\n refetch: InfiniteQueryObserverResult<TData, TError>['refetch']\n}\n\nexport function useInfiniteQuery<\n TQueryFnData,\n TError = RegisteredError,\n TData = InfiniteData<TQueryFnData>,\n TQueryKey extends QueryKey = QueryKey,\n TPageParam = unknown,\n>(\n options: UseInfiniteQueryOptions<\n TQueryFnData,\n TError,\n TData,\n TQueryFnData,\n TQueryKey,\n TPageParam\n >,\n queryClient?: QueryClient,\n): UseInfiniteQueryReturnType<TData, TError> {\n const result = useBaseQuery(\n InfiniteQueryObserver as typeof QueryObserver,\n options,\n queryClient,\n ) as InfiniteQueryReturnType<TData, TError>\n return {\n ...result,\n fetchNextPage: result.fetchNextPage.value,\n fetchPreviousPage: result.fetchPreviousPage.value,\n refetch: result.refetch.value,\n }\n}\n"],"names":["useInfiniteQuery","options","queryClient","result","useBaseQuery","InfiniteQueryObserver","fetchNextPage","value","fetchPreviousPage","refetch"],"mappings":";;;AA0EO,SAASA,gBAAgB,CAO9BC,OAOC,EACDC,WAAyB,EACkB;EAC3C,MAAMC,MAAM,GAAGC,YAAY,CACzBC,qBAAqB,EACrBJ,OAAO,EACPC,WAAW,CAC8B,CAAA;EAC3C,OAAO;AACL,IAAA,GAAGC,MAAM;AACTG,IAAAA,aAAa,EAAEH,MAAM,CAACG,aAAa,CAACC,KAAK;AACzCC,IAAAA,iBAAiB,EAAEL,MAAM,CAACK,iBAAiB,CAACD,KAAK;AACjDE,IAAAA,OAAO,EAAEN,MAAM,CAACM,OAAO,CAACF,KAAAA;GACzB,CAAA;AACH;;;;"}
|
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
import type { Ref } from 'vue-demi';
|
|
2
|
-
import type {
|
|
3
|
-
import type {
|
|
4
|
-
|
|
5
|
-
export declare
|
|
6
|
-
export declare function useIsFetching(
|
|
7
|
-
export declare function parseFilterArgs(arg1?: MaybeRef<QueryKey> | QueryFilters, arg2?: QueryFilters): WithQueryClientKey<QF>;
|
|
2
|
+
import type { QueryFilters as QF } from '@tanstack/query-core';
|
|
3
|
+
import type { MaybeRefDeep } from './types';
|
|
4
|
+
import type { QueryClient } from './queryClient';
|
|
5
|
+
export declare type QueryFilters = MaybeRefDeep<QF>;
|
|
6
|
+
export declare function useIsFetching(fetchingFilters?: MaybeRefDeep<QF>, queryClient?: QueryClient): Ref<number>;
|
|
@@ -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 useIsFetching(
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
const
|
|
9
|
-
const
|
|
10
|
-
|
|
11
|
-
const unsubscribe = queryClient.getQueryCache().subscribe(() => {
|
|
12
|
-
isFetching.value = queryClient.isFetching(filters);
|
|
5
|
+
function useIsFetching(fetchingFilters = {}, queryClient) {
|
|
6
|
+
const filters = computed(() => cloneDeepUnref(fetchingFilters));
|
|
7
|
+
const client = queryClient || useQueryClient();
|
|
8
|
+
const isFetching = ref(client.isFetching(filters));
|
|
9
|
+
const unsubscribe = client.getQueryCache().subscribe(() => {
|
|
10
|
+
isFetching.value = client.isFetching(filters);
|
|
13
11
|
});
|
|
14
12
|
watch(filters, () => {
|
|
15
|
-
isFetching.value =
|
|
13
|
+
isFetching.value = client.isFetching(filters);
|
|
16
14
|
}, {
|
|
17
15
|
deep: true
|
|
18
16
|
});
|
|
@@ -21,22 +19,6 @@ function useIsFetching(arg1, arg2) {
|
|
|
21
19
|
});
|
|
22
20
|
return isFetching;
|
|
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
|
-
queryKey: 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 { useIsFetching };
|
|
42
24
|
//# sourceMappingURL=useIsFetching.esm.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useIsFetching.esm.js","sources":["../../src/useIsFetching.ts"],"sourcesContent":["import { computed,
|
|
1
|
+
{"version":3,"file":"useIsFetching.esm.js","sources":["../../src/useIsFetching.ts"],"sourcesContent":["import { computed, onScopeDispose, ref, watch } from 'vue-demi'\nimport type { Ref } from 'vue-demi'\nimport type { QueryFilters as QF } from '@tanstack/query-core'\nimport { useQueryClient } from './useQueryClient'\nimport { cloneDeepUnref } from './utils'\nimport type { MaybeRefDeep } from './types'\nimport type { QueryClient } from './queryClient'\n\nexport type QueryFilters = MaybeRefDeep<QF>\n\nexport function useIsFetching(\n fetchingFilters: MaybeRefDeep<QF> = {},\n queryClient?: QueryClient,\n): Ref<number> {\n const filters = computed(() => cloneDeepUnref(fetchingFilters))\n const client = queryClient || useQueryClient()\n\n const isFetching = ref(client.isFetching(filters))\n\n const unsubscribe = client.getQueryCache().subscribe(() => {\n isFetching.value = client.isFetching(filters)\n })\n\n watch(\n filters,\n () => {\n isFetching.value = client.isFetching(filters)\n },\n { deep: true },\n )\n\n onScopeDispose(() => {\n unsubscribe()\n })\n\n return isFetching\n}\n"],"names":["useIsFetching","fetchingFilters","queryClient","filters","computed","cloneDeepUnref","client","useQueryClient","isFetching","ref","unsubscribe","getQueryCache","subscribe","value","watch","deep","onScopeDispose"],"mappings":";;;;AAUO,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,aAAa,EAAE,CAACC,SAAS,CAAC,MAAM;IACzDJ,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 useIsFetching(
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
const
|
|
13
|
-
const
|
|
14
|
-
|
|
15
|
-
const unsubscribe = queryClient.getQueryCache().subscribe(() => {
|
|
16
|
-
isFetching.value = queryClient.isFetching(filters);
|
|
7
|
+
function useIsFetching(fetchingFilters = {}, queryClient) {
|
|
8
|
+
const filters = vueDemi.computed(() => utils.cloneDeepUnref(fetchingFilters));
|
|
9
|
+
const client = queryClient || useQueryClient.useQueryClient();
|
|
10
|
+
const isFetching = vueDemi.ref(client.isFetching(filters));
|
|
11
|
+
const unsubscribe = client.getQueryCache().subscribe(() => {
|
|
12
|
+
isFetching.value = client.isFetching(filters);
|
|
17
13
|
});
|
|
18
14
|
vueDemi.watch(filters, () => {
|
|
19
|
-
isFetching.value =
|
|
15
|
+
isFetching.value = client.isFetching(filters);
|
|
20
16
|
}, {
|
|
21
17
|
deep: true
|
|
22
18
|
});
|
|
@@ -25,23 +21,6 @@ function useIsFetching(arg1, arg2) {
|
|
|
25
21
|
});
|
|
26
22
|
return isFetching;
|
|
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
|
-
queryKey: 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.useIsFetching = useIsFetching;
|
|
47
26
|
//# sourceMappingURL=useIsFetching.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useIsFetching.js","sources":["../../src/useIsFetching.ts"],"sourcesContent":["import { computed,
|
|
1
|
+
{"version":3,"file":"useIsFetching.js","sources":["../../src/useIsFetching.ts"],"sourcesContent":["import { computed, onScopeDispose, ref, watch } from 'vue-demi'\nimport type { Ref } from 'vue-demi'\nimport type { QueryFilters as QF } from '@tanstack/query-core'\nimport { useQueryClient } from './useQueryClient'\nimport { cloneDeepUnref } from './utils'\nimport type { MaybeRefDeep } from './types'\nimport type { QueryClient } from './queryClient'\n\nexport type QueryFilters = MaybeRefDeep<QF>\n\nexport function useIsFetching(\n fetchingFilters: MaybeRefDeep<QF> = {},\n queryClient?: QueryClient,\n): Ref<number> {\n const filters = computed(() => cloneDeepUnref(fetchingFilters))\n const client = queryClient || useQueryClient()\n\n const isFetching = ref(client.isFetching(filters))\n\n const unsubscribe = client.getQueryCache().subscribe(() => {\n isFetching.value = client.isFetching(filters)\n })\n\n watch(\n filters,\n () => {\n isFetching.value = client.isFetching(filters)\n },\n { deep: true },\n )\n\n onScopeDispose(() => {\n unsubscribe()\n })\n\n return isFetching\n}\n"],"names":["useIsFetching","fetchingFilters","queryClient","filters","computed","cloneDeepUnref","client","useQueryClient","isFetching","ref","unsubscribe","getQueryCache","subscribe","value","watch","deep","onScopeDispose"],"mappings":";;;;;;AAUO,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,aAAa,EAAE,CAACC,SAAS,CAAC,MAAM;IACzDJ,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 useIsFetching(
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
const
|
|
9
|
-
const
|
|
10
|
-
|
|
11
|
-
const unsubscribe = queryClient.getQueryCache().subscribe(() => {
|
|
12
|
-
isFetching.value = queryClient.isFetching(filters);
|
|
5
|
+
function useIsFetching(fetchingFilters = {}, queryClient) {
|
|
6
|
+
const filters = computed(() => cloneDeepUnref(fetchingFilters));
|
|
7
|
+
const client = queryClient || useQueryClient();
|
|
8
|
+
const isFetching = ref(client.isFetching(filters));
|
|
9
|
+
const unsubscribe = client.getQueryCache().subscribe(() => {
|
|
10
|
+
isFetching.value = client.isFetching(filters);
|
|
13
11
|
});
|
|
14
12
|
watch(filters, () => {
|
|
15
|
-
isFetching.value =
|
|
13
|
+
isFetching.value = client.isFetching(filters);
|
|
16
14
|
}, {
|
|
17
15
|
deep: true
|
|
18
16
|
});
|
|
@@ -21,22 +19,6 @@ function useIsFetching(arg1, arg2) {
|
|
|
21
19
|
});
|
|
22
20
|
return isFetching;
|
|
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
|
-
queryKey: 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 { useIsFetching };
|
|
42
24
|
//# sourceMappingURL=useIsFetching.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useIsFetching.mjs","sources":["../../src/useIsFetching.ts"],"sourcesContent":["import { computed,
|
|
1
|
+
{"version":3,"file":"useIsFetching.mjs","sources":["../../src/useIsFetching.ts"],"sourcesContent":["import { computed, onScopeDispose, ref, watch } from 'vue-demi'\nimport type { Ref } from 'vue-demi'\nimport type { QueryFilters as QF } from '@tanstack/query-core'\nimport { useQueryClient } from './useQueryClient'\nimport { cloneDeepUnref } from './utils'\nimport type { MaybeRefDeep } from './types'\nimport type { QueryClient } from './queryClient'\n\nexport type QueryFilters = MaybeRefDeep<QF>\n\nexport function useIsFetching(\n fetchingFilters: MaybeRefDeep<QF> = {},\n queryClient?: QueryClient,\n): Ref<number> {\n const filters = computed(() => cloneDeepUnref(fetchingFilters))\n const client = queryClient || useQueryClient()\n\n const isFetching = ref(client.isFetching(filters))\n\n const unsubscribe = client.getQueryCache().subscribe(() => {\n isFetching.value = client.isFetching(filters)\n })\n\n watch(\n filters,\n () => {\n isFetching.value = client.isFetching(filters)\n },\n { deep: true },\n )\n\n onScopeDispose(() => {\n unsubscribe()\n })\n\n return isFetching\n}\n"],"names":["useIsFetching","fetchingFilters","queryClient","filters","computed","cloneDeepUnref","client","useQueryClient","isFetching","ref","unsubscribe","getQueryCache","subscribe","value","watch","deep","onScopeDispose"],"mappings":";;;;AAUO,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,aAAa,EAAE,CAACC,SAAS,CAAC,MAAM;IACzDJ,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,7 +1,6 @@
|
|
|
1
1
|
import type { Ref } from 'vue-demi';
|
|
2
|
-
import type {
|
|
3
|
-
import type {
|
|
4
|
-
|
|
5
|
-
export declare
|
|
6
|
-
export declare function useIsMutating(
|
|
7
|
-
export declare function parseFilterArgs(arg1?: MaybeRef<MutationKey> | MutationFilters, arg2?: MutationFilters): WithQueryClientKey<MF>;
|
|
2
|
+
import type { MutationFilters as MF } from '@tanstack/query-core';
|
|
3
|
+
import type { MaybeRefDeep } from './types';
|
|
4
|
+
import type { QueryClient } from './queryClient';
|
|
5
|
+
export declare type MutationFilters = MaybeRefDeep<MF>;
|
|
6
|
+
export declare function useIsMutating(mutationFilters?: MaybeRefDeep<MF>, queryClient?: QueryClient): Ref<number>;
|