@web-utils/component 2.7.20 → 2.7.21

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.bf552d98.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);
+        res = JSON.parse(message);
       } catch {
       }
-      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-file/style.css

@@ -1 +1,124 @@
-.chunk-file-uploader-file{position:relative;height:49px;overflow:hidden;line-height:49px;border-bottom:1px solid #cdcdcd}.chunk-file-uploader-file[status=waiting] .chunk-file-uploader-file-pause,.chunk-file-uploader-file[status=uploading] .chunk-file-uploader-file-pause,.chunk-file-uploader-file[status=paused] .chunk-file-uploader-file-resume,.chunk-file-uploader-file[status=error] .chunk-file-uploader-file-retry{display:block}.chunk-file-uploader-file[status=success] .chunk-file-uploader-file-remove{display:none}.chunk-file-uploader-file[status=error] .chunk-file-uploader-file-progress{background:#ffe0e0}.chunk-file-uploader-file-progress{position:absolute;width:100%;height:100%;background:#e2eeff;transform:translate(-100%)}.chunk-file-uploader-file-progressing{transition:all .4s linear}.chunk-file-uploader-file-info{position:relative;z-index:1;height:100%;overflow:hidden;display:flex;flex-direction:row}.chunk-file-uploader-file-info:hover{background-color:#f0f0f033}.chunk-file-uploader-file-info i,.chunk-file-uploader-file-info em{font-style:normal}.chunk-file-uploader-file-name,.chunk-file-uploader-file-size,.chunk-file-uploader-file-meta,.chunk-file-uploader-file-status,.chunk-file-uploader-file-actions{position:relative;height:100%;padding:0 10px}.chunk-file-uploader-file-size,.chunk-file-uploader-file-meta,.chunk-file-uploader-file-status,.chunk-file-uploader-file-actions{flex-shrink:0}.chunk-file-uploader-file-name{overflow:hidden;white-space:nowrap;text-indent:14px;text-overflow:ellipsis;flex:1 1 auto}.chunk-file-uploader-file-icon{display:inline-block;width:24px;height:24px;margin-top:13px;margin-right:8px;vertical-align:top}.chunk-file-uploader-file-icon:before{display:block;height:100%;color:gray;font-size:24px;line-height:1;text-indent:0;content:"\1f4c3"}.chunk-file-uploader-file-icon[icon=folder]:before{content:"\1f4c2"}.chunk-file-uploader-file-icon[icon=image]:before{content:"\1f4ca"}.chunk-file-uploader-file-icon[icon=video]:before{content:"\1f4f9"}.chunk-file-uploader-file-icon[icon=audio]:before{content:"\1f3b5"}.chunk-file-uploader-file-icon[icon=document]:before{content:"\1f4cb"}.chunk-file-uploader-file-actions>span{display:none;float:left;width:16px;height:16px;margin-top:16px;margin-right:10px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAABkCAYAAAD0ZHJ6AAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAAAJcEhZcwAACxMAAAsTAQCanBgAAARkSURBVGje7ZnfS1NRHMAH4ptPkvQSuAdBkCxD8FUQJMEULUgzy1KyyPVQ4JMiiP4Bvg6EwUQQfMmwhwRDshwaKUjDVCgoSdDNHkzTJZ6+Z37Purve8+PeTb2TM/ggu+ew89l33x8H9BBCPG7GowXTJej3+wnDvEm0JuLC04+EYWftVAUv+fiCvDUdQR1BHUEdQR3BTIygvixoQS14XgTtthLVdpNWwXRLqvQ724LplFRtyrYF0yVpFLQrKRVMh6RZ0I6kkmCqklaCqpKZH0FX56Crq9jVfdDVk0RfFrSgFsxkQVmLcdKCVrKySCrryhPEyYShhzOcrFtG0EoilfHHk1CRU5rF6ZjNZhlVOW6RnMSVyyilKies4pO41diVy8wIujoHXV3FGdMHXTtJKLFYTLhZtq4vC1rwXApCZTIqgR6g1PBMCO9DL3bMMSqBHqDU8EyISDAHiGKvWwcCQG2KgjlAFCDAOhAAap0K5gKLphk8mqJgLrCIgoxRJ4J5wKpJ7gAoMkn5EBXBPGDVJHcAFJmkfIhQcAql1oBpTvTol9gG9pm4RHAKpdaAaU706JfYBvaZuJVgPQrt4sFlnOh5MC/p3lmJYD0K7eLBZZzoeTAv6d5ZnuAYHjpgEOnk5F0ufhG6v1ggOIaHDhhEOjl5l4tfhO4vthLcwAMrFNvLJO5vEwhu4IEViu1lEve3WQmyoihQFBzG/V0CQVYUBYqCw7i/SxTBcpsRbFeIYLnNCLZbCY5b5KAnxRwct8hBj9McZFVMW0ihRNBuFdMWUigRlFaxuQ9WWYjRMTiIe5z0wSoLMToGB3GPsA9aTZIJoB+nRgBnM1tzOkkmgH6cGgGczWzNpzqLx3n/aULJJgezeNw07oxQySbVywKjBOgFRnDs+VEsx8FlgVEC9AIjOPb8KJYjvSzoG7UW1IJaUAtqQS14toLNM5fN5APdwBJA8G83Pk/aK/rgzVvXzeQD3cASQPBvNz5P2ssTzAaGUIrHEO6zI5gNDKEUjyHcxxWkh4Ylcowwk1QQpIeGJXKMMJO0EgwqyjGCioJBJvDrxRMSuVOTJEXfbz1/bHwWtBL0yoQehK6RucgE+bGzanzulQh6E3IgQV+xpc8kcrfuSO7eTfJ3ZYmQw0Oy9azVKOk1C/bJ5D5F38YPeLfx0rjWJxHsS0SqsSYuxySjj5qO5Oj7xQWy2VBtFOwzCy6ryH3YfE3uh64Y1xckgstJPydEjkkeHv07Iy4Xaao15+KCWTBx6M/db+T9xivSErqaJDdzXI6yLRE8Vgg0coex/SPJvT0SbWu0KpZtbgSpCH3NRt7I5OxHkObc6heU+/M/J5vrpBFM5GBLqCQux14COXs5CNXK5OjPGm1tSMrJSOMNYQ4mVTGV/L6zTL7+DovkbFUxbSW0Wo05l8hJWsU+cRWfSh+Mt5Lb1ck/J1TvVsdDaR/MiEni+llsdZuZp62EViu+96bpNjNPWwmtVnzvFd5m9IVVC54x/wA7gNvqFG9vXQAAAABJRU5ErkJggg==) no-repeat 0 0;cursor:pointer}.chunk-file-uploader-file-actions>span:hover{background-position-x:-21px}.chunk-file-uploader-file-actions .chunk-file-uploader-file-pause{background-position-y:0}.chunk-file-uploader-file-actions .chunk-file-uploader-file-resume{background-position-y:-17px}.chunk-file-uploader-file-actions .chunk-file-uploader-file-retry{background-position-y:-53px}.chunk-file-uploader-file-actions .chunk-file-uploader-file-remove{display:block;background-position-y:-34px}
+.chunk-file-uploader-file {
+  position: relative;
+  height: 49px;
+  overflow: hidden;
+  line-height: 49px;
+  border-bottom: 1px solid #cdcdcd;
+}
+.chunk-file-uploader-file[status=waiting] .chunk-file-uploader-file-pause,
+.chunk-file-uploader-file[status=uploading] .chunk-file-uploader-file-pause,
+.chunk-file-uploader-file[status=paused] .chunk-file-uploader-file-resume,
+.chunk-file-uploader-file[status=error] .chunk-file-uploader-file-retry {
+  display: block;
+}
+.chunk-file-uploader-file[status=success] .chunk-file-uploader-file-remove {
+  display: none;
+}
+.chunk-file-uploader-file[status=error] .chunk-file-uploader-file-progress {
+  background: #ffe0e0;
+}
+.chunk-file-uploader-file-progress {
+  position: absolute;
+  width: 100%;
+  height: 100%;
+  background: #e2eeff;
+  transform: translate(-100%);
+}
+.chunk-file-uploader-file-progressing {
+  transition: all .4s linear;
+}
+.chunk-file-uploader-file-info {
+  position: relative;
+  z-index: 1;
+  height: 100%;
+  overflow: hidden;
+  display: flex;
+  flex-direction: row;
+}
+.chunk-file-uploader-file-info:hover {
+  background-color: #f0f0f033;
+}
+.chunk-file-uploader-file-info i,
+.chunk-file-uploader-file-info em {
+  font-style: normal;
+}
+.chunk-file-uploader-file-name,
+.chunk-file-uploader-file-size,
+.chunk-file-uploader-file-meta,
+.chunk-file-uploader-file-status,
+.chunk-file-uploader-file-actions {
+  position: relative;
+  height: 100%;
+  padding: 0 10px;
+}
+.chunk-file-uploader-file-size,
+.chunk-file-uploader-file-meta,
+.chunk-file-uploader-file-status,
+.chunk-file-uploader-file-actions {
+  flex-shrink: 0;
+}
+.chunk-file-uploader-file-name {
+  overflow: hidden;
+  white-space: nowrap;
+  text-indent: 14px;
+  text-overflow: ellipsis;
+  flex: 1 1 auto;
+}
+.chunk-file-uploader-file-icon {
+  display: inline-block;
+  width: 24px;
+  height: 24px;
+  margin-top: 13px;
+  margin-right: 8px;
+  vertical-align: top;
+}
+.chunk-file-uploader-file-icon:before {
+  display: block;
+  height: 100%;
+  color: gray;
+  font-size: 24px;
+  line-height: 1;
+  text-indent: 0;
+  content: "\1f4c3";
+}
+.chunk-file-uploader-file-icon[icon=folder]:before {
+  content: "\1f4c2";
+}
+.chunk-file-uploader-file-icon[icon=image]:before {
+  content: "\1f4ca";
+}
+.chunk-file-uploader-file-icon[icon=video]:before {
+  content: "\1f4f9";
+}
+.chunk-file-uploader-file-icon[icon=audio]:before {
+  content: "\1f3b5";
+}
+.chunk-file-uploader-file-icon[icon=document]:before {
+  content: "\1f4cb";
+}
+.chunk-file-uploader-file-actions > span {
+  display: none;
+  float: left;
+  width: 16px;
+  height: 16px;
+  margin-top: 16px;
+  margin-right: 10px;
+  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAABkCAYAAAD0ZHJ6AAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAAAJcEhZcwAACxMAAAsTAQCanBgAAARkSURBVGje7ZnfS1NRHMAH4ptPkvQSuAdBkCxD8FUQJMEULUgzy1KyyPVQ4JMiiP4Bvg6EwUQQfMmwhwRDshwaKUjDVCgoSdDNHkzTJZ6+Z37Purve8+PeTb2TM/ggu+ew89l33x8H9BBCPG7GowXTJej3+wnDvEm0JuLC04+EYWftVAUv+fiCvDUdQR1BHUEdQR3BTIygvixoQS14XgTtthLVdpNWwXRLqvQ724LplFRtyrYF0yVpFLQrKRVMh6RZ0I6kkmCqklaCqpKZH0FX56Crq9jVfdDVk0RfFrSgFsxkQVmLcdKCVrKySCrryhPEyYShhzOcrFtG0EoilfHHk1CRU5rF6ZjNZhlVOW6RnMSVyyilKies4pO41diVy8wIujoHXV3FGdMHXTtJKLFYTLhZtq4vC1rwXApCZTIqgR6g1PBMCO9DL3bMMSqBHqDU8EyISDAHiGKvWwcCQG2KgjlAFCDAOhAAap0K5gKLphk8mqJgLrCIgoxRJ4J5wKpJ7gAoMkn5EBXBPGDVJHcAFJmkfIhQcAql1oBpTvTol9gG9pm4RHAKpdaAaU706JfYBvaZuJVgPQrt4sFlnOh5MC/p3lmJYD0K7eLBZZzoeTAv6d5ZnuAYHjpgEOnk5F0ufhG6v1ggOIaHDhhEOjl5l4tfhO4vthLcwAMrFNvLJO5vEwhu4IEViu1lEve3WQmyoihQFBzG/V0CQVYUBYqCw7i/SxTBcpsRbFeIYLnNCLZbCY5b5KAnxRwct8hBj9McZFVMW0ihRNBuFdMWUigRlFaxuQ9WWYjRMTiIe5z0wSoLMToGB3GPsA9aTZIJoB+nRgBnM1tzOkkmgH6cGgGczWzNpzqLx3n/aULJJgezeNw07oxQySbVywKjBOgFRnDs+VEsx8FlgVEC9AIjOPb8KJYjvSzoG7UW1IJaUAtqQS14toLNM5fN5APdwBJA8G83Pk/aK/rgzVvXzeQD3cASQPBvNz5P2ssTzAaGUIrHEO6zI5gNDKEUjyHcxxWkh4Ylcowwk1QQpIeGJXKMMJO0EgwqyjGCioJBJvDrxRMSuVOTJEXfbz1/bHwWtBL0yoQehK6RucgE+bGzanzulQh6E3IgQV+xpc8kcrfuSO7eTfJ3ZYmQw0Oy9azVKOk1C/bJ5D5F38YPeLfx0rjWJxHsS0SqsSYuxySjj5qO5Oj7xQWy2VBtFOwzCy6ryH3YfE3uh64Y1xckgstJPydEjkkeHv07Iy4Xaao15+KCWTBx6M/db+T9xivSErqaJDdzXI6yLRE8Vgg0coex/SPJvT0SbWu0KpZtbgSpCH3NRt7I5OxHkObc6heU+/M/J5vrpBFM5GBLqCQux14COXs5CNXK5OjPGm1tSMrJSOMNYQ4mVTGV/L6zTL7+DovkbFUxbSW0Wo05l8hJWsU+cRWfSh+Mt5Lb1ck/J1TvVsdDaR/MiEni+llsdZuZp62EViu+96bpNjNPWwmtVnzvFd5m9IVVC54x/wA7gNvqFG9vXQAAAABJRU5ErkJggg==) no-repeat 0 0;
+  cursor: pointer;
+}
+.chunk-file-uploader-file-actions > span:hover {
+  background-position-x: -21px;
+}
+.chunk-file-uploader-file-actions .chunk-file-uploader-file-pause {
+  background-position-y: 0;
+}
+.chunk-file-uploader-file-actions .chunk-file-uploader-file-resume {
+  background-position-y: -17px;
+}
+.chunk-file-uploader-file-actions .chunk-file-uploader-file-retry {
+  background-position-y: -53px;
+}
+.chunk-file-uploader-file-actions .chunk-file-uploader-file-remove {
+  display: block;
+  background-position-y: -34px;
+}

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.bf552d98.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-files/style.css

@@ -1 +1,8 @@
-.uploader-files{position:relative}.uploader-files>ul{margin:0;padding:0;list-style:none}
+.uploader-files {
+  position: relative;
+}
+.uploader-files > ul {
+  margin: 0;
+  padding: 0;
+  list-style: none;
+}

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.bf552d98.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
 };