@web-utils/component 1.2.4 → 1.2.6

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

@@ -1 +1,311 @@
-import n from"simple-uploader.js";import{s as f}from"../../chunks/90bd3d52.js";import{n as p}from"../../chunks/6499de3a.js";const r=["fileProgress","fileSuccess","fileComplete","fileError"];var u=function(){var e=this,s=e.$createElement,i=e._self._c||s;return i("div",{staticClass:"chunk-file-uploader-file",attrs:{status:e.status}},[e._t("default",function(){return[i("div",{staticClass:"chunk-file-uploader-file-info"},[i("div",{staticClass:"chunk-file-uploader-file-name",attrs:{title:e.file.name}},[i("i",{staticClass:"chunk-file-uploader-file-icon",attrs:{icon:e.fileCategory}}),e._v(e._s(e.file.name)+" ")]),i("div",{staticClass:"chunk-file-uploader-file-size"},[e._v(e._s(e.formatedSize))]),i("div",{staticClass:"chunk-file-uploader-file-status"},[i("span",{directives:[{name:"show",rawName:"v-show",value:!["uploading","md5"].includes(e.status),expression:"!['uploading', 'md5'].includes(status)"}]},[e._v(e._s(e.statusText))]),i("span",{directives:[{name:"show",rawName:"v-show",value:e.status==="md5",expression:"status === 'md5'"}]},[e._v(e._s(e.file.md5Progress))]),i("span",{directives:[{name:"show",rawName:"v-show",value:e.status==="uploading",expression:"status === 'uploading'"}],staticStyle:{"padding-left":"4px"}},[i("span",[e._v(e._s(e.progressStyle.progress))]),e._v(" | "),i("em",[e._v(e._s(e.formatedAverageSpeed))]),e._v(" | "),i("i",[e._v(e._s(e.formatedTimeRemaining))])])]),i("div",{staticClass:"chunk-file-uploader-file-actions"},[i("span",{staticClass:"chunk-file-uploader-file-pause",on:{click:e.pause}}),i("span",{staticClass:"chunk-file-uploader-file-resume",on:{click:e.resume}},[e._v("\uFE0F")]),i("span",{staticClass:"chunk-file-uploader-file-retry",on:{click:e.retry}}),i("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)},c=[];const d={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 e=this.extension;let i=this.file.isFolder?"folder":"unknown";const t=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(t).forEach(o=>{t[o].indexOf(e)>-1&&(i=o)}),i},progressStyle(){const e=Math.floor(this.progress*100),s=`translateX(${Math.floor(e-100)}%)`;return{progress:`${e}%`,webkitTransform:s,mozTransform:s,msTransform:s,transform:s}},formatedAverageSpeed(){return`${n.utils.formatSize(this.averageSpeed)} / s`},status(){const{isUploading:e,isComplete:s,isError:i,paused:l}=this,{md5Computing:t}=this.file;return t?"md5":s?"success":i?"error":e?"uploading":l?"paused":"waiting"},statusText(){const e=this.status,s=this.file.uploader.fileStatusText;let i=e;return typeof s=="function"?i=s(e,this.response):i=s[e],i||""},formatedTimeRemaining(){const e=this.timeRemaining,s=this.file;if(e===Number.POSITIVE_INFINITY||e===0)return"";let i=f(e);const l=s.uploader.opts.parseTimeRemaining;return l&&(i=l(e,i)),i}},watch:{status(e,s){s&&e==="uploading"&&s!=="uploading"?this.tid=setTimeout(()=>{this.progressingClass="uploader-file-progressing"},200):(clearTimeout(this.tid),this.progressingClass="")}},mounted(){const e=["paused","error","averageSpeed","currentSpeed"],s=["isComplete","isUploading",{key:"size",fn:"getSize"},{key:"formatedSize",fn:"getFormatSize"},{key:"uploadedSize",fn:"sizeUploaded"},"progress","timeRemaining",{key:"type",fn:"getType"},{key:"extension",fn:"getExtension"}];e.forEach(t=>{this[t]=this.file[t]}),s.forEach(t=>{typeof t=="string"?this[t]=this.file[t]():this[t.key]=this.file[t.fn]()});const i=this._handlers={},l=t=>(i[t]=(...o)=>{this.fileEventsHandler(t,o)},i[t]);r.forEach(t=>{this.file.uploader.on(t,l(t))})},destroyed(){r.forEach(e=>{this.file.uploader.off(e,this._handlers[e])}),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(e){let s=e;try{s=JSON.parse(e)}catch{}this.response=s},fileEventsHandler(e,s){const i=s[0],l=s[1],t=this.list?i:l;if(this.file===t){if(this.list&&e==="fileSuccess"){this.processResponse(s[2]);return}this[`_${e}`].apply(this,s)}},_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,s,i){e&&this.processResponse(i),this._fileProgress(),this.error=!1,this.isComplete=!0,this.isUploading=!1},_fileComplete(){this._fileSuccess()},_fileError(e,s,i){this._fileProgress(),this.processResponse(i),this.error=!0,this.isComplete=!1,this.isUploading=!1}}},a={};var h=p(d,u,c,!1,g,null,null,null);function g(e){for(let s in a)this[s]=a[s]}var m=function(){return h.exports}();export{m as default};
+import n from "simple-uploader.js";
+import { s as p } from "../../chunks/90bd3d52.js";
+import { n as f } from "../../chunks/6499de3a.js";
+const o = ["fileProgress", "fileSuccess", "fileComplete", "fileError"];
+var u = function() {
+  var e = this, i = e.$createElement, s = e._self._c || i;
+  return s("div", {
+    staticClass: "chunk-file-uploader-file",
+    attrs: {
+      status: e.status
+    }
+  }, [e._t("default", function() {
+    return [s("div", {
+      staticClass: "chunk-file-uploader-file-info"
+    }, [s("div", {
+      staticClass: "chunk-file-uploader-file-name",
+      attrs: {
+        title: e.file.name
+      }
+    }, [s("i", {
+      staticClass: "chunk-file-uploader-file-icon",
+      attrs: {
+        icon: e.fileCategory
+      }
+    }), e._v(e._s(e.file.name) + " ")]), s("div", {
+      staticClass: "chunk-file-uploader-file-size"
+    }, [e._v(" " + e._s(e.formatedSize) + " ")]), s("div", {
+      staticClass: "chunk-file-uploader-file-status"
+    }, [s("span", {
+      directives: [{
+        name: "show",
+        rawName: "v-show",
+        value: !["uploading", "md5"].includes(e.status),
+        expression: "!['uploading', 'md5'].includes(status)"
+      }]
+    }, [e._v(e._s(e.statusText))]), s("span", {
+      directives: [{
+        name: "show",
+        rawName: "v-show",
+        value: e.status === "md5",
+        expression: "status === 'md5'"
+      }]
+    }, [e._v(e._s(e.file.md5Progress))]), s("span", {
+      directives: [{
+        name: "show",
+        rawName: "v-show",
+        value: e.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", {
+      staticClass: "chunk-file-uploader-file-actions"
+    }, [s("span", {
+      staticClass: "chunk-file-uploader-file-pause",
+      on: {
+        click: e.pause
+      }
+    }), s("span", {
+      staticClass: "chunk-file-uploader-file-resume",
+      on: {
+        click: e.resume
+      }
+    }, [e._v("\uFE0F")]), s("span", {
+      staticClass: "chunk-file-uploader-file-retry",
+      on: {
+        click: e.retry
+      }
+    }), s("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);
+}, d = [];
+const c = {
+  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 e = this.extension;
+      let s = this.file.isFolder ? "folder" : "unknown";
+      const t = 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(t).forEach((a) => {
+        t[a].indexOf(e) > -1 && (s = a);
+      }), s;
+    },
+    progressStyle() {
+      const e = Math.floor(this.progress * 100), i = `translateX(${Math.floor(e - 100)}%)`;
+      return {
+        progress: `${e}%`,
+        webkitTransform: i,
+        mozTransform: i,
+        msTransform: i,
+        transform: i
+      };
+    },
+    formatedAverageSpeed() {
+      return `${n.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";
+    },
+    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 || "";
+    },
+    formatedTimeRemaining() {
+      const e = this.timeRemaining, i = this.file;
+      if (e === Number.POSITIVE_INFINITY || e === 0)
+        return "";
+      let s = p(e);
+      const r = i.uploader.opts.parseTimeRemaining;
+      return r && (s = r(e, s)), s;
+    }
+  },
+  watch: {
+    status(e, i) {
+      i && e === "uploading" && i !== "uploading" ? this.tid = setTimeout(() => {
+        this.progressingClass = "uploader-file-progressing";
+      }, 200) : (clearTimeout(this.tid), this.progressingClass = "");
+    }
+  },
+  mounted() {
+    const e = ["paused", "error", "averageSpeed", "currentSpeed"], i = [
+      "isComplete",
+      "isUploading",
+      {
+        key: "size",
+        fn: "getSize"
+      },
+      {
+        key: "formatedSize",
+        fn: "getFormatSize"
+      },
+      {
+        key: "uploadedSize",
+        fn: "sizeUploaded"
+      },
+      "progress",
+      "timeRemaining",
+      {
+        key: "type",
+        fn: "getType"
+      },
+      {
+        key: "extension",
+        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]();
+    });
+    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));
+    });
+  },
+  destroyed() {
+    o.forEach((e) => {
+      this.file.uploader.off(e, this._handlers[e]);
+    }), 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(e) {
+      let i = e;
+      try {
+        i = JSON.parse(e);
+      } catch {
+      }
+      this.response = i;
+    },
+    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]);
+          return;
+        }
+        this[`_${e}`].apply(this, i);
+      }
+    },
+    _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;
+    },
+    _fileComplete() {
+      this._fileSuccess();
+    },
+    _fileError(e, i, s) {
+      this._fileProgress(), this.processResponse(s), this.error = !0, this.isComplete = !1, this.isUploading = !1;
+    }
+  }
+}, l = {};
+var h = /* @__PURE__ */ f(
+  c,
+  u,
+  d,
+  !1,
+  m,
+  null,
+  null,
+  null
+);
+function m(e) {
+  for (let i in l)
+    this[i] = l[i];
+}
+const y = /* @__PURE__ */ function() {
+  return h.exports;
+}();
+export {
+  y as default
+};

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

@@ -1 +1,49 @@
-import{u as r}from"../../chunks/163eed3b.js";import{n as s}from"../../chunks/6499de3a.js";var o=function(){var e=this,l=e.$createElement,n=e._self._c||l;return n("div",{staticClass:"uploader-files"},[e._t("default",function(){return[n("ul",e._l(e.files,function(i){return n("li",{key:i.id},[n("ChunkFileUploaderFile",{attrs:{file:i}})],1)}),0)]},{files:e.files})],2)},a=[];const u={name:"ChunkFileUploaderFiles",mixins:[r],computed:{files(){return this.uploader.files}}},t={};var _=s(u,o,a,!1,d,null,null,null);function d(e){for(let l in t)this[l]=t[l]}var f=function(){return _.exports}();export{f as default};
+import { u as r } from "../../chunks/163eed3b.js";
+import { n as s } from "../../chunks/6499de3a.js";
+var o = function() {
+  var e = this, n = e.$createElement, t = e._self._c || n;
+  return t("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", {
+        attrs: {
+          file: l
+        }
+      })], 1);
+    }), 0)];
+  }, {
+    files: e.files
+  })], 2);
+}, u = [];
+const a = {
+  name: "ChunkFileUploaderFiles",
+  mixins: [r],
+  computed: {
+    files() {
+      return this.uploader.files;
+    }
+  }
+}, i = {};
+var _ = /* @__PURE__ */ s(
+  a,
+  o,
+  u,
+  !1,
+  c,
+  null,
+  null,
+  null
+);
+function c(e) {
+  for (let n in i)
+    this[n] = i[n];
+}
+const p = /* @__PURE__ */ function() {
+  return _.exports;
+}();
+export {
+  p as default
+};

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

@@ -1 +1,50 @@
-import{u as r}from"../../chunks/163eed3b.js";import{n as s}from"../../chunks/6499de3a.js";var o=function(){var e=this,t=e.$createElement,i=e._self._c||t;return i("div",{staticClass:"uploader-list"},[e._t("default",function(){return[i("ul",e._l(e.fileList,function(l){return i("li",{key:l.id},[i("ChunkFileUploaderFile",{attrs:{file:l,list:!0}})],1)}),0)]},{fileList:e.fileList})],2)},a=[];const u={name:"ChunkFileUploaderList",mixins:[r],computed:{fileList(){return this.uploader.fileList}}},n={};var _=s(u,o,a,!1,d,null,null,null);function d(e){for(let t in n)this[t]=n[t]}var p=function(){return _.exports}();export{p as default};
+import { u as r } from "../../chunks/163eed3b.js";
+import { n as s } from "../../chunks/6499de3a.js";
+var o = function() {
+  var e = this, t = e.$createElement, i = e._self._c || t;
+  return i("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", {
+        attrs: {
+          file: n,
+          list: !0
+        }
+      })], 1);
+    }), 0)];
+  }, {
+    fileList: e.fileList
+  })], 2);
+}, u = [];
+const a = {
+  name: "ChunkFileUploaderList",
+  mixins: [r],
+  computed: {
+    fileList() {
+      return this.uploader.fileList;
+    }
+  }
+}, l = {};
+var _ = /* @__PURE__ */ s(
+  a,
+  o,
+  u,
+  !1,
+  c,
+  null,
+  null,
+  null
+);
+function c(e) {
+  for (let t in l)
+    this[t] = l[t];
+}
+const p = /* @__PURE__ */ function() {
+  return _.exports;
+}();
+export {
+  p as default
+};

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

@@ -1 +1,51 @@
-import{u as o,s as a}from"../../chunks/163eed3b.js";import{n as i}from"../../chunks/6499de3a.js";var s=function(){var e=this,r=e.$createElement,t=e._self._c||r;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)},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",{attrs:{href:"http://www.w3.org/TR/FileAPI/"}},[e._v("the HTML5 File API")]),e._v(" along with "),t("a",{attrs:{href:"http://www.w3.org/TR/FileAPI/#normalization-of-params"}},[e._v("file slicing")]),e._v(". ")])}];const l={name:"ChunkFileUploaderUnSupport",mixins:[o,a]},n={};var p=i(l,s,u,!1,_,null,null,null);function _(e){for(let r in n)this[r]=n[r]}var v=function(){return p.exports}();export{v as default};
+import { u as o, s } from "../../chunks/163eed3b.js";
+import { n as a } from "../../chunks/6499de3a.js";
+var i = function() {
+  var e = this, r = e.$createElement, t = e._self._c || r;
+  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);
+}, 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", {
+    attrs: {
+      href: "http://www.w3.org/TR/FileAPI/"
+    }
+  }, [e._v("the HTML5 File API")]), e._v(" along with "), t("a", {
+    attrs: {
+      href: "http://www.w3.org/TR/FileAPI/#normalization-of-params"
+    }
+  }, [e._v("file slicing")]), e._v(". ")]);
+}];
+const l = {
+  name: "ChunkFileUploaderUnSupport",
+  mixins: [o, s]
+}, n = {};
+var p = /* @__PURE__ */ a(
+  l,
+  i,
+  u,
+  !1,
+  _,
+  null,
+  null,
+  null
+);
+function _(e) {
+  for (let r in n)
+    this[r] = n[r];
+}
+const f = /* @__PURE__ */ function() {
+  return p.exports;
+}();
+export {
+  f as default
+};