@antdv/pro-utils
Version:
@antdv/pro-utils
46 lines (45 loc) • 1.37 kB
JavaScript
var __async = (__this, __arguments, generator) => {
return new Promise((resolve, reject) => {
var fulfilled = (value) => {
try {
step(generator.next(value));
} catch (e) {
reject(e);
}
};
var rejected = (value) => {
try {
step(generator.throw(value));
} catch (e) {
reject(e);
}
};
var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
step((generator = generator.apply(__this, __arguments)).next());
});
};
import { ref } from "vue";
import { useRequest } from "../useRequest/index.mjs";
function useFetchData(props) {
const abortRef = ref(null);
const { state, error } = useRequest(() => __async(this, null, function* () {
var _a, _b;
(_a = abortRef.value) == null ? void 0 : _a.abort();
const abort = new AbortController();
abortRef.value = abort;
const loadData = yield Promise.race([
(_b = props.request) == null ? void 0 : _b.call(props, props.params, props),
new Promise((_, reject) => {
var _a2, _b2;
(_b2 = (_a2 = abortRef.value) == null ? void 0 : _a2.signal) == null ? void 0 : _b2.addEventListener("abort", () => {
reject(new Error("aborted"));
});
})
]);
return loadData;
}));
return [state || error];
}
export {
useFetchData
};