no log: Rename fetched to dirty in OrderIdState

This commit is contained in:
LASER-Yi 2021-07-27 22:52:27 +08:00
parent b912ca4e41
commit dffb417413
4 changed files with 10 additions and 10 deletions

View file

@ -4,7 +4,7 @@ export function defaultAOS(): AsyncOrderState<any> {
data: { data: {
items: [], items: [],
order: [], order: [],
fetched: false, dirty: false,
}, },
}; };
} }

View file

@ -36,7 +36,7 @@ export function updateOrderIdState<T extends LooseObject>(
return { return {
data: { data: {
...state.data, ...state.data,
fetched: true, dirty: true,
}, },
updating: true, updating: true,
}; };
@ -44,7 +44,7 @@ export function updateOrderIdState<T extends LooseObject>(
return { return {
data: { data: {
...state.data, ...state.data,
fetched: true, dirty: true,
}, },
updating: false, updating: false,
error: action.payload.item as Error, error: action.payload.item as Error,
@ -107,7 +107,7 @@ export function updateOrderIdState<T extends LooseObject>(
return { return {
updating: false, updating: false,
data: { data: {
fetched: true, dirty: true,
items: newItems, items: newItems,
order: newOrder, order: newOrder,
}, },
@ -131,7 +131,7 @@ export function deleteOrderListItemBy<T extends LooseObject>(
return { return {
...state, ...state,
data: { data: {
fetched: true, dirty: true,
items: newItems, items: newItems,
order: newOrder, order: newOrder,
}, },

View file

@ -14,7 +14,7 @@ type StorageType = string | null;
interface OrderIdState<T> { interface OrderIdState<T> {
items: IdState<T>; items: IdState<T>;
order: (number | null)[]; order: (number | null)[];
fetched: boolean; dirty: boolean;
} }
interface AsyncState<T> { interface AsyncState<T> {

View file

@ -21,7 +21,7 @@ export default function AsyncPageTable<T extends object>(props: Props<T>) {
const { const {
updating, updating,
data: { order, items, fetched }, data: { order, items, dirty },
} = aos; } = aos;
const allPlugins: PluginHook<T>[] = [useDefaultSettings]; const allPlugins: PluginHook<T>[] = [useDefaultSettings];
@ -85,12 +85,12 @@ export default function AsyncPageTable<T extends object>(props: Props<T>) {
}, [pageIndex]); }, [pageIndex]);
useEffect(() => { useEffect(() => {
const needInit = visibleItemIds.length === 0 && fetched === false; const needFetch = visibleItemIds.length === 0 && dirty === false;
const needRefresh = !visibleItemIds.every(isNonNullable); const needRefresh = !visibleItemIds.every(isNonNullable);
if (needInit || needRefresh) { if (needFetch || needRefresh) {
loader(pageStart, pageSize); loader(pageStart, pageSize);
} }
}, [visibleItemIds, pageStart, pageSize, loader, fetched]); }, [visibleItemIds, pageStart, pageSize, loader, dirty]);
const showLoading = useMemo( const showLoading = useMemo(
() => () =>