@v2coding/ui 0.1.48 → 0.1.49

package/dist/v2coding-ui.esm.js

@@ -128,6 +128,90 @@ const DefaultSetting = {
 };
 var DefaultSetting$1 = DefaultSetting;
 
+const defaultOptions = {
+  timeout: 30000,
+  jsonpCallback: 'callback',
+  jsonpCallbackFunction: null
+};
+
+function generateCallbackFunction() {
+  return `jsonp_${Date.now()}_${Math.ceil(Math.random() * 100000)}`;
+}
+
+function clearFunction(functionName) {
+  // IE8 throws an exception when you try to delete a property on window
+  // http://stackoverflow.com/a/1824228/751089
+  try {
+    delete window[functionName];
+  } catch (e) {
+    window[functionName] = undefined;
+  }
+}
+
+function removeScript(scriptId) {
+  const script = document.getElementById(scriptId);
+
+  if (script) {
+    document.getElementsByTagName('head')[0].removeChild(script);
+  }
+}
+
+function jsonp(_url) {
+  let options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+  // to avoid param reassign
+  let url = _url;
+  const timeout = options.timeout || defaultOptions.timeout;
+  const jsonpCallback = options.jsonpCallback || defaultOptions.jsonpCallback;
+  let timeoutId;
+  return new Promise((resolve, reject) => {
+    const callbackFunction = options.jsonpCallbackFunction || generateCallbackFunction();
+    const scriptId = `${jsonpCallback}_${callbackFunction}`;
+
+    window[callbackFunction] = response => {
+      resolve({
+        ok: true,
+        // keep consistent with fetch API
+        json: () => Promise.resolve(response)
+      });
+      if (timeoutId) clearTimeout(timeoutId);
+      removeScript(scriptId);
+      clearFunction(callbackFunction);
+    }; // Check if the user set their own params, and if not add a ? to start a list of params
+
+
+    url += url.indexOf('?') === -1 ? '?' : '&';
+    const jsonpScript = document.createElement('script');
+    jsonpScript.src = `${url}${jsonpCallback}=${callbackFunction}`;
+
+    if (options.nonce) {
+      jsonpScript.nonce = options.nonce;
+    }
+
+    if (options.referrerPolicy) {
+      jsonpScript.referrerPolicy = options.referrerPolicy;
+    }
+
+    jsonpScript.id = scriptId;
+    document.head.appendChild(jsonpScript);
+    timeoutId = setTimeout(() => {
+      reject(new Error(`JSONP request to ${_url} timed out`));
+      clearFunction(callbackFunction);
+      removeScript(scriptId);
+
+      window[callbackFunction] = () => {
+        clearFunction(callbackFunction);
+      };
+    }, timeout); // Caught if got 404/500
+
+    jsonpScript.onerror = () => {
+      reject(new Error(`JSONP request to ${_url} failed`));
+      clearFunction(callbackFunction);
+      removeScript(scriptId);
+      if (timeoutId) clearTimeout(timeoutId);
+    };
+  });
+}
+
 const downloadFile = (data, filename, mime) => {
   const blob = new Blob([data], {
     type: mime || data.type || 'application/octet-stream'
@@ -268,6 +352,7 @@ const init$2 = function (Vue) {
   instance.interceptors.response.use(onResponseSuccess, onResponseError);
   downloadInstance.interceptors.request.use(onRequestSuccess);
   downloadInstance.interceptors.response.use(onResponseSuccess, onResponseError);
+  instance.jsonp = jsonp;
   instance.download = initDownload(downloadInstance);
   instance.downloadServer = downloadInstance;
   Vue.prototype.$axios = instance;