31 lines
973 B
TypeScript
31 lines
973 B
TypeScript
|
import { ref } from 'vue';
|
|||
|
|
|
|||
|
|
/**
|
|||
|
|
* 工作台 widget 统一刷新：卡片右上角刷新按钮触发，转 loading + 执行加载动作，并发期内忽略重复点击。
|
|||
|
|
*
|
|||
|
|
* - 已接真实接口的 widget：传入 loader（内部 await 拉取并回填数据）。
|
|||
|
|
* - 尚未接接口的 mock widget：不传 loader，转一拍 loading 给出可感知反馈；接口接通后补 loader 即自动生效。
|
|||
|
|
*/
|
|||
|
|
export function useWorkbenchRefresh(loader?: () => Promise<void> | void) {
|
|||
|
|
const loading = ref(false);
|
|||
|
|
|
|||
|
|
async function refresh() {
|
|||
|
|
if (loading.value) return;
|
|||
|
|
loading.value = true;
|
|||
|
|
try {
|
|||
|
|
if (loader) {
|
|||
|
|
await loader();
|
|||
|
|
} else {
|
|||
|
|
// 占位：mock widget 无真实数据源，转一拍 loading；接口接通后传入 loader 替代
|
|||
|
|
await new Promise<void>(resolve => {
|
|||
|
|
setTimeout(resolve, 400);
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
} finally {
|
|||
|
|
loading.value = false;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
return { loading, refresh };
|
|||
|
|
}
|