import type { ComputedRef } from 'vue';
|
|
import type { BasicTableProps } from '../types/table';
|
|
import { computed, ref, unref, watch } from 'vue';
|
|
export function useLoading(props: ComputedRef<BasicTableProps>) {
|
const loadingRef = ref(unref(props).loading);
|
const loadingTipRef = ref(unref(props).loadingTip);
|
|
watch(
|
() => [unref(props).loading, unref(props).loadingTip] as const,
|
([loading, loadingTip]) => {
|
loadingRef.value = loading;
|
loadingTipRef.value = loadingTip;
|
},
|
);
|
|
const getLoading = computed(() => unref(loadingRef));
|
const getLoadingTip = computed(() => unref(loadingTipRef));
|
|
function setLoading(loading: boolean, tip?: string) {
|
loadingRef.value = loading;
|
loadingTipRef.value = loading ? tip : undefined;
|
}
|
|
return { getLoading, getLoadingTip, setLoading };
|
}
|
