@web-utils/component 4.0.15 → 4.0.16

package/chunk-file-uploader/index.mjs

@@ -1,351 +1,9 @@
-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()}`);
+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()}`);
 }
-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 = {
+const s = "fileAdded", l = "filesAdded", u = "uploadStart", f = {
   name: "ChunkFileUploader",
   provide() {
     return {
@@ -385,61 +43,61 @@ const O = j.exports, l = "fileAdded", u = "filesAdded", B = "uploadStart", V = {
   },
   created() {
     this.options.initialPaused = !this.autoStart;
-    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);
+    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);
   },
   destroyed() {
-    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;
+    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;
   },
   methods: {
     uploadStart() {
       this.started = !0;
     },
-    fileAdded(s) {
-      if (this.$emit(p(l), s), s.ignored)
+    fileAdded(e) {
+      if (this.$emit(r(s), e), e.ignored)
         return !1;
     },
-    filesAdded(s, e) {
-      if (this.$emit(p(u), s, e), s.ignored || e.ignored)
+    filesAdded(e, t) {
+      if (this.$emit(r(l), e, t), e.ignored || t.ignored)
         return !1;
     },
-    fileRemoved(s) {
-      this.$emit("file-removed", s), this.files = this.uploader.files, this.fileList = this.uploader.fileList;
+    fileRemoved(e) {
+      this.$emit("file-removed", e), 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(...s) {
-      var i;
-      const e = s[0], r = {
+    allEvent(...e) {
+      var d;
+      const t = e[0], o = {
+        [s]: !0,
         [l]: !0,
-        [u]: !0,
-        [B]: "uploadStart"
-      }[e];
-      if (r) {
-        if (r === !0)
+        [u]: "uploadStart"
+      }[t];
+      if (o) {
+        if (o === !0)
           return;
-        (i = this[r]) == null || i.call(this, s.slice(1));
+        (d = this[o]) == null || d.call(this, e.slice(1));
       }
-      s[0] = p(e), this.$emit(...s);
+      e[0] = r(t), this.$emit(...e);
     }
   }
 };
-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,
+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,
   !1,
   null,
   null
 );
-const Z = q.exports;
+const v = c.exports;
 export {
-  Z as default
+  v as default
 };

package/chunk-file-uploader/style.css

@@ -1 +1 @@
-.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}
+.uploader{position:relative}

package/chunks/ElementBaseInfo.ZADwixb5.mjs

@@ -0,0 +1,125 @@
+import { fastClone as o } from "@web-utils/core";
+import { a as l, g as r } from "./utils.DRcxC1Fb.mjs";
+import { n as m } from "./_plugin-vue2_normalizer.CeySl7Fu.mjs";
+const c = {
+  name: "ElementBaseInfo",
+  inject: {
+    prefix: "prefix",
+    width: "width"
+  },
+  props: {
+    id: String,
+    idEditDisabled: {
+      type: Boolean,
+      default: !0
+    },
+    element: Object,
+    bpmnInstances: Object
+  },
+  data() {
+    return {
+      skipExpression: "",
+      requiredComment: null,
+      businessObject: {},
+      attrs: {
+        commentInForm: null,
+        commentOrder: null,
+        commentNodeIds: null,
+        commentLabel: null
+      },
+      nodes: []
+    };
+  },
+  watch: {
+    id: "init"
+  },
+  methods: {
+    init(n) {
+      const e = this.bpmnInstances.elementRegistry.filter((i) => i.type === "bpmn:UserTask");
+      this.nodes = e.map(({ businessObject: { id: i, name: a } }) => ({ label: a, value: i }));
+      const { businessObject: s } = this.element;
+      if (n ? (this.businessObject = o(s), this.businessObject.$type === "bpmn:SubProcess" && this.$set(this.businessObject, "isExpanded", this.element.di.isExpanded)) : this.businessObject = {}, this.businessObject.$type === "bpmn:UserTask")
+        for (const i in this.attrs) {
+          let a = r(s, `${this.prefix}:${i}`);
+          i === "commentNodeIds" && (a = a ? a.split(",") : []), this.attrs[i] = a;
+        }
+      this.skipExpression = r(s, `${this.prefix}:skipExpression`);
+      let t = r(s, `${this.prefix}:requiredComment`);
+      t || (t = "Y"), this.requiredComment = t;
+    },
+    updateBaseInfo(n) {
+      const { modeling: e } = this.bpmnInstances;
+      if (n === "id") {
+        e.updateProperties(this.element, {
+          id: this.businessObject[n],
+          di: { id: `${this.businessObject[n]}_di` }
+        });
+        return;
+      }
+      if (n === "isExpanded") {
+        e.toggleCollapse(this.element);
+        return;
+      }
+      e.updateProperties(this.element, { [n]: this.businessObject[n] });
+    },
+    updateProp(n, e) {
+      if (n === "commentInForm") {
+        if (!e)
+          for (const s in this.attrs)
+            s !== "commentInForm" && (this.attrs[s] = null, l(this.bpmnInstances, this.element, `${this.prefix}:${s}`, this.attrs[s]));
+      } else n === "commentNodeIds" ? e = e != null && e.length ? e.join(",") : null : e = e || null;
+      l(this.bpmnInstances, this.element, `${this.prefix}:${n}`, e);
+    }
+  }
+};
+var u = function() {
+  var e = this, s = e._self._c;
+  return s("div", { staticClass: "panel-tab__content" }, [s("ElForm", { attrs: { size: "mini", "label-width": "90px" }, nativeOn: { submit: function(t) {
+    t.preventDefault();
+  } } }, [s("ElFormItem", { attrs: { label: "ID" } }, [s("ElInput", { attrs: { disabled: e.idEditDisabled, clearable: "" }, on: { input: function(t) {
+    return e.updateBaseInfo("id");
+  } }, model: { value: e.businessObject.id, callback: function(t) {
+    e.$set(e.businessObject, "id", t);
+  }, expression: "businessObject.id" } })], 1), s("ElFormItem", { attrs: { label: "名称" } }, [s("ElInput", { attrs: { clearable: "" }, on: { input: function(t) {
+    return e.updateBaseInfo("name");
+  } }, model: { value: e.businessObject.name, callback: function(t) {
+    e.$set(e.businessObject, "name", t);
+  }, expression: "businessObject.name" } })], 1), e.businessObject.$type === "bpmn:UserTask" ? [s("ElFormItem", { attrs: { label: "跳过表达式" } }, [s("ElInput", { attrs: { clearable: "" }, on: { input: (t) => e.updateProp("skipExpression", t) }, model: { value: e.skipExpression, callback: function(t) {
+    e.skipExpression = t;
+  }, expression: "skipExpression" } })], 1), s("ElFormItem", { attrs: { label: "意见必填" } }, [s("ElSwitch", { attrs: { "active-text": "是", "active-value": "Y", "inactive-text": "否", "inactive-value": "N" }, on: { input: (t) => e.updateProp("requiredComment", t) }, model: { value: e.requiredComment, callback: function(t) {
+    e.requiredComment = t;
+  }, expression: "requiredComment" } })], 1), s("ElFormItem", { attrs: { label: "意见在表单" } }, [s("ElSwitch", { attrs: { "active-text": "是", "inactive-text": "否" }, on: { input: (t) => e.updateProp("commentInForm", t) }, model: { value: e.attrs.commentInForm, callback: function(t) {
+    e.$set(e.attrs, "commentInForm", t);
+  }, expression: "attrs.commentInForm" } })], 1), e.attrs.commentInForm ? [s("ElFormItem", { attrs: { label: "意见名称" } }, [s("ElInput", { attrs: { clearable: "" }, on: { input: (t) => e.updateProp("commentLabel", t) }, model: { value: e.attrs.commentLabel, callback: function(t) {
+    e.$set(e.attrs, "commentLabel", t);
+  }, expression: "attrs.commentLabel" } })], 1), s("ElFormItem", { attrs: { label: "意见聚合" } }, [s("ElSelect", { attrs: { multiple: "", clearable: "" }, on: { input: (t) => e.updateProp("commentNodeIds", t) }, model: { value: e.attrs.commentNodeIds, callback: function(t) {
+    e.$set(e.attrs, "commentNodeIds", t);
+  }, expression: "attrs.commentNodeIds" } }, e._l(e.nodes, function(t) {
+    return s("ElOption", { key: t.value, attrs: { label: t.label, value: t.value } });
+  }), 1)], 1), s("ElFormItem", { attrs: { label: "意见排序号" } }, [s("ElInput", { attrs: { clearable: "" }, on: { input: (t) => e.updateProp("commentOrder", t) }, model: { value: e.attrs.commentOrder, callback: function(t) {
+    e.$set(e.attrs, "commentOrder", t);
+  }, expression: "attrs.commentOrder" } })], 1)] : e._e()] : e._e(), e.businessObject.$type === "bpmn:Process" ? [s("ElFormItem", { attrs: { label: "版本标签" } }, [s("ElInput", { attrs: { clearable: "" }, on: { input: function(t) {
+    return e.updateBaseInfo("versionTag");
+  } }, model: { value: e.businessObject.versionTag, callback: function(t) {
+    e.$set(e.businessObject, "versionTag", t);
+  }, expression: "businessObject.versionTag" } })], 1), s("ElFormItem", { attrs: { label: "可执行" } }, [s("ElSwitch", { attrs: { "active-text": "是", "inactive-text": "否" }, on: { input: function(t) {
+    return e.updateBaseInfo("isExecutable");
+  } }, model: { value: e.businessObject.isExecutable, callback: function(t) {
+    e.$set(e.businessObject, "isExecutable", t);
+  }, expression: "businessObject.isExecutable" } })], 1)] : e._e(), e.businessObject.$type === "bpmn:SubProcess" ? s("ElFormItem", { attrs: { label: "状态" } }, [s("ElSwitch", { attrs: { "active-text": "展开", "inactive-text": "折叠" }, on: { input: function(t) {
+    return e.updateBaseInfo("isExpanded");
+  } }, model: { value: e.businessObject.isExpanded, callback: function(t) {
+    e.$set(e.businessObject, "isExpanded", t);
+  }, expression: "businessObject.isExpanded" } })], 1) : e._e()], 2)], 1);
+}, b = [], p = /* @__PURE__ */ m(
+  c,
+  u,
+  b,
+  !1,
+  null,
+  null
+);
+const E = p.exports;
+export {
+  E as default
+};