@web-utils/component 4.0.14 → 4.0.15

package/chunk-file-uploader/index.mjs

@@ -1,9 +1,351 @@
-import a from "simple-uploader.js";
-import { n } from "../chunks/_plugin-vue2_normalizer.CeySl7Fu.mjs";
-function r(e) {
-  return e.replace(/[A-Z]/g, (t) => `-${t.toLowerCase()}`);
+import m from "simple-uploader.js";
+import { n as a } from "../chunks/_plugin-vue2_normalizer.CeySl7Fu.mjs";
+const c = ["fileProgress", "fileSuccess", "fileComplete", "fileError"];
+function g(s) {
+  const e = Math.floor(s / 31536e3);
+  if (e)
+    return `${e} 年${n(e)}`;
+  const t = Math.floor((s %= 31536e3) / 86400);
+  if (t)
+    return `${t} 天${n(t)}`;
+  const r = Math.floor((s %= 86400) / 3600);
+  if (r)
+    return `${r} 时${n(r)}`;
+  const i = Math.floor((s %= 3600) / 60);
+  if (i)
+    return `${i} 分${n(i)}`;
+  const o = s % 60;
+  return `${o} 秒${n(o)}`;
+  function n(_) {
+    return _ > 1, "";
+  }
+}
+function p(s) {
+  return s.replace(/[A-Z]/g, (e) => `-${e.toLowerCase()}`);
 }
-const s = "fileAdded", l = "filesAdded", u = "uploadStart", f = {
+const v = {
+  name: "ChunkFileUploaderFile",
+  props: {
+    file: {
+      type: Object,
+      default() {
+        return {};
+      }
+    },
+    list: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  data() {
+    return {
+      response: null,
+      paused: !1,
+      error: !1,
+      averageSpeed: 0,
+      currentSpeed: 0,
+      isComplete: !1,
+      isUploading: !1,
+      size: 0,
+      formatedSize: "",
+      uploadedSize: 0,
+      progress: 0,
+      timeRemaining: 0,
+      type: "",
+      extension: "",
+      progressingClass: ""
+    };
+  },
+  computed: {
+    fileCategory() {
+      const s = this.extension;
+      let t = this.file.isFolder ? "folder" : "unknown";
+      const i = 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"],
+        document: ["doc", "txt", "docx", "pages", "epub", "pdf", "numbers", "csv", "xls", "xlsx", "keynote", "ppt", "pptx"]
+      };
+      return Object.keys(i).forEach((o) => {
+        i[o].indexOf(s) > -1 && (t = o);
+      }), t;
+    },
+    progressStyle() {
+      const s = Math.floor(this.progress * 100), e = `translateX(${Math.floor(s - 100)}%)`;
+      return {
+        progress: `${s}%`,
+        webkitTransform: e,
+        mozTransform: e,
+        msTransform: e,
+        transform: e
+      };
+    },
+    formatedAverageSpeed() {
+      return `${m.utils.formatSize(this.averageSpeed)} / s`;
+    },
+    status() {
+      const { isUploading: s, isComplete: e, isError: t, paused: r } = this, { md5Computing: i } = this.file;
+      return i ? "md5" : e ? "success" : t ? "error" : s ? "uploading" : r ? "paused" : "waiting";
+    },
+    statusText() {
+      const s = this.status, e = this.file.uploader.fileStatusText;
+      let t = s;
+      return typeof e == "function" ? t = e(s, this.response) : t = e[s], t || "";
+    },
+    formatedTimeRemaining() {
+      const s = this.timeRemaining, e = this.file;
+      if (s === Number.POSITIVE_INFINITY || s === 0)
+        return "";
+      let t = g(s);
+      const r = e.uploader.opts.parseTimeRemaining;
+      return r && (t = r(s, t)), t;
+    }
+  },
+  watch: {
+    status(s, e) {
+      e && s === "uploading" && e !== "uploading" ? this.tid = setTimeout(() => {
+        this.progressingClass = "uploader-file-progressing";
+      }, 200) : (clearTimeout(this.tid), this.progressingClass = "");
+    }
+  },
+  mounted() {
+    const s = ["paused", "error", "averageSpeed", "currentSpeed"], e = [
+      "isComplete",
+      "isUploading",
+      {
+        key: "size",
+        fn: "getSize"
+      },
+      {
+        key: "formatedSize",
+        fn: "getFormatSize"
+      },
+      {
+        key: "uploadedSize",
+        fn: "sizeUploaded"
+      },
+      "progress",
+      "timeRemaining",
+      {
+        key: "type",
+        fn: "getType"
+      },
+      {
+        key: "extension",
+        fn: "getExtension"
+      }
+    ];
+    s.forEach((i) => {
+      this[i] = this.file[i];
+    }), e.forEach((i) => {
+      typeof i == "string" ? this[i] = this.file[i]() : this[i.key] = this.file[i.fn]();
+    });
+    const t = this._handlers = {}, r = (i) => (t[i] = (...o) => {
+      this.fileEventsHandler(i, o);
+    }, t[i]);
+    c.forEach((i) => {
+      this.file.uploader.on(i, r(i));
+    });
+  },
+  destroyed() {
+    c.forEach((s) => {
+      this.file.uploader.off(s, this._handlers[s]);
+    }), this._handlers = null;
+  },
+  methods: {
+    _actionCheck() {
+      this.paused = this.file.paused, this.error = this.file.error, this.isUploading = this.file.isUploading();
+    },
+    pause() {
+      this.file.pause(), this._actionCheck(), this._fileProgress();
+    },
+    resume() {
+      this.file.resume(), this._actionCheck();
+    },
+    remove() {
+      this.$set(this.file, "canceled", !0), this.file.cancel();
+    },
+    retry() {
+      this.file.retry(), this._actionCheck();
+    },
+    processResponse(s) {
+      let e = s;
+      try {
+        e = JSON.parse(s);
+      } catch {
+      }
+      this.response = e;
+    },
+    fileEventsHandler(s, e) {
+      var o;
+      const t = e[0], r = e[1], i = this.list ? t : r;
+      if (this.file === i) {
+        if (this.list && s === "fileSuccess") {
+          this.processResponse(e[2]);
+          return;
+        }
+        (o = this[`_${s}`]) == null || o.call(this, ...e);
+      }
+    },
+    _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(s, e, t) {
+      s && this.processResponse(t), this._fileProgress(), this.error = !1, this.isComplete = !0, this.isUploading = !1;
+    },
+    _fileComplete() {
+      this._fileSuccess();
+    },
+    _fileError(s, e, t) {
+      this._fileProgress(), this.processResponse(t), this.error = !0, this.isComplete = !1, this.isUploading = !1;
+    }
+  }
+};
+var S = function() {
+  var e = this, t = e._self._c;
+  return t("div", { staticClass: "chunk-file-uploader-file", attrs: { status: e.status } }, [e._t("default", function() {
+    return [t("div", { staticClass: "chunk-file-uploader-file-info" }, [t("div", { staticClass: "chunk-file-uploader-file-name", attrs: { title: e.file.name } }, [t("i", { staticClass: "chunk-file-uploader-file-icon", attrs: { icon: e.fileCategory } }), e._v(e._s(e.file.name))]), t("div", { staticClass: "chunk-file-uploader-file-size" }, [e._v(" " + e._s(e.formatedSize) + " ")]), t("div", { staticClass: "chunk-file-uploader-file-status" }, [t("span", { directives: [{ name: "show", rawName: "v-show", value: !["uploading", "md5"].includes(e.status), expression: "!['uploading', 'md5'].includes(status)" }] }, [e._v(e._s(e.statusText))]), t("span", { directives: [{ name: "show", rawName: "v-show", value: e.status === "md5", expression: "status === 'md5'" }] }, [e._v(e._s(e.file.md5Progress))]), t("span", { directives: [{ name: "show", rawName: "v-show", value: e.status === "uploading", expression: "status === 'uploading'" }], staticStyle: { "padding-left": "4px" } }, [t("span", [e._v(e._s(e.progressStyle.progress))]), e._v(" | "), t("em", [e._v(e._s(e.formatedAverageSpeed))]), e._v(" | "), t("i", [e._v(e._s(e.formatedTimeRemaining))])])]), t("div", { staticClass: "chunk-file-uploader-file-actions" }, [t("span", { staticClass: "chunk-file-uploader-file-pause", on: { click: e.pause } }), t("span", { staticClass: "chunk-file-uploader-file-resume", on: { click: e.resume } }, [e._v("️")]), t("span", { staticClass: "chunk-file-uploader-file-retry", on: { click: e.retry } }), t("span", { staticClass: "chunk-file-uploader-file-remove", on: { click: e.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 })], 2);
+}, y = [], C = /* @__PURE__ */ a(
+  v,
+  S,
+  y,
+  !1,
+  null,
+  null
+);
+const x = C.exports, d = {
+  inject: ["uploader"]
+}, f = {
+  data() {
+    return {
+      support: !0
+    };
+  },
+  mounted() {
+    this.support = this.uploader.uploader.support;
+  }
+}, $ = {
+  name: "ChunkFileUploaderList",
+  mixins: [d],
+  computed: {
+    fileList() {
+      return this.uploader.fileList;
+    }
+  }
+};
+var k = function() {
+  var e = this, t = e._self._c;
+  return t("div", { staticClass: "uploader-list" }, [e._t("default", function() {
+    return [t("ul", e._l(e.fileList, function(r) {
+      return t("li", { key: r.id }, [t(x, { attrs: { file: r, list: !0 } })], 1);
+    }), 0)];
+  }, { fileList: e.fileList })], 2);
+}, w = [], T = /* @__PURE__ */ a(
+  $,
+  k,
+  w,
+  !1,
+  null,
+  null
+);
+const E = T.exports, R = {
+  name: "ChunkFileUploaderButton",
+  mixins: [d, f],
+  props: {
+    directory: {
+      type: Boolean,
+      default: !1
+    },
+    single: {
+      type: Boolean,
+      default: !1
+    },
+    attrs: {
+      type: Object,
+      default() {
+        return {};
+      }
+    }
+  },
+  mounted() {
+    this.$nextTick(() => {
+      this.uploader.uploader.assignBrowse(this.$refs.btn, this.directory, this.single, this.attrs);
+    });
+  }
+};
+var b = function() {
+  var e = this, t = e._self._c;
+  return t("label", { directives: [{ name: "show", rawName: "v-show", value: e.support, expression: "support" }], ref: "btn", staticClass: "uploader-btn" }, [e._t("default")], 2);
+}, F = [], A = /* @__PURE__ */ a(
+  R,
+  b,
+  F,
+  !1,
+  null,
+  null
+);
+const h = A.exports, z = {
+  name: "ChunkFileUploaderDrop",
+  mixins: [d, f],
+  data() {
+    return {
+      dropClass: ""
+    };
+  },
+  async mounted() {
+    await this.$nextTick();
+    const s = this.$refs.drop, e = this.uploader.uploader;
+    e.assignDrop(s), e.on("dragenter", this.onDragEnter), e.on("dragleave", this.onDragLeave), e.on("drop", this.onDrop);
+  },
+  beforeDestroy() {
+    const s = this.$refs.drop, e = this.uploader.uploader;
+    e.off("dragenter", this.onDragEnter), e.off("dragleave", this.onDragLeave), e.off("drop", this.onDrop), e.unAssignDrop(s);
+  },
+  methods: {
+    onDragEnter() {
+      this.dropClass = "uploader-dragover";
+    },
+    onDragLeave() {
+      this.dropClass = "";
+    },
+    onDrop() {
+      this.dropClass = "uploader-droped";
+    }
+  }
+};
+var U = function() {
+  var e = this, t = e._self._c;
+  return t("div", { directives: [{ name: "show", rawName: "v-show", value: e.support, expression: "support" }], ref: "drop", staticClass: "uploader-drop", class: e.dropClass }, [e._t("default")], 2);
+}, D = [], L = /* @__PURE__ */ a(
+  z,
+  U,
+  D,
+  !1,
+  null,
+  null
+);
+const M = L.exports, N = {
+  name: "ChunkFileUploaderUnSupport",
+  mixins: [d, f]
+};
+var P = function() {
+  var e = this, t = e._self._c;
+  return t("div", { directives: [{ name: "show", rawName: "v-show", value: !e.support, expression: "!support" }], staticClass: "uploader-unsupport" }, [e._t("default", function() {
+    return [e._m(0)];
+  })], 2);
+}, I = [function() {
+  var s = this, e = s._self._c;
+  return e("p", [s._v(" Your browser, unfortunately, is not supported by Uploader.js. The library requires support for "), e("a", { attrs: { href: "http://www.w3.org/TR/FileAPI/" } }, [s._v("the HTML5 File API")]), s._v(" along with "), e("a", { attrs: { href: "http://www.w3.org/TR/FileAPI/#normalization-of-params" } }, [s._v("file slicing")]), s._v(". ")]);
+}], j = /* @__PURE__ */ a(
+  N,
+  P,
+  I,
+  !1,
+  null,
+  null
+);
+const O = j.exports, l = "fileAdded", u = "filesAdded", B = "uploadStart", V = {
   name: "ChunkFileUploader",
   provide() {
     return {
@@ -43,61 +385,61 @@ const s = "fileAdded", l = "filesAdded", u = "uploadStart", f = {
   },
   created() {
     this.options.initialPaused = !this.autoStart;
-    const e = new a(this.options);
-    this.uploader = e, this.uploader.fileStatusText = this.fileStatusText, e.on("catchAll", this.allEvent), e.on(s, this.fileAdded), e.on(l, this.filesAdded), e.on("fileRemoved", this.fileRemoved), e.on("filesSubmitted", this.filesSubmitted);
+    const s = new m(this.options);
+    this.uploader = s, this.uploader.fileStatusText = this.fileStatusText, s.on("catchAll", this.allEvent), s.on(l, this.fileAdded), s.on(u, this.filesAdded), s.on("fileRemoved", this.fileRemoved), s.on("filesSubmitted", this.filesSubmitted);
   },
   destroyed() {
-    const e = this.uploader;
-    e.off("catchAll", this.allEvent), e.off(s, this.fileAdded), e.off(l, this.filesAdded), e.off("fileRemoved", this.fileRemoved), e.off("filesSubmitted", this.filesSubmitted), this.uploader = null;
+    const s = this.uploader;
+    s.off("catchAll", this.allEvent), s.off(l, this.fileAdded), s.off(u, this.filesAdded), s.off("fileRemoved", this.fileRemoved), s.off("filesSubmitted", this.filesSubmitted), this.uploader = null;
   },
   methods: {
     uploadStart() {
       this.started = !0;
     },
-    fileAdded(e) {
-      if (this.$emit(r(s), e), e.ignored)
+    fileAdded(s) {
+      if (this.$emit(p(l), s), s.ignored)
         return !1;
     },
-    filesAdded(e, t) {
-      if (this.$emit(r(l), e, t), e.ignored || t.ignored)
+    filesAdded(s, e) {
+      if (this.$emit(p(u), s, e), s.ignored || e.ignored)
         return !1;
     },
-    fileRemoved(e) {
-      this.$emit("file-removed", e), this.files = this.uploader.files, this.fileList = this.uploader.fileList;
+    fileRemoved(s) {
+      this.$emit("file-removed", s), this.files = this.uploader.files, this.fileList = this.uploader.fileList;
     },
     filesSubmitted() {
       this.files = this.uploader.files, this.fileList = this.uploader.fileList, this.autoStart && this.uploader.upload();
     },
-    allEvent(...e) {
-      var d;
-      const t = e[0], o = {
-        [s]: !0,
+    allEvent(...s) {
+      var i;
+      const e = s[0], r = {
         [l]: !0,
-        [u]: "uploadStart"
-      }[t];
-      if (o) {
-        if (o === !0)
+        [u]: !0,
+        [B]: "uploadStart"
+      }[e];
+      if (r) {
+        if (r === !0)
           return;
-        (d = this[o]) == null || d.call(this, e.slice(1));
+        (i = this[r]) == null || i.call(this, s.slice(1));
       }
-      e[0] = r(t), this.$emit(...e);
+      s[0] = p(e), this.$emit(...s);
     }
   }
 };
-var p = function() {
-  var t = this, i = t._self._c;
-  return i("div", { staticClass: "uploader" }, [t._t("default", function() {
-    return [i("ChunkFileUploaderUnSupport"), i("ChunkFileUploaderDrop", [i("p", [t._v("Drop files here to upload or")]), i("ChunkFileUploaderButton", [t._v("select files")]), i("ChunkFileUploaderButton", { attrs: { directory: !0 } }, [t._v(" select folder ")])], 1), i("ChunkFileUploaderList")];
-  }, { files: t.files, fileList: t.fileList, started: t.started })], 2);
-}, h = [], c = /* @__PURE__ */ n(
-  f,
-  p,
-  h,
+var H = function() {
+  var e = this, t = e._self._c;
+  return t("div", { staticClass: "uploader" }, [e._t("default", function() {
+    return [t(O), t(M, [t("p", [e._v("Drop files here to upload or")]), t(h, [e._v("select files")]), t(h, { attrs: { directory: !0 } }, [e._v(" select folder ")])], 1), t(E)];
+  }, { files: e.files, fileList: e.fileList, started: e.started })], 2);
+}, Y = [], q = /* @__PURE__ */ a(
+  V,
+  H,
+  Y,
   !1,
   null,
   null
 );
-const v = c.exports;
+const Z = q.exports;
 export {
-  v as default
+  Z as default
 };

package/chunk-file-uploader/style.css

@@ -1 +1 @@
-.uploader{position:relative}
+.chunk-file-uploader-file{border-bottom:1px solid #cdcdcd;height:49px;line-height:49px;position:relative;overflow:hidden}.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{background:#e2eeff;width:100%;height:100%;position:absolute;transform:translate(-100%)}.chunk-file-uploader-file-progressing{transition:all .4s linear}.chunk-file-uploader-file-info{z-index:1;flex-direction:row;height:100%;display:flex;position:relative;overflow:hidden}.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{height:100%;padding:0 10px;position:relative}.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{white-space:nowrap;text-indent:14px;text-overflow:ellipsis;flex:auto;overflow:hidden}.chunk-file-uploader-file-icon{vertical-align:top;width:24px;height:24px;margin-top:13px;margin-right:8px;display:inline-block}.chunk-file-uploader-file-icon:before{color:gray;text-indent:0;content:"📃";height:100%;font-size:24px;line-height:1;display:block}.chunk-file-uploader-file-icon[icon=folder]:before{content:"📂"}.chunk-file-uploader-file-icon[icon=image]:before{content:"📊"}.chunk-file-uploader-file-icon[icon=video]:before{content:"📹"}.chunk-file-uploader-file-icon[icon=audio]:before{content:"🎵"}.chunk-file-uploader-file-icon[icon=document]:before{content:"📋"}.chunk-file-uploader-file-actions>span{float:left;cursor:pointer;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;width:16px;height:16px;margin-top:16px;margin-right:10px;display:none}.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{background-position-y:-34px;display:block}.uploader-list{position:relative}.uploader-list>ul{margin:0;padding:0;list-style:none}.uploader-btn{color:#666;cursor:pointer;background:0 0;border:1px solid #666;border-radius:2px;outline:none;padding:4px 8px;font-size:100%;line-height:1.4;display:inline-block;position:relative}.uploader-btn:hover{background-color:#00000014}.uploader-drop{background-color:#f5f5f5;border:1px dashed #ccc;padding:10px;position:relative;overflow:hidden}.uploader-dragover{background-color:#f7f7f7;border-color:#999}.uploader-unsupport{z-index:10;position:relative;overflow:hidden}.uploader{position:relative}