@web-utils/component 2.7.35 → 2.7.37

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

@@ -1,153 +0,0 @@
-import Uploader from "simple-uploader.js";
-import { k as kebabCase } from "../../chunks/utils.a8891d2c.js";
-import { n as normalizeComponent } from "../../chunks/vueComponentNormalizer.9c6b8b3d.js";
-var render = function() {
-  var _vm = this;
-  var _h = _vm.$createElement;
-  var _c = _vm._self._c || _h;
-  return _c("div", {
-    staticClass: "uploader"
-  }, [_vm._t("default", function() {
-    return [_c("ChunkFileUploaderUnSupport"), _c("ChunkFileUploaderDrop", [_c("p", [_vm._v("Drop files here to upload or")]), _c("ChunkFileUploaderButton", [_vm._v("select files")]), _c("ChunkFileUploaderButton", {
-      attrs: {
-        "directory": true
-      }
-    }, [_vm._v(" select folder ")])], 1), _c("ChunkFileUploaderList")];
-  }, {
-    "files": _vm.files,
-    "fileList": _vm.fileList,
-    "started": _vm.started
-  })], 2);
-};
-var staticRenderFns = [];
-const ChunkFileUploader_vue_vue_type_style_index_0_lang = "";
-const FILE_ADDED_EVENT = "fileAdded";
-const FILES_ADDED_EVENT = "filesAdded";
-const UPLOAD_START_EVENT = "uploadStart";
-const __vue2_script = {
-  name: "ChunkFileUploader",
-  provide() {
-    return {
-      uploader: this
-    };
-  },
-  props: {
-    options: {
-      type: Object,
-      default() {
-        return {};
-      }
-    },
-    autoStart: {
-      type: Boolean,
-      default: true
-    },
-    fileStatusText: {
-      type: [Object, Function],
-      default() {
-        return {
-          success: "success",
-          error: "error",
-          uploading: "uploading",
-          paused: "paused",
-          waiting: "waiting"
-        };
-      }
-    }
-  },
-  data() {
-    return {
-      started: false,
-      files: [],
-      fileList: []
-    };
-  },
-  created() {
-    this.options.initialPaused = !this.autoStart;
-    const uploader = new Uploader(this.options);
-    this.uploader = uploader;
-    this.uploader.fileStatusText = this.fileStatusText;
-    uploader.on("catchAll", this.allEvent);
-    uploader.on(FILE_ADDED_EVENT, this.fileAdded);
-    uploader.on(FILES_ADDED_EVENT, this.filesAdded);
-    uploader.on("fileRemoved", this.fileRemoved);
-    uploader.on("filesSubmitted", this.filesSubmitted);
-  },
-  destroyed() {
-    const uploader = this.uploader;
-    uploader.off("catchAll", this.allEvent);
-    uploader.off(FILE_ADDED_EVENT, this.fileAdded);
-    uploader.off(FILES_ADDED_EVENT, this.filesAdded);
-    uploader.off("fileRemoved", this.fileRemoved);
-    uploader.off("filesSubmitted", this.filesSubmitted);
-    this.uploader = null;
-  },
-  methods: {
-    uploadStart() {
-      this.started = true;
-    },
-    fileAdded(file) {
-      this.$emit(kebabCase(FILE_ADDED_EVENT), file);
-      if (file.ignored) {
-        return false;
-      }
-    },
-    filesAdded(files, fileList) {
-      this.$emit(kebabCase(FILES_ADDED_EVENT), files, fileList);
-      if (files.ignored || fileList.ignored) {
-        return false;
-      }
-    },
-    fileRemoved(file) {
-      this.$emit("file-removed", file);
-      this.files = this.uploader.files;
-      this.fileList = this.uploader.fileList;
-    },
-    filesSubmitted() {
-      this.files = this.uploader.files;
-      this.fileList = this.uploader.fileList;
-      if (this.autoStart) {
-        this.uploader.upload();
-      }
-    },
-    allEvent(...args) {
-      const name = args[0];
-      const EVENTSMAP = {
-        [FILE_ADDED_EVENT]: true,
-        [FILES_ADDED_EVENT]: true,
-        [UPLOAD_START_EVENT]: "uploadStart"
-      };
-      const handler = EVENTSMAP[name];
-      if (handler) {
-        if (handler === true) {
-          return;
-        }
-        this[handler].apply(this, args.slice(1));
-      }
-      args[0] = kebabCase(name);
-      this.$emit.apply(this, args);
-    }
-  }
-};
-const __cssModules = {};
-var __component__ = /* @__PURE__ */ normalizeComponent(
-  __vue2_script,
-  render,
-  staticRenderFns,
-  false,
-  __vue2_injectStyles,
-  null,
-  null,
-  null
-);
-function __vue2_injectStyles(context) {
-  for (let o in __cssModules) {
-    this[o] = __cssModules[o];
-  }
-}
-const ChunkFileUploader = /* @__PURE__ */ function() {
-  return __component__.exports;
-}();
-export {
-  ChunkFileUploader as default
-};

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

