28 lines
644 B
TypeScript
28 lines
644 B
TypeScript
import { ref, onMounted, onActivated } from 'vue';
|
|
|
|
/**
|
|
* 列表页 mount / KeepAlive activated 生命周期：有缓存则后台静默刷新，无缓存则显示 loading。
|
|
*/
|
|
export function useStaleListLifecycle(
|
|
hasData: () => boolean,
|
|
loadFn: () => void | Promise<void>,
|
|
) {
|
|
const loading = ref(false);
|
|
|
|
async function runLoad(showSpinner: boolean) {
|
|
if (showSpinner) loading.value = true;
|
|
try {
|
|
await loadFn();
|
|
} finally {
|
|
loading.value = false;
|
|
}
|
|
}
|
|
|
|
onMounted(() => void runLoad(!hasData()));
|
|
onActivated(() => {
|
|
if (hasData()) void runLoad(false);
|
|
});
|
|
|
|
return { loading, runLoad };
|
|
}
|