@web-utils/component 2.7.20 → 2.7.22

package/dist/components/chunk-file-uploader-file/index.js

@@ -1,104 +1,104 @@
-import n from "simple-uploader.js";
-import { s as p } from "../../chunks/utils.97652d86.js";
-import { n as f } from "../../chunks/vueComponentNormalizer.71e2aa87.js";
-const o = ["fileProgress", "fileSuccess", "fileComplete", "fileError"];
-var u = function() {
-  var e = this, i = e.$createElement, s = e._self._c || i;
-  return s("div", {
+import Uploader from "simple-uploader.js";
+import { s as secondsToStr } from "../../chunks/utils.f44207f4.js";
+import { n as normalizeComponent } from "../../chunks/vueComponentNormalizer.77ec6792.js";
+const events = ["fileProgress", "fileSuccess", "fileComplete", "fileError"];
+var render = function() {
+  var _vm = this, _h = _vm.$createElement, _c = _vm._self._c || _h;
+  return _c("div", {
     staticClass: "chunk-file-uploader-file",
     attrs: {
-      status: e.status
+      status: _vm.status
     }
-  }, [e._t("default", function() {
-    return [s("div", {
+  }, [_vm._t("default", function() {
+    return [_c("div", {
       staticClass: "chunk-file-uploader-file-info"
-    }, [s("div", {
+    }, [_c("div", {
       staticClass: "chunk-file-uploader-file-name",
       attrs: {
-        title: e.file.name
+        title: _vm.file.name
       }
-    }, [s("i", {
+    }, [_c("i", {
       staticClass: "chunk-file-uploader-file-icon",
       attrs: {
-        icon: e.fileCategory
+        icon: _vm.fileCategory
       }
-    }), e._v(e._s(e.file.name) + " ")]), s("div", {
+    }), _vm._v(_vm._s(_vm.file.name) + " ")]), _c("div", {
       staticClass: "chunk-file-uploader-file-size"
-    }, [e._v(" " + e._s(e.formatedSize) + " ")]), s("div", {
+    }, [_vm._v(" " + _vm._s(_vm.formatedSize) + " ")]), _c("div", {
       staticClass: "chunk-file-uploader-file-status"
-    }, [s("span", {
+    }, [_c("span", {
       directives: [{
         name: "show",
         rawName: "v-show",
-        value: !["uploading", "md5"].includes(e.status),
+        value: !["uploading", "md5"].includes(_vm.status),
         expression: "!['uploading', 'md5'].includes(status)"
       }]
-    }, [e._v(e._s(e.statusText))]), s("span", {
+    }, [_vm._v(_vm._s(_vm.statusText))]), _c("span", {
       directives: [{
         name: "show",
         rawName: "v-show",
-        value: e.status === "md5",
+        value: _vm.status === "md5",
         expression: "status === 'md5'"
       }]
-    }, [e._v(e._s(e.file.md5Progress))]), s("span", {
+    }, [_vm._v(_vm._s(_vm.file.md5Progress))]), _c("span", {
       directives: [{
         name: "show",
         rawName: "v-show",
-        value: e.status === "uploading",
+        value: _vm.status === "uploading",
         expression: "status === 'uploading'"
       }],
       staticStyle: {
         "padding-left": "4px"
       }
-    }, [s("span", [e._v(e._s(e.progressStyle.progress))]), e._v(" | "), s("em", [e._v(e._s(e.formatedAverageSpeed))]), e._v(" | "), s("i", [e._v(e._s(e.formatedTimeRemaining))])])]), s("div", {
+    }, [_c("span", [_vm._v(_vm._s(_vm.progressStyle.progress))]), _vm._v(" | "), _c("em", [_vm._v(_vm._s(_vm.formatedAverageSpeed))]), _vm._v(" | "), _c("i", [_vm._v(_vm._s(_vm.formatedTimeRemaining))])])]), _c("div", {
       staticClass: "chunk-file-uploader-file-actions"
-    }, [s("span", {
+    }, [_c("span", {
       staticClass: "chunk-file-uploader-file-pause",
       on: {
-        click: e.pause
+        click: _vm.pause
       }
-    }), s("span", {
+    }), _c("span", {
       staticClass: "chunk-file-uploader-file-resume",
       on: {
-        click: e.resume
+        click: _vm.resume
       }
-    }, [e._v("️")]), s("span", {
+    }, [_vm._v("️")]), _c("span", {
       staticClass: "chunk-file-uploader-file-retry",
       on: {
-        click: e.retry
+        click: _vm.retry
       }
-    }), s("span", {
+    }), _c("span", {
       staticClass: "chunk-file-uploader-file-remove",
       on: {
-        click: e.remove
+        click: _vm.remove
       }
     })])])];
   }, {
-    file: e.file,
-    list: e.list,
-    status: e.status,
-    paused: e.paused,
-    error: e.error,
-    response: e.response,
-    averageSpeed: e.averageSpeed,
-    formatedAverageSpeed: e.formatedAverageSpeed,
-    currentSpeed: e.currentSpeed,
-    isComplete: e.isComplete,
-    isUploading: e.isUploading,
-    size: e.size,
-    formatedSize: e.formatedSize,
-    uploadedSize: e.uploadedSize,
-    progress: e.progress,
-    progressStyle: e.progressStyle,
-    progressingClass: e.progressingClass,
-    timeRemaining: e.timeRemaining,
-    formatedTimeRemaining: e.formatedTimeRemaining,
-    type: e.type,
-    extension: e.extension,
-    fileCategory: e.fileCategory
+    file: _vm.file,
+    list: _vm.list,
+    status: _vm.status,
+    paused: _vm.paused,
+    error: _vm.error,
+    response: _vm.response,
+    averageSpeed: _vm.averageSpeed,
+    formatedAverageSpeed: _vm.formatedAverageSpeed,
+    currentSpeed: _vm.currentSpeed,
+    isComplete: _vm.isComplete,
+    isUploading: _vm.isUploading,
+    size: _vm.size,
+    formatedSize: _vm.formatedSize,
+    uploadedSize: _vm.uploadedSize,
+    progress: _vm.progress,
+    progressStyle: _vm.progressStyle,
+    progressingClass: _vm.progressingClass,
+    timeRemaining: _vm.timeRemaining,
+    formatedTimeRemaining: _vm.formatedTimeRemaining,
+    type: _vm.type,
+    extension: _vm.extension,
+    fileCategory: _vm.fileCategory
   })], 2);
-}, d = [];
-const c = {
+}, staticRenderFns = [];
+const __vue2_script = {
   name: "ChunkFileUploaderFile",
   props: {
     file: {
@@ -133,9 +133,9 @@ const c = {
   },
   computed: {
     fileCategory() {
-      const e = this.extension;
-      let s = this.file.isFolder ? "folder" : "unknown";
-      const t = this.file.uploader.opts.categoryMap || {
+      const extension = this.extension;
+      let type = this.file.isFolder ? "folder" : "unknown";
+      const typeMap = this.file.uploader.opts.categoryMap || {
         image: ["gif", "jpg", "jpeg", "png", "bmp", "webp"],
         video: ["mp4", "m3u8", "rmvb", "avi", "swf", "3gp", "mkv", "flv"],
         audio: ["mp3", "wav", "wma", "ogg", "aac", "flac"],
@@ -155,50 +155,50 @@ const c = {
           "pptx"
         ]
       };
-      return Object.keys(t).forEach((a) => {
-        t[a].indexOf(e) > -1 && (s = a);
-      }), s;
+      return Object.keys(typeMap).forEach((_type) => {
+        typeMap[_type].indexOf(extension) > -1 && (type = _type);
+      }), type;
     },
     progressStyle() {
-      const e = Math.floor(this.progress * 100), i = `translateX(${Math.floor(e - 100)}%)`;
+      const progress = Math.floor(this.progress * 100), style = `translateX(${Math.floor(progress - 100)}%)`;
       return {
-        progress: `${e}%`,
-        webkitTransform: i,
-        mozTransform: i,
-        msTransform: i,
-        transform: i
+        progress: `${progress}%`,
+        webkitTransform: style,
+        mozTransform: style,
+        msTransform: style,
+        transform: style
       };
     },
     formatedAverageSpeed() {
-      return `${n.utils.formatSize(this.averageSpeed)} / s`;
+      return `${Uploader.utils.formatSize(this.averageSpeed)} / s`;
     },
     status() {
-      const { isUploading: e, isComplete: i, isError: s, paused: r } = this, { md5Computing: t } = this.file;
-      return t ? "md5" : i ? "success" : s ? "error" : e ? "uploading" : r ? "paused" : "waiting";
+      const { isUploading, isComplete, isError, paused } = this, { md5Computing } = this.file;
+      return md5Computing ? "md5" : isComplete ? "success" : isError ? "error" : isUploading ? "uploading" : paused ? "paused" : "waiting";
     },
     statusText() {
-      const e = this.status, i = this.file.uploader.fileStatusText;
-      let s = e;
-      return typeof i == "function" ? s = i(e, this.response) : s = i[e], s || "";
+      const status = this.status, fileStatusText = this.file.uploader.fileStatusText;
+      let txt = status;
+      return typeof fileStatusText == "function" ? txt = fileStatusText(status, this.response) : txt = fileStatusText[status], txt || "";
     },
     formatedTimeRemaining() {
-      const e = this.timeRemaining, i = this.file;
-      if (e === Number.POSITIVE_INFINITY || e === 0)
+      const timeRemaining = this.timeRemaining, file = this.file;
+      if (timeRemaining === Number.POSITIVE_INFINITY || timeRemaining === 0)
         return "";
-      let s = p(e);
-      const r = i.uploader.opts.parseTimeRemaining;
-      return r && (s = r(e, s)), s;
+      let parsedTimeRemaining = secondsToStr(timeRemaining);
+      const parseTimeRemaining = file.uploader.opts.parseTimeRemaining;
+      return parseTimeRemaining && (parsedTimeRemaining = parseTimeRemaining(timeRemaining, parsedTimeRemaining)), parsedTimeRemaining;
     }
   },
   watch: {
-    status(e, i) {
-      i && e === "uploading" && i !== "uploading" ? this.tid = setTimeout(() => {
+    status(newStatus, oldStatus) {
+      oldStatus && newStatus === "uploading" && oldStatus !== "uploading" ? this.tid = setTimeout(() => {
         this.progressingClass = "uploader-file-progressing";
       }, 200) : (clearTimeout(this.tid), this.progressingClass = "");
     }
   },
   mounted() {
-    const e = ["paused", "error", "averageSpeed", "currentSpeed"], i = [
+    const staticProps = ["paused", "error", "averageSpeed", "currentSpeed"], fnProps = [
       "isComplete",
       "isUploading",
       {
@@ -224,21 +224,21 @@ const c = {
         fn: "getExtension"
       }
     ];
-    e.forEach((t) => {
-      this[t] = this.file[t];
-    }), i.forEach((t) => {
-      typeof t == "string" ? this[t] = this.file[t]() : this[t.key] = this.file[t.fn]();
+    staticProps.forEach((prop) => {
+      this[prop] = this.file[prop];
+    }), fnProps.forEach((fnProp) => {
+      typeof fnProp == "string" ? this[fnProp] = this.file[fnProp]() : this[fnProp.key] = this.file[fnProp.fn]();
     });
-    const s = this._handlers = {}, r = (t) => (s[t] = (...a) => {
-      this.fileEventsHandler(t, a);
-    }, s[t]);
-    o.forEach((t) => {
-      this.file.uploader.on(t, r(t));
+    const handlers = this._handlers = {}, eventHandler = (event) => (handlers[event] = (...args) => {
+      this.fileEventsHandler(event, args);
+    }, handlers[event]);
+    events.forEach((event) => {
+      this.file.uploader.on(event, eventHandler(event));
     });
   },
   destroyed() {
-    o.forEach((e) => {
-      this.file.uploader.off(e, this._handlers[e]);
+    events.forEach((event) => {
+      this.file.uploader.off(event, this._handlers[event]);
     }), this._handlers = null;
   },
   methods: {
@@ -257,55 +257,55 @@ const c = {
     retry() {
       this.file.retry(), this._actionCheck();
     },
-    processResponse(e) {
-      let i = e;
+    processResponse(message) {
+      let res = message;
       try {
-        i = JSON.parse(e);
-      } catch {
+        res = JSON.parse(message);
+      } catch (e) {
       }
-      this.response = i;
+      this.response = res;
     },
-    fileEventsHandler(e, i) {
-      const s = i[0], r = i[1], t = this.list ? s : r;
-      if (this.file === t) {
-        if (this.list && e === "fileSuccess") {
-          this.processResponse(i[2]);
+    fileEventsHandler(event, args) {
+      const rootFile = args[0], file = args[1], target = this.list ? rootFile : file;
+      if (this.file === target) {
+        if (this.list && event === "fileSuccess") {
+          this.processResponse(args[2]);
           return;
         }
-        this[`_${e}`].apply(this, i);
+        this[`_${event}`].apply(this, args);
       }
     },
     _fileProgress() {
       this.progress = this.file.progress(), this.averageSpeed = this.file.averageSpeed, this.currentSpeed = this.file.currentSpeed, this.timeRemaining = this.file.timeRemaining(), this.uploadedSize = this.file.sizeUploaded(), this._actionCheck();
     },
-    _fileSuccess(e, i, s) {
-      e && this.processResponse(s), this._fileProgress(), this.error = !1, this.isComplete = !0, this.isUploading = !1;
+    _fileSuccess(rootFile, file, message) {
+      rootFile && this.processResponse(message), this._fileProgress(), this.error = !1, this.isComplete = !0, this.isUploading = !1;
     },
     _fileComplete() {
       this._fileSuccess();
     },
-    _fileError(e, i, s) {
-      this._fileProgress(), this.processResponse(s), this.error = !0, this.isComplete = !1, this.isUploading = !1;
+    _fileError(rootFile, file, message) {
+      this._fileProgress(), this.processResponse(message), this.error = !0, this.isComplete = !1, this.isUploading = !1;
     }
   }
-}, l = {};
-var h = /* @__PURE__ */ f(
-  c,
-  u,
-  d,
+}, __cssModules = {};
+var __component__ = /* @__PURE__ */ normalizeComponent(
+  __vue2_script,
+  render,
+  staticRenderFns,
   !1,
-  m,
+  __vue2_injectStyles,
   null,
   null,
   null
 );
-function m(e) {
-  for (let i in l)
-    this[i] = l[i];
+function __vue2_injectStyles(context) {
+  for (let o in __cssModules)
+    this[o] = __cssModules[o];
 }
-const y = /* @__PURE__ */ function() {
-  return h.exports;
+const ChunkFileUploaderFile = /* @__PURE__ */ function() {
+  return __component__.exports;
 }();
 export {
-  y as default
+  ChunkFileUploaderFile as default
 };

package/dist/components/chunk-file-uploader-files/index.js

@@ -1,49 +1,49 @@
-import { u as r } from "../../chunks/mixins.5a78e0db.js";
-import { n as s } from "../../chunks/vueComponentNormalizer.71e2aa87.js";
-var o = function() {
-  var e = this, n = e.$createElement, t = e._self._c || n;
-  return t("div", {
+import { u as uploaderMixin } from "../../chunks/mixins.6a394a6c.js";
+import { n as normalizeComponent } from "../../chunks/vueComponentNormalizer.77ec6792.js";
+var render = function() {
+  var _vm = this, _h = _vm.$createElement, _c = _vm._self._c || _h;
+  return _c("div", {
     staticClass: "uploader-files"
-  }, [e._t("default", function() {
-    return [t("ul", e._l(e.files, function(l) {
-      return t("li", {
-        key: l.id
-      }, [t("ChunkFileUploaderFile", {
+  }, [_vm._t("default", function() {
+    return [_c("ul", _vm._l(_vm.files, function(file) {
+      return _c("li", {
+        key: file.id
+      }, [_c("ChunkFileUploaderFile", {
         attrs: {
-          file: l
+          file
         }
       })], 1);
     }), 0)];
   }, {
-    files: e.files
+    files: _vm.files
   })], 2);
-}, u = [];
-const a = {
+}, staticRenderFns = [];
+const __vue2_script = {
   name: "ChunkFileUploaderFiles",
-  mixins: [r],
+  mixins: [uploaderMixin],
   computed: {
     files() {
       return this.uploader.files;
     }
   }
-}, i = {};
-var _ = /* @__PURE__ */ s(
-  a,
-  o,
-  u,
+}, __cssModules = {};
+var __component__ = /* @__PURE__ */ normalizeComponent(
+  __vue2_script,
+  render,
+  staticRenderFns,
   !1,
-  c,
+  __vue2_injectStyles,
   null,
   null,
   null
 );
-function c(e) {
-  for (let n in i)
-    this[n] = i[n];
+function __vue2_injectStyles(context) {
+  for (let o in __cssModules)
+    this[o] = __cssModules[o];
 }
-const p = /* @__PURE__ */ function() {
-  return _.exports;
+const ChunkFileUploaderFiles = /* @__PURE__ */ function() {
+  return __component__.exports;
 }();
 export {
-  p as default
+  ChunkFileUploaderFiles as default
 };

package/dist/components/chunk-file-uploader-list/index.js

@@ -1,50 +1,50 @@
-import { u as r } from "../../chunks/mixins.5a78e0db.js";
-import { n as s } from "../../chunks/vueComponentNormalizer.71e2aa87.js";
-var o = function() {
-  var e = this, t = e.$createElement, i = e._self._c || t;
-  return i("div", {
+import { u as uploaderMixin } from "../../chunks/mixins.6a394a6c.js";
+import { n as normalizeComponent } from "../../chunks/vueComponentNormalizer.77ec6792.js";
+var render = function() {
+  var _vm = this, _h = _vm.$createElement, _c = _vm._self._c || _h;
+  return _c("div", {
     staticClass: "uploader-list"
-  }, [e._t("default", function() {
-    return [i("ul", e._l(e.fileList, function(n) {
-      return i("li", {
-        key: n.id
-      }, [i("ChunkFileUploaderFile", {
+  }, [_vm._t("default", function() {
+    return [_c("ul", _vm._l(_vm.fileList, function(file) {
+      return _c("li", {
+        key: file.id
+      }, [_c("ChunkFileUploaderFile", {
         attrs: {
-          file: n,
+          file,
           list: !0
         }
       })], 1);
     }), 0)];
   }, {
-    fileList: e.fileList
+    fileList: _vm.fileList
   })], 2);
-}, u = [];
-const a = {
+}, staticRenderFns = [];
+const __vue2_script = {
   name: "ChunkFileUploaderList",
-  mixins: [r],
+  mixins: [uploaderMixin],
   computed: {
     fileList() {
       return this.uploader.fileList;
     }
   }
-}, l = {};
-var _ = /* @__PURE__ */ s(
-  a,
-  o,
-  u,
+}, __cssModules = {};
+var __component__ = /* @__PURE__ */ normalizeComponent(
+  __vue2_script,
+  render,
+  staticRenderFns,
   !1,
-  c,
+  __vue2_injectStyles,
   null,
   null,
   null
 );
-function c(e) {
-  for (let t in l)
-    this[t] = l[t];
+function __vue2_injectStyles(context) {
+  for (let o in __cssModules)
+    this[o] = __cssModules[o];
 }
-const p = /* @__PURE__ */ function() {
-  return _.exports;
+const ChunkFileUploaderList = /* @__PURE__ */ function() {
+  return __component__.exports;
 }();
 export {
-  p as default
+  ChunkFileUploaderList as default
 };

package/dist/components/chunk-file-uploader-un-support/index.js

@@ -1,51 +1,51 @@
-import { u as o, s } from "../../chunks/mixins.5a78e0db.js";
-import { n as a } from "../../chunks/vueComponentNormalizer.71e2aa87.js";
-var i = function() {
-  var e = this, r = e.$createElement, t = e._self._c || r;
-  return t("div", {
+import { u as uploaderMixin, s as supportMixin } from "../../chunks/mixins.6a394a6c.js";
+import { n as normalizeComponent } from "../../chunks/vueComponentNormalizer.77ec6792.js";
+var render = function() {
+  var _vm = this, _h = _vm.$createElement, _c = _vm._self._c || _h;
+  return _c("div", {
     directives: [{
       name: "show",
       rawName: "v-show",
-      value: !e.support,
+      value: !_vm.support,
       expression: "!support"
     }],
     staticClass: "uploader-unsupport"
-  }, [e._t("default", function() {
-    return [e._m(0)];
+  }, [_vm._t("default", function() {
+    return [_vm._m(0)];
   })], 2);
-}, u = [function() {
-  var e = this, r = e.$createElement, t = e._self._c || r;
-  return t("p", [e._v(" Your browser, unfortunately, is not supported by Uploader.js. The library requires support for "), t("a", {
+}, staticRenderFns = [function() {
+  var _vm = this, _h = _vm.$createElement, _c = _vm._self._c || _h;
+  return _c("p", [_vm._v(" Your browser, unfortunately, is not supported by Uploader.js. The library requires support for "), _c("a", {
     attrs: {
       href: "http://www.w3.org/TR/FileAPI/"
     }
-  }, [e._v("the HTML5 File API")]), e._v(" along with "), t("a", {
+  }, [_vm._v("the HTML5 File API")]), _vm._v(" along with "), _c("a", {
     attrs: {
       href: "http://www.w3.org/TR/FileAPI/#normalization-of-params"
     }
-  }, [e._v("file slicing")]), e._v(". ")]);
+  }, [_vm._v("file slicing")]), _vm._v(". ")]);
 }];
-const l = {
+const __vue2_script = {
   name: "ChunkFileUploaderUnSupport",
-  mixins: [o, s]
-}, n = {};
-var p = /* @__PURE__ */ a(
-  l,
-  i,
-  u,
+  mixins: [uploaderMixin, supportMixin]
+}, __cssModules = {};
+var __component__ = /* @__PURE__ */ normalizeComponent(
+  __vue2_script,
+  render,
+  staticRenderFns,
   !1,
-  _,
+  __vue2_injectStyles,
   null,
   null,
   null
 );
-function _(e) {
-  for (let r in n)
-    this[r] = n[r];
+function __vue2_injectStyles(context) {
+  for (let o in __cssModules)
+    this[o] = __cssModules[o];
 }
-const f = /* @__PURE__ */ function() {
-  return p.exports;
+const ChunkFileUploaderUnSupport = /* @__PURE__ */ function() {
+  return __component__.exports;
 }();
 export {
-  f as default
+  ChunkFileUploaderUnSupport as default
 };