@@ -1,66 +0,0 @@
-import { u as uploaderMixin, s as supportMixin } from "../../chunks/mixins.e1939731.js";
-import { n as normalizeComponent } from "../../chunks/vueComponentNormalizer.9c6b8b3d.js";
-var render = function() {
-  var _vm = this;
-  var _h = _vm.$createElement;
-  var _c = _vm._self._c || _h;
-  return _c("label", {
-    directives: [{
-      name: "show",
-      rawName: "v-show",
-      value: _vm.support,
-      expression: "support"
-    }],
-    ref: "btn",
-    staticClass: "uploader-btn"
-  }, [_vm._t("default")], 2);
-};
-var staticRenderFns = [];
-const ChunkFileUploaderButton_vue_vue_type_style_index_0_lang = "";
-const __vue2_script = {
-  name: "ChunkFileUploaderButton",
-  mixins: [uploaderMixin, supportMixin],
-  props: {
-    directory: {
-      type: Boolean,
-      default: false
-    },
-    single: {
-      type: Boolean,
-      default: false
-    },
-    attrs: {
-      type: Object,
-      default() {
-        return {};
-      }
-    }
-  },
-  mounted() {
-    this.$nextTick(() => {
-      this.uploader.uploader.assignBrowse(this.$refs.btn, this.directory, this.single, this.attrs);
-    });
-  }
-};
-const __cssModules = {};
-var __component__ = /* @__PURE__ */ normalizeComponent(
-  __vue2_script,
-  render,
-  staticRenderFns,
-  false,
-  __vue2_injectStyles,
-  null,
-  null,
-  null
-);
-function __vue2_injectStyles(context) {
-  for (let o in __cssModules) {
-    this[o] = __cssModules[o];
-  }
-}
-const ChunkFileUploaderButton = /* @__PURE__ */ function() {
-  return __component__.exports;
-}();
-export {
-  ChunkFileUploaderButton as default
-};

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

