@v2coding/ui 0.1.47 → 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;
@@ -7830,6 +7915,8 @@ var FormDialog = __vue_component__$f;
 //
 //
 //
+//
+//
 var script$e = {
   name: 'ui-drawer',
   inheritAttrs: false,
@@ -7842,6 +7929,14 @@ var script$e = {
     },
     customClass: {
       type: String
+    },
+    wrapperClosable: {
+      type: Boolean,
+      default: false
+    },
+    closeOnPressEscape: {
+      type: Boolean,
+      default: false
     }
   },
   computed: {
@@ -7884,7 +7979,9 @@ var __vue_render__$d = function () {
     attrs: {
       "size": _vm.width,
       "visible": _vm.realVisible,
-      "custom-class": _vm.realCustomClass
+      "custom-class": _vm.realCustomClass,
+      "wrapper-closable": _vm.wrapperClosable,
+      "close-on-press-escape": _vm.closeOnPressEscape
     },
     on: {
       "update:visible": _vm.onUpdateVisible
@@ -7897,7 +7994,7 @@ var __vue_staticRenderFns__$d = [];
 
 const __vue_inject_styles__$e = function (inject) {
   if (!inject) return;
-  inject("data-v-743600a7_0", {
+  inject("data-v-0affe6b4_0", {
     source: ".ui-drawer .el-drawer__header{margin:0;padding:14px 16px;height:50px;border-bottom:1px solid #e8eaec;display:flex;flex-direction:row;align-items:center}.ui-drawer .el-drawer__header>span:first-child{color:#17233d}.ui-drawer .el-drawer__body{height:calc(100% - 51px);display:flex;flex-direction:column}",
     map: undefined,
     media: undefined
@@ -11003,6 +11100,22 @@ var Drag = {
 
 };
 
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
 //
 //
 //
@@ -11036,6 +11149,10 @@ var script$6 = {
       type: Boolean,
       default: false
     },
+    closeOnPressEscape: {
+      type: Boolean,
+      default: false
+    },
     destroyOnClose: {
       type: Boolean,
       default: true
@@ -11140,6 +11257,7 @@ var __vue_render__$6 = function () {
       "visible": _vm.visible,
       "width": _vm.width,
       "close-on-click-modal": _vm.closeOnClickModal,
+      "close-on-press-escape": _vm.closeOnPressEscape,
       "destroy-on-close": _vm.destroyOnClose,
       "show-close": false
     },
@@ -11188,8 +11306,8 @@ var __vue_staticRenderFns__$6 = [];
 
 const __vue_inject_styles__$6 = function (inject) {
   if (!inject) return;
-  inject("data-v-2fef274f_0", {
-    source: ".ui-dialog[data-v-2fef274f]  .el-dialog{margin-bottom:0}.ui-dialog[data-v-2fef274f]  .el-dialog .title{position:relative;line-height:28px;padding:12px 48px 12px 24px;word-break:keep-all;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-bottom:1px solid #e8e8e8;color:#202124;font-weight:500;font-size:16px}.ui-dialog[data-v-2fef274f]  .el-dialog .title .close{position:absolute;right:0;top:0;bottom:0;width:53px;height:53px;display:inline-block;text-align:center;cursor:pointer;transition:all .3s;user-select:none}.ui-dialog[data-v-2fef274f]  .el-dialog .title .close:hover{color:var(--color-primary)}.ui-dialog[data-v-2fef274f]  .el-dialog .title .close>i{font-size:20px;line-height:53px}[data-v-2fef274f] .el-form .ui-form-fieldset:first-child{margin-top:0}[data-v-2fef274f] .el-form .ui-form-fieldset:last-child{margin-bottom:0}[data-v-2fef274f] .el-dialog__header{padding:0;user-select:none}[data-v-2fef274f] .el-dialog__body{padding-bottom:20px}[data-v-2fef274f] .el-dialog__footer{padding:10px 20px;border-top:1px solid #dcdfe6}.el-dialog__footer .el-button[data-v-2fef274f]{border-radius:2px}@keyframes rotate-data-v-2fef274f{from{transform:rotate(0)}to{transform:rotate(360deg)}}",
+  inject("data-v-9674bbd8_0", {
+    source: ".ui-dialog[data-v-9674bbd8]  .el-dialog{margin-bottom:0}.ui-dialog[data-v-9674bbd8]  .el-dialog .title{position:relative;line-height:28px;padding:12px 48px 12px 24px;word-break:keep-all;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-bottom:1px solid #e8e8e8;color:#202124;font-weight:500;font-size:16px}.ui-dialog[data-v-9674bbd8]  .el-dialog .title .close{position:absolute;right:0;top:0;bottom:0;width:53px;height:53px;display:inline-block;text-align:center;cursor:pointer;transition:all .3s;user-select:none}.ui-dialog[data-v-9674bbd8]  .el-dialog .title .close:hover{color:var(--color-primary)}.ui-dialog[data-v-9674bbd8]  .el-dialog .title .close>i{font-size:20px;line-height:53px}[data-v-9674bbd8] .el-form .ui-form-fieldset:first-child{margin-top:0}[data-v-9674bbd8] .el-form .ui-form-fieldset:last-child{margin-bottom:0}[data-v-9674bbd8] .el-dialog__header{padding:0;user-select:none}[data-v-9674bbd8] .el-dialog__body{padding-bottom:20px}[data-v-9674bbd8] .el-dialog__footer{padding:10px 20px;border-top:1px solid #dcdfe6}.el-dialog__footer .el-button[data-v-9674bbd8]{border-radius:2px}@keyframes rotate-data-v-9674bbd8{from{transform:rotate(0)}to{transform:rotate(360deg)}}",
     map: undefined,
     media: undefined
   });
@@ -11197,7 +11315,7 @@ const __vue_inject_styles__$6 = function (inject) {
 /* scoped */
 
 
-const __vue_scope_id__$6 = "data-v-2fef274f";
+const __vue_scope_id__$6 = "data-v-9674bbd8";
 /* module identifier */
 
 const __vue_module_identifier__$6 = undefined;