@ace-fetch/graphql/esm/plugins/loading.js

Fetch Provider.

var __assign = (this && this.__assign) || function () {
    __assign = Object.assign || function(t) {
        for (var s, i = 1, n = arguments.length; i < n; i++) {
            s = arguments[i];
            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
                t[p] = s[p];
        }
        return t;
    };
    return __assign.apply(this, arguments);
};
import { isPromise } from '@ace-util/core';
var defaultOptions = {
    delay: 260,
    handler: undefined,
};
/**
 * regist loading plugin on current promise request
 * @param request request promise
 * @param options catch error options
 */
export function registLoading(request, options) {
    var curOptions = __assign(__assign({}, defaultOptions), options);
    return function (config) {
        var requestPromise = request(config);
        if (!isPromise(requestPromise)) {
            return requestPromise;
        }
        var loading = config === null || config === void 0 ? void 0 : config.loading;
        var text = config === null || config === void 0 ? void 0 : config.loadingText;
        var delay = curOptions.delay || 0;
        var showLoading = curOptions.handler;
        // 如果有本地设置
        if (loading && typeof loading !== 'boolean') {
            if (typeof loading === 'function') {
                showLoading = loading;
            }
            else {
                loading.delay !== void 0 && (delay = loading.delay);
                showLoading = loading.handler;
            }
        }
        // 转换为ReturnTypeLoading
        if (showLoading && showLoading.length > 0) {
            var setLoading_1 = showLoading;
            showLoading = function () {
                setLoading_1(true, text);
                return function () { return setLoading_1(false); };
            };
        }
        var delaySymbol = typeof Symbol === 'function' && !!Symbol.for ? Symbol('__LOADING__') : '__LOADING__';
        var delayPromise = new Promise(function (resolve) { return setTimeout(function () { return resolve(delaySymbol); }, delay); });
        var closeLoading;
        // loading 设置为true 或本地定义时并且loading 函数被设置时启动
        if (!!loading && showLoading) {
            Promise.race([requestPromise, delayPromise]).then(function (result) {
                result === delaySymbol && (closeLoading = showLoading === null || showLoading === void 0 ? void 0 : showLoading());
            });
        }
        return requestPromise
            .then(function (response) {
            closeLoading === null || closeLoading === void 0 ? void 0 : closeLoading();
            return response;
        })
            .catch(function (error) {
            closeLoading === null || closeLoading === void 0 ? void 0 : closeLoading();
            throw error;
        });
    };
}
/**
 * 注入加载中插件
 * 只在regist graphqls上运行 (and 自定义条件下)
 * @param options 插件配置
 */
export var createLoadingPlugin = function (options) {
    if (options === void 0) { options = {}; }
    return function (_a) {
        var registGraphqls = _a.registGraphqls;
        return Object.keys(registGraphqls).reduce(function (prev, key) {
            prev[key] = registLoading(registGraphqls[key], options);
            return prev;
        }, {});
    };
};