@@ -1,101 +0,0 @@
-var __async = (__this, __arguments, generator) => {
-  return new Promise((resolve, reject) => {
-    var fulfilled = (value) => {
-      try {
-        step(generator.next(value));
-      } catch (e) {
-        reject(e);
-      }
-    };
-    var rejected = (value) => {
-      try {
-        step(generator.throw(value));
-      } catch (e) {
-        reject(e);
-      }
-    };
-    var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
-    step((generator = generator.apply(__this, __arguments)).next());
-  });
-};
-import { u as uploaderMixin, s as supportMixin } from "../../chunks/mixins.e1939731.js";
-import { n as normalizeComponent } from "../../chunks/vueComponentNormalizer.9c6b8b3d.js";
-var render = function() {
-  var _vm = this;
-  var _h = _vm.$createElement;
-  var _c = _vm._self._c || _h;
-  return _c("div", {
-    directives: [{
-      name: "show",
-      rawName: "v-show",
-      value: _vm.support,
-      expression: "support"
-    }],
-    ref: "drop",
-    staticClass: "uploader-drop",
-    class: _vm.dropClass
-  }, [_vm._t("default")], 2);
-};
-var staticRenderFns = [];
-const ChunkFileUploaderDrop_vue_vue_type_style_index_0_lang = "";
-const __vue2_script = {
-  name: "ChunkFileUploaderDrop",
-  mixins: [uploaderMixin, supportMixin],
-  data() {
-    return {
-      dropClass: ""
-    };
-  },
-  mounted() {
-    return __async(this, null, function* () {
-      yield this.$nextTick();
-      const dropEle = this.$refs.drop;
-      const uploader = this.uploader.uploader;
-      uploader.assignDrop(dropEle);
-      uploader.on("dragenter", this.onDragEnter);
-      uploader.on("dragleave", this.onDragLeave);
-      uploader.on("drop", this.onDrop);
-    });
-  },
-  beforeDestroy() {
-    const dropEle = this.$refs.drop;
-    const uploader = this.uploader.uploader;
-    uploader.off("dragenter", this.onDragEnter);
-    uploader.off("dragleave", this.onDragLeave);
-    uploader.off("drop", this.onDrop);
-    uploader.unAssignDrop(dropEle);
-  },
-  methods: {
-    onDragEnter() {
-      this.dropClass = "uploader-dragover";
-    },
-    onDragLeave() {
-      this.dropClass = "";
-    },
-    onDrop() {
-      this.dropClass = "uploader-droped";
-    }
-  }
-};
-const __cssModules = {};
-var __component__ = /* @__PURE__ */ normalizeComponent(
-  __vue2_script,
-  render,
-  staticRenderFns,
-  false,
-  __vue2_injectStyles,
-  null,
-  null,
-  null
-);
-function __vue2_injectStyles(context) {
-  for (let o in __cssModules) {
-    this[o] = __cssModules[o];
-  }
-}
-const ChunkFileUploaderDrop = /* @__PURE__ */ function() {
-  return __component__.exports;
-}();
-export {
-  ChunkFileUploaderDrop as default
-};

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

