@web-utils/component 3.0.6 → 3.1.0

package/fy-upload/index.mjs

@@ -1,8 +1,8 @@
-import { p as I, e as B } from "../chunks/event.b5d855dd.mjs";
-import { B as N, i as F, p as K } from "../chunks/util.ae730cde.mjs";
+import { p as R, e as I } from "../chunks/event.b5d855dd.mjs";
+import { B, i as F, p as N } from "../chunks/util.ae730cde.mjs";
 import { p as A } from "../chunks/packages.1fc9ccba.mjs";
 import { isBlank as b } from "@web-utils/core";
-import { n as L } from "../chunks/vueComponentNormalizer.446f5dc4.mjs";
+import { n as K } from "../chunks/_plugin-vue2_normalizer.446f5dc4.mjs";
 let d, g;
 const w = {
   width: 200,
@@ -25,292 +25,92 @@ const w = {
   ratio: 1
   // 压缩比
 };
-function P(t, e) {
+function T(e, t) {
   const i = new FileReader();
-  i.readAsDataURL(t), i.onload = function(o) {
-    e(o.target.result);
+  i.readAsDataURL(e), i.onload = function(o) {
+    t(o.target.result);
   };
 }
-function D(t, e = {}, i) {
-  const { text: o, fontFamily: s, color: a, fontSize: r, opacity: p, bottom: S, right: f, ratio: x } = e;
-  v(), P(t, C);
+function L(e, t = {}, i) {
+  const { text: o, fontFamily: s, color: u, fontSize: l, opacity: p, bottom: S, right: f, ratio: x } = t;
+  v(), T(e, C);
   function v() {
-    n.text = o || n.text, n.fontFamily = s || n.fontFamily, n.color = a || n.color, n.fontSize = r || n.fontSize, n.opacity = p || n.opacity, n.bottom = S || n.bottom, n.right = f || n.right, n.ratio = x || n.ratio;
+    n.text = o || n.text, n.fontFamily = s || n.fontFamily, n.color = u || n.color, n.fontSize = l || n.fontSize, n.opacity = p || n.opacity, n.bottom = S || n.bottom, n.right = f || n.right, n.ratio = x || n.ratio;
   }
   function C(y) {
-    const u = new Image();
-    u.src = y, u.onload = function() {
-      const m = u.width, l = u.height;
-      c(m, l), g.drawImage(u, 0, 0, m, l), E(m, l);
-      const _ = document.getElementById("canvas").toDataURL(t.type, n.ratio), k = N(_, t.name);
+    const c = new Image();
+    c.src = y, c.onload = function() {
+      const m = c.width, a = c.height;
+      r(m, a), g.drawImage(c, 0, 0, m, a), P(m, a);
+      const _ = document.getElementById("canvas").toDataURL(e.type, n.ratio), k = B(_, e.name);
       i && i(k);
     };
   }
-  function c(y, u) {
-    d = document.getElementById("canvas"), d === null && (d = document.createElement("canvas"), d.id = "canvas", d.className = "avue-canvas", document.body.appendChild(d)), g = d.getContext("2d"), d.width = y, d.height = u;
+  function r(y, c) {
+    d = document.getElementById("canvas"), d === null && (d = document.createElement("canvas"), d.id = "canvas", d.className = "avue-canvas", document.body.appendChild(d)), g = d.getContext("2d"), d.width = y, d.height = c;
   }
-  function E(y, u) {
-    const m = n.text, l = U(m, y, u);
-    g.font = `${l.fontSize}px ${n.fontFamily}`, g.fillStyle = n.color, g.globalAlpha = n.opacity / 100, g.fillText(m, l.x, l.y);
+  function P(y, c) {
+    const m = n.text, a = E(m, y, c);
+    g.font = `${a.fontSize}px ${n.fontFamily}`, g.fillStyle = n.color, g.globalAlpha = n.opacity / 100, g.fillText(m, a.x, a.y);
   }
-  function U(y, u, m) {
-    let l, _;
-    const $ = n.fontSize / w.width * u;
-    n.bottom ? _ = w.height - n.bottom : _ = n.top, n.right ? l = w.width - n.right : l = n.left, g.font = `${n.fontSize}px ${n.fontFamily}`;
-    const j = Number(g.measureText(y).width);
-    l = l - j;
-    const z = l / w.width, R = _ / w.height;
-    return l = z * u, _ = R * m, {
-      x: l,
+  function E(y, c, m) {
+    let a, _;
+    const U = n.fontSize / w.width * c;
+    n.bottom ? _ = w.height - n.bottom : _ = n.top, n.right ? a = w.width - n.right : a = n.left, g.font = `${n.fontSize}px ${n.fontFamily}`;
+    const $ = Number(g.measureText(y).width);
+    a = a - $;
+    const z = a / w.width, j = _ / w.height;
+    return a = z * c, _ = j * m, {
+      x: a,
       y: _,
-      fontSize: $
+      fontSize: U
     };
   }
 }
-const M = (t, e, i) => {
+const D = (e, t, i) => {
   const o = JSON.stringify(i);
   window.__ENV__ === "development" && console && console.log("put_policy = ", o);
-  const s = V(q(o));
+  const s = M(q(o));
   window.__ENV__ === "development" && console && console.log("encoded = ", s);
-  const r = window.CryptoJS.HmacSHA1(s, e).toString(window.CryptoJS.enc.Base64);
-  window.__ENV__ === "development" && console && console.log("encoded_signed=", r);
-  const p = `${t}:${J(r)}:${s}`;
+  const l = window.CryptoJS.HmacSHA1(s, t).toString(window.CryptoJS.enc.Base64);
+  window.__ENV__ === "development" && console && console.log("encoded_signed=", l);
+  const p = `${e}:${V(l)}:${s}`;
   return window.__ENV__ === "development" && console && console.log("upload_token=", p), p;
 };
-function q(t) {
-  let e, i, o;
-  e = "";
-  const s = t.length;
+function q(e) {
+  let t, i, o;
+  t = "";
+  const s = e.length;
   for (i = 0; i < s; i++)
-    o = t.charCodeAt(i), o >= 1 && o <= 127 ? e += t.charAt(i) : o > 2047 ? (e += String.fromCharCode(224 | o >> 12 & 15), e += String.fromCharCode(128 | o >> 6 & 63), e += String.fromCharCode(128 | o >> 0 & 63)) : (e += String.fromCharCode(192 | o >> 6 & 31), e += String.fromCharCode(128 | o >> 0 & 63));
-  return e;
+    o = e.charCodeAt(i), o >= 1 && o <= 127 ? t += e.charAt(i) : o > 2047 ? (t += String.fromCharCode(224 | o >> 12 & 15), t += String.fromCharCode(128 | o >> 6 & 63), t += String.fromCharCode(128 | o >> 0 & 63)) : (t += String.fromCharCode(192 | o >> 6 & 31), t += String.fromCharCode(128 | o >> 0 & 63));
+  return t;
 }
 const h = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789-_";
-function V(t) {
-  let e, i, o, s, a;
-  const r = t.length;
-  for (i = 0, e = ""; i < r; ) {
-    if (o = t.charCodeAt(i++) & 255, i === r) {
-      e += h.charAt(o >> 2), e += h.charAt((o & 3) << 4), e += "==";
+function M(e) {
+  let t, i, o, s, u;
+  const l = e.length;
+  for (i = 0, t = ""; i < l; ) {
+    if (o = e.charCodeAt(i++) & 255, i === l) {
+      t += h.charAt(o >> 2), t += h.charAt((o & 3) << 4), t += "==";
       break;
     }
-    if (s = t.charCodeAt(i++), i === r) {
-      e += h.charAt(o >> 2), e += h.charAt((o & 3) << 4 | (s & 240) >> 4), e += h.charAt((s & 15) << 2), e += "=";
+    if (s = e.charCodeAt(i++), i === l) {
+      t += h.charAt(o >> 2), t += h.charAt((o & 3) << 4 | (s & 240) >> 4), t += h.charAt((s & 15) << 2), t += "=";
       break;
     }
-    a = t.charCodeAt(i++), e += h.charAt(o >> 2), e += h.charAt((o & 3) << 4 | (s & 240) >> 4), e += h.charAt((s & 15) << 2 | (a & 192) >> 6), e += h.charAt(a & 63);
+    u = e.charCodeAt(i++), t += h.charAt(o >> 2), t += h.charAt((o & 3) << 4 | (s & 240) >> 4), t += h.charAt((s & 15) << 2 | (u & 192) >> 6), t += h.charAt(u & 63);
   }
-  return e;
+  return t;
 }
-const J = function(t) {
-  return t = t.replace(/\+/g, "-"), t = t.replace(/\//g, "_"), t;
-}, H = (t) => new window.OSS(t);
-var Q = function() {
-  var t = this, e = t.$createElement, i = t._self._c || e;
-  return i("div", {
-    directives: [{
-      name: "loading",
-      rawName: "v-loading.lock",
-      value: t.loading,
-      expression: "loading",
-      modifiers: {
-        lock: !0
-      }
-    }],
-    staticClass: "avue-upload",
-    attrs: {
-      "element-loading-text": t.loadText
-    }
-  }, [i("ElUpload", {
-    key: t.reload,
-    class: {
-      "avue-upload--list": t.listType === "picture-img",
-      "avue-upload--upload": t.disabled
-    },
-    attrs: {
-      action: t.action,
-      "on-remove": t.handleRemove,
-      accept: t.acceptList,
-      "before-remove": t.beforeRemove,
-      multiple: t.multiple,
-      "on-preview": t.handlePreview,
-      limit: t.limit,
-      "http-request": t.httpUpload,
-      readonly: t.readonly,
-      drag: t.dragFile,
-      "show-file-list": t.isPictureImg ? !1 : t.showFileList,
-      "list-type": t.listType,
-      "on-change": t.handleFileChange,
-      "on-exceed": t.handleExceed,
-      disabled: t.disabled,
-      "file-list": t.fileList
-    },
-    nativeOn: {
-      click: function(o) {
-        return t.handleClick.apply(null, arguments);
-      }
-    },
-    scopedSlots: t._u([{
-      key: "tip",
-      fn: function() {
-        return [i("div", {
-          staticClass: "el-upload__tip",
-          domProps: {
-            innerHTML: t._s(t.tip)
-          }
-        })];
-      },
-      proxy: !0
-    }, {
-      key: "file",
-      fn: function(o) {
-        var s = o.file;
-        return [t.$scopedSlots.default ? t._t("default", null, {
-          file: s
-        }) : t.listType === "picture-card" ? i("span", [t.isMediaType(s.url) ? i(s.type, {
-          tag: "Component",
-          staticClass: "el-upload-list__item-thumbnail",
-          attrs: {
-            src: s.url
-          }
-        }) : i("i", {
-          staticClass: "avue-upload__avatar el-icon-document"
-        }), i("span", {
-          staticClass: "el-upload-list__item-actions"
-        }, [i("span", {
-          staticClass: "el-upload-list__item-preview"
-        }, [i("i", {
-          staticClass: "el-icon-zoom-in",
-          on: {
-            click: function(a) {
-              return a.stopPropagation(), t.handlePreview(s);
-            }
-          }
-        })]), i("span", {
-          staticClass: "el-upload-list__item-delete"
-        }, [t.disabled ? t._e() : i("i", {
-          staticClass: "el-icon-delete",
-          on: {
-            click: function(a) {
-              return a.stopPropagation(), t.handleRemove(s);
-            }
-          }
-        })])])], 1) : t.listType === "picture" ? i("span", {
-          on: {
-            click: function(a) {
-              return a.stopPropagation(), t.handlePreview(s);
-            }
-          }
-        }, [i(s.type, {
-          tag: "Component",
-          staticClass: "el-upload-list__item-thumbnail",
-          attrs: {
-            src: s.url
-          }
-        }), i("a", {
-          staticClass: "el-upload-list__item-name"
-        }, [i("i", {
-          staticClass: "el-icon-document"
-        }), t._v(" " + t._s(s.name) + " ")]), i("i", {
-          staticClass: "el-icon-close",
-          on: {
-            click: function(a) {
-              return a.stopPropagation(), t.handleRemove(s);
-            }
-          }
-        })], 1) : i("span", {
-          on: {
-            click: function(a) {
-              return a.stopPropagation(), t.handlePreview(s);
-            }
-          }
-        }, [i("a", {
-          staticClass: "el-upload-list__item-name"
-        }, [i("i", {
-          staticClass: "el-icon-document"
-        }), t._v(" " + t._s(s.name) + " ")]), t.disabled ? t._e() : i("i", {
-          staticClass: "el-icon-close",
-          on: {
-            click: function(a) {
-              return a.stopPropagation(), t.handleRemove(s);
-            }
-          }
-        })])];
-      }
-    }], null, !0)
-  }, [t.listType === "picture-card" ? [i("i", {
-    staticClass: "el-icon-plus"
-  })] : t.listType === "picture-img" ? [t.$scopedSlots.default ? t._t("default", null, {
-    file: {
-      url: t.imgUrl
-    }
-  }) : [t.isMediaType(t.imgUrl) ? i(t.isMediaType(t.imgUrl), {
-    tag: "Component",
-    staticClass: "avue-upload__avatar",
-    attrs: {
-      src: t.imgUrl
-    },
-    on: {
-      mouseover: function(o) {
-        t.menu = !0;
-      }
-    }
-  }) : t.imgUrl ? i("i", {
-    staticClass: "avue-upload__avatar el-icon-document",
-    on: {
-      mouseover: function(o) {
-        t.menu = !0;
-      }
-    }
-  }) : i("i", {
-    staticClass: "el-icon-plus avue-upload__avatar"
-  }), t.menu ? i("div", {
-    staticClass: "el-upload-list__item-actions avue-upload__menu",
-    on: {
-      mouseover: function(o) {
-        t.menu = !0;
-      },
-      mouseout: function(o) {
-        t.menu = !1;
-      },
-      click: function(o) {
-        o.stopPropagation();
-      }
-    }
-  }, [i("i", {
-    staticClass: "el-icon-zoom-in",
-    on: {
-      click: function(o) {
-        return o.stopPropagation(), t.handlePreview({
-          url: t.imgUrl
-        });
-      }
-    }
-  }), t.disabled ? t._e() : i("i", {
-    staticClass: "el-icon-delete",
-    on: {
-      click: function(o) {
-        return o.stopPropagation(), t.handleDelete(t.imgUrl);
-      }
-    }
-  })]) : t._e()]] : t.dragFile ? [i("i", {
-    staticClass: "el-icon-upload"
-  }), i("div", {
-    staticClass: "el-upload__text"
-  }, [i("em", [t._v(t._s(t.fileText || "上传"))])])] : [i("ElButton", {
-    attrs: {
-      icon: "el-icon-upload",
-      size: t.size,
-      type: "primary"
-    }
-  }, [t._v(" " + t._s(t.fileText || "上传") + " ")])]], 2)], 1);
-}, W = [];
-function O(t, e = "") {
-  return e.match(/(^http:\/\/|^https:\/\/|^\/\/|data:image\/)/) ? e : t + e;
+const V = function(e) {
+  return e = e.replace(/\+/g, "-"), e = e.replace(/\//g, "_"), e;
+}, J = (e) => new window.OSS(e);
+function O(e, t = "") {
+  return t.match(/(^http:\/\/|^https:\/\/|^\/\/|data:image\/)/) ? t : e + t;
 }
-const X = {
+const H = {
   name: "FyUpload",
-  mixins: [I, B],
+  mixins: [R, I],
   props: {
     qiniu: Object,
     ali: Object,
@@ -410,12 +210,12 @@ const X = {
       return b(this.text) ? null : O(this.homeUrl, this.text[0]);
     },
     fileList() {
-      const t = [];
-      return (this.text || []).forEach((e, i) => {
-        if (e) {
-          const o = this.isObject ? e[this.labelKey] : e.substring(e.lastIndexOf("/") + 1);
-          let s = this.isObject ? e[this.valueKey] : e;
-          s = O(this.homeUrl, s), t.push({
+      const e = [];
+      return (this.text || []).forEach((t, i) => {
+        if (t) {
+          const o = this.isObject ? t[this.labelKey] : t.substring(t.lastIndexOf("/") + 1);
+          let s = this.isObject ? t[this.valueKey] : t;
+          s = O(this.homeUrl, s), e.push({
             uid: `${i}`,
             status: "done",
             type: this.isMediaType(s),
@@ -423,125 +223,125 @@ const X = {
             url: s
           });
         }
-      }), t;
+      }), e;
     }
   },
   mounted() {
     this.drag && this.setSort();
   },
   methods: {
-    isMediaType(t) {
-      return F(t, this.fileType);
+    isMediaType(e) {
+      return F(e, this.fileType);
     },
     setSort() {
       if (!window.Sortable) {
         A.logs("Sortable");
         return;
       }
-      const t = this.$el.querySelectorAll(".avue-upload > ul")[0];
-      window.Sortable.create(t, {
+      const e = this.$el.querySelectorAll(".avue-upload > ul")[0];
+      window.Sortable.create(e, {
         animation: 100,
-        onEnd: (e) => {
-          const i = this.text.splice(e.oldIndex, 1)[0];
-          this.text.splice(e.newIndex, 0, i), this.reload = Math.random(), this.$nextTick(() => this.setSort());
+        onEnd: (t) => {
+          const i = this.text.splice(t.oldIndex, 1)[0];
+          this.text.splice(t.newIndex, 0, i), this.reload = Math.random(), this.$nextTick(() => this.setSort());
         }
       });
     },
-    handleSuccess(t) {
+    handleSuccess(e) {
       if (this.isPictureImg)
-        this.text.splice(0, 1, t[this.urlKey]);
+        this.text.splice(0, 1, e[this.urlKey]);
       else if (this.isObject) {
-        const e = {};
-        e[this.labelKey] = t[this.nameKey], e[this.valueKey] = t[this.urlKey], this.text.push(e);
+        const t = {};
+        t[this.labelKey] = e[this.nameKey], t[this.valueKey] = e[this.urlKey], this.text.push(t);
       } else
-        this.text.push(t[this.urlKey]);
+        this.text.push(e[this.urlKey]);
     },
-    handleRemove(t) {
-      this.beforeRemove(t).then(() => {
-        this.delete(t);
+    handleRemove(e) {
+      this.beforeRemove(e).then(() => {
+        this.delete(e);
       });
     },
-    handleError(t) {
-      this.uploadError && this.uploadError(t, this.column);
+    handleError(e) {
+      this.uploadError && this.uploadError(e, this.column);
     },
-    delete(t) {
-      (this.text || []).forEach((e, i) => {
-        const o = this.isObject ? e[this.valueKey] : e;
-        O(this.homeUrl, o) === t.url && this.text.splice(i, 1);
+    delete(e) {
+      (this.text || []).forEach((t, i) => {
+        const o = this.isObject ? t[this.valueKey] : t;
+        O(this.homeUrl, o) === e.url && this.text.splice(i, 1);
       });
     },
-    show(t) {
-      this.loading = !1, this.res = t || this.res, this.handleSuccess(this.res);
+    show(e) {
+      this.loading = !1, this.res = e || this.res, this.handleSuccess(this.res);
     },
-    hide(t) {
-      this.loading = !1, t && this.handleError(t);
+    hide(e) {
+      this.loading = !1, e && this.handleError(e);
     },
-    handleFileChange(t, e) {
-      e.splice(e.length - 1, 1);
+    handleFileChange(e, t) {
+      t.splice(t.length - 1, 1);
     },
-    httpUpload(t) {
+    httpUpload(e) {
       if (typeof this.httpRequest == "function") {
-        this.httpRequest(t);
+        this.httpRequest(e);
         return;
       }
       this.loading = !0;
-      let e = t.file;
-      const i = e.size / 1024;
+      let t = e.file;
+      const i = t.size / 1024;
       if (!b(i) && i > this.fileSize) {
         this.hide("文件太大不符合");
         return;
       }
       const o = Object.assign(this.headers, { "Content-Type": "multipart/form-data" });
-      let s = {}, a = {};
-      const r = new FormData(), p = () => {
+      let s = {}, u = {};
+      const l = new FormData(), p = () => {
         const f = (x) => {
           let v = this.action;
-          for (const c in this.data)
-            r.append(c, this.data[c]);
-          const C = x || e;
-          if (r.append(this.fileName, C), this.isQiniuOss) {
+          for (const r in this.data)
+            l.append(r, this.data[r]);
+          const C = x || t;
+          if (l.append(this.fileName, C), this.isQiniuOss) {
             if (!window.CryptoJS) {
               A.logs("CryptoJS"), this.hide();
               return;
             }
             s = this.qiniu || this.$AVUE.qiniu;
-            const c = M(s.AK, s.SK, {
+            const r = D(s.AK, s.SK, {
               scope: s.scope,
               deadline: (/* @__PURE__ */ new Date()).getTime() + s.deadline * 3600
             });
-            r.append("token", c), v = s.bucket;
+            l.append("token", r), v = s.bucket;
           } else if (this.isAliOss) {
             if (!window.OSS) {
               A.logs("AliOSS"), this.hide();
               return;
             }
-            s = this.ali || this.$AVUE.ali, a = H(s);
+            s = this.ali || this.$AVUE.ali, u = J(s);
           }
-          (() => this.isAliOss ? a.put(C.name, C, {
+          (() => this.isAliOss ? u.put(C.name, C, {
             headers: this.headers
-          }) : this.$axios.post(v, r, { headers: o }))().then((c) => {
-            this.res = {}, this.isQiniuOss && (c.data.key = s.url + c.data.key), this.res = K(this.isAliOss ? c : c.data, this.resKey), typeof this.uploadAfter == "function" ? this.uploadAfter(this.res, this.show, this.hide, this.column) : this.show();
-          }).catch((c) => {
-            this.hide(c);
+          }) : this.$axios.post(v, l, { headers: o }))().then((r) => {
+            this.res = {}, this.isQiniuOss && (r.data.key = s.url + r.data.key), this.res = N(this.isAliOss ? r : r.data, this.resKey), typeof this.uploadAfter == "function" ? this.uploadAfter(this.res, this.show, this.hide, this.column) : this.show();
+          }).catch((r) => {
+            this.hide(r);
           });
         };
-        typeof this.uploadBefore == "function" ? this.uploadBefore(e, f, this.hide, this.column) : f();
+        typeof this.uploadBefore == "function" ? this.uploadBefore(t, f, this.hide, this.column) : f();
       };
-      if (F(e.name) !== "img") {
+      if (F(t.name) !== "img") {
         p();
         return;
       }
       const S = () => {
-        b(this.canvasOption) ? p() : D(e, this.canvasOption, (f) => {
-          e = f, p();
+        b(this.canvasOption) ? p() : L(t, this.canvasOption, (f) => {
+          t = f, p();
         });
       };
-      b(this.cropperOption) ? S() : P(e, (f) => {
+      b(this.cropperOption) ? S() : T(t, (f) => {
         const x = Object.assign(this.cropperOption, {
           img: f,
           type: "file",
           callback: (v) => {
-            e = v, S();
+            t = v, S();
           },
           cancel: () => {
             this.loading = !1;
@@ -550,43 +350,72 @@ const X = {
         this.$ImageCropper(x);
       });
     },
-    handleExceed(t, e) {
-      this.uploadExceed && this.uploadExceed(this.limit, t, e, this.column);
+    handleExceed(e, t) {
+      this.uploadExceed && this.uploadExceed(this.limit, e, t, this.column);
     },
-    handlePreview(t) {
-      const e = () => {
-        const i = this.fileList.findIndex((o) => o.url === t.url);
+    handlePreview(e) {
+      const t = () => {
+        const i = this.fileList.findIndex((o) => o.url === e.url);
         this.$ImagePreview(this.fileList, i);
       };
-      typeof this.uploadPreview == "function" ? this.uploadPreview(t, this.column, e) : e();
+      typeof this.uploadPreview == "function" ? this.uploadPreview(e, this.column, t) : t();
     },
-    handleDelete(t) {
-      this.beforeRemove(t).then(() => {
+    handleDelete(e) {
+      this.beforeRemove(e).then(() => {
         this.text = [], this.menu = !1;
       });
     },
-    beforeRemove(t) {
-      return typeof this.uploadDelete == "function" ? this.uploadDelete(t, this.column) : Promise.resolve();
+    beforeRemove(e) {
+      return typeof this.uploadDelete == "function" ? this.uploadDelete(e, this.column) : Promise.resolve();
     }
   }
-}, T = {};
-var Y = /* @__PURE__ */ L(
-  X,
+};
+var Q = function() {
+  var t = this, i = t._self._c;
+  return i("div", { directives: [{ name: "loading", rawName: "v-loading.lock", value: t.loading, expression: "loading", modifiers: { lock: !0 } }], staticClass: "avue-upload", attrs: { "element-loading-text": t.loadText } }, [i("ElUpload", { key: t.reload, class: { "avue-upload--list": t.listType === "picture-img", "avue-upload--upload": t.disabled }, attrs: { action: t.action, "on-remove": t.handleRemove, accept: t.acceptList, "before-remove": t.beforeRemove, multiple: t.multiple, "on-preview": t.handlePreview, limit: t.limit, "http-request": t.httpUpload, readonly: t.readonly, drag: t.dragFile, "show-file-list": t.isPictureImg ? !1 : t.showFileList, "list-type": t.listType, "on-change": t.handleFileChange, "on-exceed": t.handleExceed, disabled: t.disabled, "file-list": t.fileList }, nativeOn: { click: function(o) {
+    return t.handleClick.apply(null, arguments);
+  } }, scopedSlots: t._u([{ key: "tip", fn: function() {
+    return [i("div", { staticClass: "el-upload__tip", domProps: { innerHTML: t._s(t.tip) } })];
+  }, proxy: !0 }, { key: "file", fn: function({ file: o }) {
+    return [t.$scopedSlots.default ? t._t("default", null, { file: o }) : t.listType === "picture-card" ? i("span", [t.isMediaType(o.url) ? i(o.type, { tag: "Component", staticClass: "el-upload-list__item-thumbnail", attrs: { src: o.url } }) : i("i", { staticClass: "avue-upload__avatar el-icon-document" }), i("span", { staticClass: "el-upload-list__item-actions" }, [i("span", { staticClass: "el-upload-list__item-preview" }, [i("i", { staticClass: "el-icon-zoom-in", on: { click: function(s) {
+      return s.stopPropagation(), t.handlePreview(o);
+    } } })]), i("span", { staticClass: "el-upload-list__item-delete" }, [t.disabled ? t._e() : i("i", { staticClass: "el-icon-delete", on: { click: function(s) {
+      return s.stopPropagation(), t.handleRemove(o);
+    } } })])])], 1) : t.listType === "picture" ? i("span", { on: { click: function(s) {
+      return s.stopPropagation(), t.handlePreview(o);
+    } } }, [i(o.type, { tag: "Component", staticClass: "el-upload-list__item-thumbnail", attrs: { src: o.url } }), i("a", { staticClass: "el-upload-list__item-name" }, [i("i", { staticClass: "el-icon-document" }), t._v(" " + t._s(o.name) + " ")]), i("i", { staticClass: "el-icon-close", on: { click: function(s) {
+      return s.stopPropagation(), t.handleRemove(o);
+    } } })], 1) : i("span", { on: { click: function(s) {
+      return s.stopPropagation(), t.handlePreview(o);
+    } } }, [i("a", { staticClass: "el-upload-list__item-name" }, [i("i", { staticClass: "el-icon-document" }), t._v(" " + t._s(o.name) + " ")]), t.disabled ? t._e() : i("i", { staticClass: "el-icon-close", on: { click: function(s) {
+      return s.stopPropagation(), t.handleRemove(o);
+    } } })])];
+  } }], null, !0) }, [t.listType === "picture-card" ? [i("i", { staticClass: "el-icon-plus" })] : t.listType === "picture-img" ? [t.$scopedSlots.default ? t._t("default", null, { file: { url: t.imgUrl } }) : [t.isMediaType(t.imgUrl) ? i(t.isMediaType(t.imgUrl), { tag: "Component", staticClass: "avue-upload__avatar", attrs: { src: t.imgUrl }, on: { mouseover: function(o) {
+    t.menu = !0;
+  } } }) : t.imgUrl ? i("i", { staticClass: "avue-upload__avatar el-icon-document", on: { mouseover: function(o) {
+    t.menu = !0;
+  } } }) : i("i", { staticClass: "el-icon-plus avue-upload__avatar" }), t.menu ? i("div", { staticClass: "el-upload-list__item-actions avue-upload__menu", on: { mouseover: function(o) {
+    t.menu = !0;
+  }, mouseout: function(o) {
+    t.menu = !1;
+  }, click: function(o) {
+    o.stopPropagation();
+  } } }, [i("i", { staticClass: "el-icon-zoom-in", on: { click: function(o) {
+    return o.stopPropagation(), t.handlePreview({ url: t.imgUrl });
+  } } }), t.disabled ? t._e() : i("i", { staticClass: "el-icon-delete", on: { click: function(o) {
+    return o.stopPropagation(), t.handleDelete(t.imgUrl);
+  } } })]) : t._e()]] : t.dragFile ? [i("i", { staticClass: "el-icon-upload" }), i("div", { staticClass: "el-upload__text" }, [i("em", [t._v(t._s(t.fileText || "上传"))])])] : [i("ElButton", { attrs: { icon: "el-icon-upload", size: t.size, type: "primary" } }, [t._v(" " + t._s(t.fileText || "上传") + " ")])]], 2)], 1);
+}, W = [], X = /* @__PURE__ */ K(
+  H,
   Q,
   W,
   !1,
-  G,
+  null,
   null,
   null,
   null
 );
-function G(t) {
-  for (let e in T)
-    this[e] = T[e];
-}
-const st = /* @__PURE__ */ function() {
-  return Y.exports;
-}();
+const it = X.exports;
 export {
-  st as default
+  it as default
 };