@@ -1,388 +0,0 @@
-import Uploader from "simple-uploader.js";
-import { s as secondsToStr } from "../../chunks/utils.a8891d2c.js";
-import { n as normalizeComponent } from "../../chunks/vueComponentNormalizer.9c6b8b3d.js";
-const events = ["fileProgress", "fileSuccess", "fileComplete", "fileError"];
-var render = function() {
-  var _vm = this;
-  var _h = _vm.$createElement;
-  var _c = _vm._self._c || _h;
-  return _c("div", {
-    staticClass: "chunk-file-uploader-file",
-    attrs: {
-      "status": _vm.status
-    }
-  }, [_vm._t("default", function() {
-    return [_c("div", {
-      staticClass: "chunk-file-uploader-file-info"
-    }, [_c("div", {
-      staticClass: "chunk-file-uploader-file-name",
-      attrs: {
-        "title": _vm.file.name
-      }
-    }, [_c("i", {
-      staticClass: "chunk-file-uploader-file-icon",
-      attrs: {
-        "icon": _vm.fileCategory
-      }
-    }), _vm._v(_vm._s(_vm.file.name) + " ")]), _c("div", {
-      staticClass: "chunk-file-uploader-file-size"
-    }, [_vm._v(" " + _vm._s(_vm.formatedSize) + " ")]), _c("div", {
-      staticClass: "chunk-file-uploader-file-status"
-    }, [_c("span", {
-      directives: [{
-        name: "show",
-        rawName: "v-show",
-        value: !["uploading", "md5"].includes(_vm.status),
-        expression: "!['uploading', 'md5'].includes(status)"
-      }]
-    }, [_vm._v(_vm._s(_vm.statusText))]), _c("span", {
-      directives: [{
-        name: "show",
-        rawName: "v-show",
-        value: _vm.status === "md5",
-        expression: "status === 'md5'"
-      }]
-    }, [_vm._v(_vm._s(_vm.file.md5Progress))]), _c("span", {
-      directives: [{
-        name: "show",
-        rawName: "v-show",
-        value: _vm.status === "uploading",
-        expression: "status === 'uploading'"
-      }],
-      staticStyle: {
-        "padding-left": "4px"
-      }
-    }, [_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"
-    }, [_c("span", {
-      staticClass: "chunk-file-uploader-file-pause",
-      on: {
-        "click": _vm.pause
-      }
-    }), _c("span", {
-      staticClass: "chunk-file-uploader-file-resume",
-      on: {
-        "click": _vm.resume
-      }
-    }, [_vm._v("️")]), _c("span", {
-      staticClass: "chunk-file-uploader-file-retry",
-      on: {
-        "click": _vm.retry
-      }
-    }), _c("span", {
-      staticClass: "chunk-file-uploader-file-remove",
-      on: {
-        "click": _vm.remove
-      }
-    })])])];
-  }, {
-    "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);
-};
-var staticRenderFns = [];
-const ChunkFileUploaderFile_vue_vue_type_style_index_0_lang = "";
-const __vue2_script = {
-  name: "ChunkFileUploaderFile",
-  props: {
-    file: {
-      type: Object,
-      default() {
-        return {};
-      }
-    },
-    list: {
-      type: Boolean,
-      default: false
-    }
-  },
-  data() {
-    return {
-      response: null,
-      paused: false,
-      error: false,
-      averageSpeed: 0,
-      currentSpeed: 0,
-      isComplete: false,
-      isUploading: false,
-      size: 0,
-      formatedSize: "",
-      uploadedSize: 0,
-      progress: 0,
-      timeRemaining: 0,
-      type: "",
-      extension: "",
-      progressingClass: ""
-    };
-  },
-  computed: {
-    fileCategory() {
-      const extension = this.extension;
-      const isFolder = this.file.isFolder;
-      let type = isFolder ? "folder" : "unknown";
-      const categoryMap = this.file.uploader.opts.categoryMap;
-      const typeMap = 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"
-        ]
-      };
-      Object.keys(typeMap).forEach((_type) => {
-        const extensions = typeMap[_type];
-        if (extensions.indexOf(extension) > -1) {
-          type = _type;
-        }
-      });
-      return type;
-    },
-    progressStyle() {
-      const progress = Math.floor(this.progress * 100);
-      const style = `translateX(${Math.floor(progress - 100)}%)`;
-      return {
-        progress: `${progress}%`,
-        webkitTransform: style,
-        mozTransform: style,
-        msTransform: style,
-        transform: style
-      };
-    },
-    formatedAverageSpeed() {
-      return `${Uploader.utils.formatSize(this.averageSpeed)} / s`;
-    },
-    status() {
-      const { isUploading, isComplete, isError, paused } = this;
-      const { md5Computing } = this.file;
-      if (md5Computing) {
-        return "md5";
-      } else if (isComplete) {
-        return "success";
-      } else if (isError) {
-        return "error";
-      } else if (isUploading) {
-        return "uploading";
-      } else if (paused) {
-        return "paused";
-      } else {
-        return "waiting";
-      }
-    },
-    statusText() {
-      const status = this.status;
-      const fileStatusText = this.file.uploader.fileStatusText;
-      let txt = status;
-      if (typeof fileStatusText === "function") {
-        txt = fileStatusText(status, this.response);
-      } else {
-        txt = fileStatusText[status];
-      }
-      return txt || "";
-    },
-    formatedTimeRemaining() {
-      const timeRemaining = this.timeRemaining;
-      const file = this.file;
-      if (timeRemaining === Number.POSITIVE_INFINITY || timeRemaining === 0) {
-        return "";
-      }
-      let parsedTimeRemaining = secondsToStr(timeRemaining);
-      const parseTimeRemaining = file.uploader.opts.parseTimeRemaining;
-      if (parseTimeRemaining) {
-        parsedTimeRemaining = parseTimeRemaining(timeRemaining, parsedTimeRemaining);
-      }
-      return parsedTimeRemaining;
-    }
-  },
-  watch: {
-    status(newStatus, oldStatus) {
-      if (oldStatus && newStatus === "uploading" && oldStatus !== "uploading") {
-        this.tid = setTimeout(() => {
-          this.progressingClass = "uploader-file-progressing";
-        }, 200);
-      } else {
-        clearTimeout(this.tid);
-        this.progressingClass = "";
-      }
-    }
-  },
-  mounted() {
-    const staticProps = ["paused", "error", "averageSpeed", "currentSpeed"];
-    const fnProps = [
-      "isComplete",
-      "isUploading",
-      {
-        key: "size",
-        fn: "getSize"
-      },
-      {
-        key: "formatedSize",
-        fn: "getFormatSize"
-      },
-      {
-        key: "uploadedSize",
-        fn: "sizeUploaded"
-      },
-      "progress",
-      "timeRemaining",
-      {
-        key: "type",
-        fn: "getType"
-      },
-      {
-        key: "extension",
-        fn: "getExtension"
-      }
-    ];
-    staticProps.forEach((prop) => {
-      this[prop] = this.file[prop];
-    });
-    fnProps.forEach((fnProp) => {
-      if (typeof fnProp === "string") {
-        this[fnProp] = this.file[fnProp]();
-      } else {
-        this[fnProp.key] = this.file[fnProp.fn]();
-      }
-    });
-    const handlers = this._handlers = {};
-    const eventHandler = (event) => {
-      handlers[event] = (...args) => {
-        this.fileEventsHandler(event, args);
-      };
-      return handlers[event];
-    };
-    events.forEach((event) => {
-      this.file.uploader.on(event, eventHandler(event));
-    });
-  },
-  destroyed() {
-    events.forEach((event) => {
-      this.file.uploader.off(event, this._handlers[event]);
-    });
-    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", true);
-      this.file.cancel();
-    },
-    retry() {
-      this.file.retry();
-      this._actionCheck();
-    },
-    processResponse(message) {
-      let res = message;
-      try {
-        res = JSON.parse(message);
-      } catch (e) {
-      }
-      this.response = res;
-    },
-    fileEventsHandler(event, args) {
-      const rootFile = args[0];
-      const file = args[1];
-      const target = this.list ? rootFile : file;
-      if (this.file === target) {
-        if (this.list && event === "fileSuccess") {
-          this.processResponse(args[2]);
-          return;
-        }
-        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(rootFile, file, message) {
-      if (rootFile) {
-        this.processResponse(message);
-      }
-      this._fileProgress();
-      this.error = false;
-      this.isComplete = true;
-      this.isUploading = false;
-    },
-    _fileComplete() {
-      this._fileSuccess();
-    },
-    _fileError(rootFile, file, message) {
-      this._fileProgress();
-      this.processResponse(message);
-      this.error = true;
-      this.isComplete = false;
-      this.isUploading = false;
-    }
-  }
-};
-const __cssModules = {};
-var __component__ = /* @__PURE__ */ normalizeComponent(
-  __vue2_script,
-  render,
-  staticRenderFns,
-  false,
-  __vue2_injectStyles,
-  null,
-  null,
-  null
-);
-function __vue2_injectStyles(context) {
-  for (let o in __cssModules) {
-    this[o] = __cssModules[o];
-  }
-}
-const ChunkFileUploaderFile = /* @__PURE__ */ function() {
-  return __component__.exports;
-}();
-export {
-  ChunkFileUploaderFile as default
-};