@das-fed/ui 6.4.0-hot.6 → 6.4.0-hot.61

package/packages/components/image-upload/index.js

@@ -1,85 +1,723 @@
 import '@das-fed/ui/packages/components/image-upload/style.css';
-import { withInstall as $ } from "@das-fed/utils/with-install/index";
-import { i18n as b, t as w, setI18nRule as B } from "@das-fed/web/packages/i18n/index";
-import { getVar as S, setThemeRule as U } from "@das-fed/web/packages/theme/index";
-import { computed as z, defineComponent as D, openBlock as k, createElementBlock as j, withDirectives as N, createVNode as v, unref as a, normalizeClass as E, withCtx as h, createElementVNode as y, toDisplayString as T, vShow as M, createTextVNode as F } from "vue";
-import { UploadDragger as G, Upload as P } from "ant-design-vue";
+import { withInstall as Ie } from "@das-fed/utils/with-install/index";
+import { currentLang as ge, i18n as ve, t as G, setI18nRule as Pe } from "@das-fed/web/packages/i18n/index";
+import { getVar as L, setThemeRule as Se } from "@das-fed/web/packages/theme/index";
+import { computed as X, defineComponent as je, createElementBlock as Le, openBlock as _e, createCommentVNode as ye, withDirectives as K, createVNode as O, unref as v, normalizeClass as Ne, withCtx as R, createElementVNode as z, toDisplayString as Y, vShow as q, createTextVNode as We } from "vue";
+import { UploadDragger as He, Upload as Ve } from "ant-design-vue";
 import "ant-design-vue/es/upload/style/css";
-import { DasSpin as R } from "@das-fed/ui/packages/components/spin/index";
-import { DasButton as J } from "@das-fed/ui/packages/components/button/index";
-import { DasIconAddto as H } from "@das-fed/ui/packages/icons/addto/index";
-import { DasIconWarning as K } from "@das-fed/ui/packages/icons/warning/index";
-import { DasMessage as V } from "@das-fed/ui/packages/components/message/index";
-import { useModelValue as O } from "@das-fed/utils/vue";
+import { DasSpin as $e } from "@das-fed/ui/packages/components/spin/index";
+import { DasButton as Ge } from "@das-fed/ui/packages/components/button/index";
+import { DasIconAddto as Xe } from "@das-fed/ui/packages/icons/addto/index";
+import { DasIconWarning as Ke } from "@das-fed/ui/packages/icons/warning/index";
+import { DasMessage as be } from "@das-fed/ui/packages/components/message/index";
+import { getFileExtension as Ye } from "@das-fed/utils/common-tools";
+import { useModelValue as we } from "@das-fed/utils/vue";
 import "@das-fed/ui/packages/global/theme";
-const W = () => ({ size2B: (t) => {
-  isNaN(Number(t)) ? t = t.toString() : t = t + "M";
-  const o = Number(t.slice(0, -1)), p = t[t.length - 1].toUpperCase(), r = 1024, g = {
-    M: r * r,
-    K: r,
+const qe = () => ({ size2B: (e) => {
+  isNaN(Number(e)) ? e = e.toString() : e = e + "M";
+  const a = Number(e.slice(0, -1)), r = e[e.length - 1].toUpperCase(), i = 1024, o = {
+    M: i * i,
+    K: i,
     B: 1
   };
-  return { finalSize: o * g[p], sizeText: t };
-} }), q = (e, t) => {
-  const o = O(e, "status"), { size2B: p } = W(), r = [".mp4", ".avi", ".mkv", ".mov", ".wmv", ".flv", ".mpeg", ".webm"], g = [".mp3", ".wav", ".aac", ".flac", ".ogg", ".alff", ".wma", ".m4a"], i = z(() => {
-    var n;
-    if (e.acceptVideo || e.acceptAudio) {
-      let l = e.accept ? (n = e.accept) == null ? void 0 : n.split(",") : [];
-      return e.acceptVideo && (l = [...l, ...r]), e.acceptAudio && (l = [...l, ...g]), l.join(",");
-    } else
-      return e.accept;
-  }), A = z(() => o.value === "uploading"), _ = z(() => o.value === "error");
-  return { isAccept: i, uploadStatus: o, loading: A, errored: _, beforeupload: (n) => {
-    var C, I;
-    if (e.maxSize) {
-      const { finalSize: s, sizeText: c } = p(e.maxSize);
-      if (n.size > s) {
-        const u = !e.acceptAudio && !e.acceptVideo ? b(`上传的图片大小不能超过${c}的JPG、JPEG、PNG、GIF、SVG文件`).value : b(
-          `上传的图片大小不能超过${c}的${(C = i.value) == null ? void 0 : C.toUpperCase().replaceAll(".", "").replaceAll(",", "、")}文件`
-        ).value, m = e.errorMessage || u;
-        return V.warning(m), t("update:status", "normal"), o.value = "normal", !1;
+  return { finalSize: a * o[r], sizeText: e };
+} });
+/*!
+ * Compressor.js v1.2.1
+ * https://fengyuanchen.github.io/compressorjs
+ *
+ * Copyright 2018-present Chen Fengyuan
+ * Released under the MIT license
+ *
+ * Date: 2023-02-28T14:09:41.732Z
+ */
+function xe(t, e) {
+  var a = Object.keys(t);
+  if (Object.getOwnPropertySymbols) {
+    var r = Object.getOwnPropertySymbols(t);
+    e && (r = r.filter(function(i) {
+      return Object.getOwnPropertyDescriptor(t, i).enumerable;
+    })), a.push.apply(a, r);
+  }
+  return a;
+}
+function j(t) {
+  for (var e = 1; e < arguments.length; e++) {
+    var a = arguments[e] != null ? arguments[e] : {};
+    e % 2 ? xe(Object(a), !0).forEach(function(r) {
+      Ze(t, r, a[r]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(t, Object.getOwnPropertyDescriptors(a)) : xe(Object(a)).forEach(function(r) {
+      Object.defineProperty(t, r, Object.getOwnPropertyDescriptor(a, r));
+    });
+  }
+  return t;
+}
+function Je(t, e) {
+  if (!(t instanceof e))
+    throw new TypeError("Cannot call a class as a function");
+}
+function Ce(t, e) {
+  for (var a = 0; a < e.length; a++) {
+    var r = e[a];
+    r.enumerable = r.enumerable || !1, r.configurable = !0, "value" in r && (r.writable = !0), Object.defineProperty(t, De(r.key), r);
+  }
+}
+function Qe(t, e, a) {
+  return e && Ce(t.prototype, e), a && Ce(t, a), Object.defineProperty(t, "prototype", {
+    writable: !1
+  }), t;
+}
+function Ze(t, e, a) {
+  return e = De(e), e in t ? Object.defineProperty(t, e, {
+    value: a,
+    enumerable: !0,
+    configurable: !0,
+    writable: !0
+  }) : t[e] = a, t;
+}
+function _() {
+  return _ = Object.assign ? Object.assign.bind() : function(t) {
+    for (var e = 1; e < arguments.length; e++) {
+      var a = arguments[e];
+      for (var r in a)
+        Object.prototype.hasOwnProperty.call(a, r) && (t[r] = a[r]);
+    }
+    return t;
+  }, _.apply(this, arguments);
+}
+function et(t, e) {
+  if (typeof t != "object" || t === null) return t;
+  var a = t[Symbol.toPrimitive];
+  if (a !== void 0) {
+    var r = a.call(t, e);
+    if (typeof r != "object") return r;
+    throw new TypeError("@@toPrimitive must return a primitive value.");
+  }
+  return String(t);
+}
+function De(t) {
+  var e = et(t, "string");
+  return typeof e == "symbol" ? e : String(e);
+}
+var Te = { exports: {} };
+(function(t) {
+  typeof window > "u" || function(e) {
+    var a = e.HTMLCanvasElement && e.HTMLCanvasElement.prototype, r = e.Blob && function() {
+      try {
+        return !!new Blob();
+      } catch {
+        return !1;
+      }
+    }(), i = r && e.Uint8Array && function() {
+      try {
+        return new Blob([new Uint8Array(100)]).size === 100;
+      } catch {
+        return !1;
+      }
+    }(), o = e.BlobBuilder || e.WebKitBlobBuilder || e.MozBlobBuilder || e.MSBlobBuilder, m = /^data:((.*?)(;charset=.*?)?)(;base64)?,/, n = (r || o) && e.atob && e.ArrayBuffer && e.Uint8Array && function(c) {
+      var u, f, s, h, p, l, w, g, y;
+      if (u = c.match(m), !u)
+        throw new Error("invalid data URI");
+      for (f = u[2] ? u[1] : "text/plain" + (u[3] || ";charset=US-ASCII"), s = !!u[4], h = c.slice(u[0].length), s ? p = atob(h) : p = decodeURIComponent(h), l = new ArrayBuffer(p.length), w = new Uint8Array(l), g = 0; g < p.length; g += 1)
+        w[g] = p.charCodeAt(g);
+      return r ? new Blob([i ? w : l], {
+        type: f
+      }) : (y = new o(), y.append(l), y.getBlob(f));
+    };
+    e.HTMLCanvasElement && !a.toBlob && (a.mozGetAsFile ? a.toBlob = function(c, u, f) {
+      var s = this;
+      setTimeout(function() {
+        f && a.toDataURL && n ? c(n(s.toDataURL(u, f))) : c(s.mozGetAsFile("blob", u));
+      });
+    } : a.toDataURL && n && (a.msToBlob ? a.toBlob = function(c, u, f) {
+      var s = this;
+      setTimeout(function() {
+        (u && u !== "image/png" || f) && a.toDataURL && n ? c(n(s.toDataURL(u, f))) : c(s.msToBlob(u));
+      });
+    } : a.toBlob = function(c, u, f) {
+      var s = this;
+      setTimeout(function() {
+        c(n(s.toDataURL(u, f)));
+      });
+    })), t.exports ? t.exports = n : e.dataURLtoBlob = n;
+  }(window);
+})(Te);
+var Be = Te.exports, tt = function(e) {
+  return typeof Blob > "u" ? !1 : e instanceof Blob || Object.prototype.toString.call(e) === "[object Blob]";
+}, Ae = {
+  /**
+   * Indicates if output the original image instead of the compressed one
+   * when the size of the compressed image is greater than the original one's
+   * @type {boolean}
+   */
+  strict: !0,
+  /**
+   * Indicates if read the image's Exif Orientation information,
+   * and then rotate or flip the image automatically.
+   * @type {boolean}
+   */
+  checkOrientation: !0,
+  /**
+   * Indicates if retain the image's Exif information after compressed.
+   * @type {boolean}
+  */
+  retainExif: !1,
+  /**
+   * The max width of the output image.
+   * @type {number}
+   */
+  maxWidth: 1 / 0,
+  /**
+   * The max height of the output image.
+   * @type {number}
+   */
+  maxHeight: 1 / 0,
+  /**
+   * The min width of the output image.
+   * @type {number}
+   */
+  minWidth: 0,
+  /**
+   * The min height of the output image.
+   * @type {number}
+   */
+  minHeight: 0,
+  /**
+   * The width of the output image.
+   * If not specified, the natural width of the source image will be used.
+   * @type {number}
+   */
+  width: void 0,
+  /**
+   * The height of the output image.
+   * If not specified, the natural height of the source image will be used.
+   * @type {number}
+   */
+  height: void 0,
+  /**
+   * Sets how the size of the image should be resized to the container
+   * specified by the `width` and `height` options.
+   * @type {string}
+   */
+  resize: "none",
+  /**
+   * The quality of the output image.
+   * It must be a number between `0` and `1`,
+   * and only available for `image/jpeg` and `image/webp` images.
+   * Check out {@link https://developer.mozilla.org/en-US/docs/Web/API/HTMLCanvasElement/toBlob canvas.toBlob}.
+   * @type {number}
+   */
+  quality: 0.8,
+  /**
+   * The mime type of the output image.
+   * By default, the original mime type of the source image file will be used.
+   * @type {string}
+   */
+  mimeType: "auto",
+  /**
+   * Files whose file type is included in this list,
+   * and whose file size exceeds the `convertSize` value will be converted to JPEGs.
+   * @type {string｜Array}
+   */
+  convertTypes: ["image/png"],
+  /**
+   * PNG files over this size (5 MB by default) will be converted to JPEGs.
+   * To disable this, just set the value to `Infinity`.
+   * @type {number}
+   */
+  convertSize: 5e6,
+  /**
+   * The hook function to execute before draw the image into the canvas for compression.
+   * @type {Function}
+   * @param {CanvasRenderingContext2D} context - The 2d rendering context of the canvas.
+   * @param {HTMLCanvasElement} canvas - The canvas for compression.
+   * @example
+   * function (context, canvas) {
+   *   context.fillStyle = '#fff';
+   * }
+   */
+  beforeDraw: null,
+  /**
+   * The hook function to execute after drew the image into the canvas for compression.
+   * @type {Function}
+   * @param {CanvasRenderingContext2D} context - The 2d rendering context of the canvas.
+   * @param {HTMLCanvasElement} canvas - The canvas for compression.
+   * @example
+   * function (context, canvas) {
+   *   context.filter = 'grayscale(100%)';
+   * }
+   */
+  drew: null,
+  /**
+   * The hook function to execute when success to compress the image.
+   * @type {Function}
+   * @param {File} file - The compressed image File object.
+   * @example
+   * function (file) {
+   *   console.log(file);
+   * }
+   */
+  success: null,
+  /**
+   * The hook function to execute when fail to compress the image.
+   * @type {Function}
+   * @param {Error} err - An Error object.
+   * @example
+   * function (err) {
+   *   console.log(err.message);
+   * }
+   */
+  error: null
+}, at = typeof window < "u" && typeof window.document < "u", U = at ? window : {}, N = function(e) {
+  return e > 0 && e < 1 / 0;
+}, rt = Array.prototype.slice;
+function Z(t) {
+  return Array.from ? Array.from(t) : rt.call(t);
+}
+var it = /^image\/.+$/;
+function Q(t) {
+  return it.test(t);
+}
+function ot(t) {
+  var e = Q(t) ? t.substr(6) : "";
+  return e === "jpeg" && (e = "jpg"), ".".concat(e);
+}
+var Oe = String.fromCharCode;
+function nt(t, e, a) {
+  var r = "", i;
+  for (a += e, i = e; i < a; i += 1)
+    r += Oe(t.getUint8(i));
+  return r;
+}
+var st = U.btoa;
+function ke(t, e) {
+  for (var a = [], r = 8192, i = new Uint8Array(t); i.length > 0; )
+    a.push(Oe.apply(null, Z(i.subarray(0, r)))), i = i.subarray(r);
+  return "data:".concat(e, ";base64,").concat(st(a.join("")));
+}
+function lt(t) {
+  var e = new DataView(t), a;
+  try {
+    var r, i, o;
+    if (e.getUint8(0) === 255 && e.getUint8(1) === 216)
+      for (var m = e.byteLength, n = 2; n + 1 < m; ) {
+        if (e.getUint8(n) === 255 && e.getUint8(n + 1) === 225) {
+          i = n;
+          break;
+        }
+        n += 1;
+      }
+    if (i) {
+      var c = i + 4, u = i + 10;
+      if (nt(e, c, 4) === "Exif") {
+        var f = e.getUint16(u);
+        if (r = f === 18761, (r || f === 19789) && e.getUint16(u + 2, r) === 42) {
+          var s = e.getUint32(u + 4, r);
+          s >= 8 && (o = u + s);
+        }
+      }
+    }
+    if (o) {
+      var h = e.getUint16(o, r), p, l;
+      for (l = 0; l < h; l += 1)
+        if (p = o + l * 12 + 2, e.getUint16(p, r) === 274) {
+          p += 8, a = e.getUint16(p, r), e.setUint16(p, 1, r);
+          break;
+        }
+    }
+  } catch {
+    a = 1;
+  }
+  return a;
+}
+function ct(t) {
+  var e = 0, a = 1, r = 1;
+  switch (t) {
+    case 2:
+      a = -1;
+      break;
+    case 3:
+      e = -180;
+      break;
+    case 4:
+      r = -1;
+      break;
+    case 5:
+      e = 90, r = -1;
+      break;
+    case 6:
+      e = 90;
+      break;
+    case 7:
+      e = 90, a = -1;
+      break;
+    case 8:
+      e = -90;
+      break;
+  }
+  return {
+    rotate: e,
+    scaleX: a,
+    scaleY: r
+  };
+}
+var ut = /\.\d*(?:0|9){12}\d*$/;
+function Ee(t) {
+  var e = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : 1e11;
+  return ut.test(t) ? Math.round(t * e) / e : t;
+}
+function I(t) {
+  var e = t.aspectRatio, a = t.height, r = t.width, i = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : "none", o = N(r), m = N(a);
+  if (o && m) {
+    var n = a * e;
+    (i === "contain" || i === "none") && n > r || i === "cover" && n < r ? a = r / e : r = a * e;
+  } else o ? a = r / e : m && (r = a * e);
+  return {
+    width: r,
+    height: a
+  };
+}
+function mt(t) {
+  for (var e = Z(new Uint8Array(t)), a = e.length, r = [], i = 0; i + 3 < a; ) {
+    var o = e[i], m = e[i + 1];
+    if (o === 255 && m === 218)
+      break;
+    if (o === 255 && m === 216)
+      i += 2;
+    else {
+      var n = e[i + 2] * 256 + e[i + 3], c = i + n + 2, u = e.slice(i, c);
+      r.push(u), i = c;
+    }
+  }
+  return r.reduce(function(f, s) {
+    return s[0] === 255 && s[1] === 225 ? f.concat(s) : f;
+  }, []);
+}
+function ft(t, e) {
+  var a = Z(new Uint8Array(t));
+  if (a[2] !== 255 || a[3] !== 224)
+    return t;
+  var r = a[4] * 256 + a[5], i = [255, 216].concat(e, a.slice(4 + r));
+  return new Uint8Array(i);
+}
+var dt = U.ArrayBuffer, J = U.FileReader, D = U.URL || U.webkitURL, pt = /\.\w+$/, ht = U.Compressor, gt = /* @__PURE__ */ function() {
+  function t(e, a) {
+    Je(this, t), this.file = e, this.exif = [], this.image = new Image(), this.options = j(j({}, Ae), a), this.aborted = !1, this.result = null, this.init();
+  }
+  return Qe(t, [{
+    key: "init",
+    value: function() {
+      var a = this, r = this.file, i = this.options;
+      if (!tt(r)) {
+        this.fail(new Error("The first argument must be a File or Blob object."));
+        return;
+      }
+      var o = r.type;
+      if (!Q(o)) {
+        this.fail(new Error("The first argument must be an image File or Blob object."));
+        return;
+      }
+      if (!D || !J) {
+        this.fail(new Error("The current browser does not support image compression."));
+        return;
+      }
+      dt || (i.checkOrientation = !1, i.retainExif = !1);
+      var m = o === "image/jpeg", n = m && i.checkOrientation, c = m && i.retainExif;
+      if (D && !n && !c)
+        this.load({
+          url: D.createObjectURL(r)
+        });
+      else {
+        var u = new J();
+        this.reader = u, u.onload = function(f) {
+          var s = f.target, h = s.result, p = {}, l = 1;
+          n && (l = lt(h), l > 1 && _(p, ct(l))), c && (a.exif = mt(h)), n || c ? !D || l > 1 ? p.url = ke(h, o) : p.url = D.createObjectURL(r) : p.url = h, a.load(p);
+        }, u.onabort = function() {
+          a.fail(new Error("Aborted to read the image with FileReader."));
+        }, u.onerror = function() {
+          a.fail(new Error("Failed to read the image with FileReader."));
+        }, u.onloadend = function() {
+          a.reader = null;
+        }, n || c ? u.readAsArrayBuffer(r) : u.readAsDataURL(r);
       }
     }
-    const l = () => (o.value = "uploading", t("update:status", "uploading"), t("image-upload", n), !1);
-    if (e.customCheck) {
-      const s = e.customCheck(n);
-      if (s instanceof Promise)
-        return new Promise(async (c, u) => {
-          let m;
+  }, {
+    key: "load",
+    value: function(a) {
+      var r = this, i = this.file, o = this.image;
+      o.onload = function() {
+        r.draw(j(j({}, a), {}, {
+          naturalWidth: o.naturalWidth,
+          naturalHeight: o.naturalHeight
+        }));
+      }, o.onabort = function() {
+        r.fail(new Error("Aborted to load the image."));
+      }, o.onerror = function() {
+        r.fail(new Error("Failed to load the image."));
+      }, U.navigator && /(?:iPad|iPhone|iPod).*?AppleWebKit/i.test(U.navigator.userAgent) && (o.crossOrigin = "anonymous"), o.alt = i.name, o.src = a.url;
+    }
+  }, {
+    key: "draw",
+    value: function(a) {
+      var r = this, i = a.naturalWidth, o = a.naturalHeight, m = a.rotate, n = m === void 0 ? 0 : m, c = a.scaleX, u = c === void 0 ? 1 : c, f = a.scaleY, s = f === void 0 ? 1 : f, h = this.file, p = this.image, l = this.options, w = document.createElement("canvas"), g = w.getContext("2d"), y = Math.abs(n) % 180 === 90, C = (l.resize === "contain" || l.resize === "cover") && N(l.width) && N(l.height), x = Math.max(l.maxWidth, 0) || 1 / 0, B = Math.max(l.maxHeight, 0) || 1 / 0, A = Math.max(l.minWidth, 0) || 0, k = Math.max(l.minHeight, 0) || 0, E = i / o, b = l.width, d = l.height;
+      if (y) {
+        var P = [B, x];
+        x = P[0], B = P[1];
+        var S = [k, A];
+        A = S[0], k = S[1];
+        var ee = [d, b];
+        b = ee[0], d = ee[1];
+      }
+      C && (E = b / d);
+      var te = I({
+        aspectRatio: E,
+        width: x,
+        height: B
+      }, "contain");
+      x = te.width, B = te.height;
+      var ae = I({
+        aspectRatio: E,
+        width: A,
+        height: k
+      }, "cover");
+      if (A = ae.width, k = ae.height, C) {
+        var re = I({
+          aspectRatio: E,
+          width: b,
+          height: d
+        }, l.resize);
+        b = re.width, d = re.height;
+      } else {
+        var ie = I({
+          aspectRatio: E,
+          width: b,
+          height: d
+        }), oe = ie.width;
+        b = oe === void 0 ? i : oe;
+        var ne = ie.height;
+        d = ne === void 0 ? o : ne;
+      }
+      b = Math.floor(Ee(Math.min(Math.max(b, A), x))), d = Math.floor(Ee(Math.min(Math.max(d, k), B)));
+      var Re = -b / 2, Me = -d / 2, Fe = b, ze = d, W = [];
+      if (C) {
+        var se = 0, le = 0, H = i, V = o, ce = I({
+          aspectRatio: E,
+          width: i,
+          height: o
+        }, {
+          contain: "cover",
+          cover: "contain"
+        }[l.resize]);
+        H = ce.width, V = ce.height, se = (i - H) / 2, le = (o - V) / 2, W.push(se, le, H, V);
+      }
+      if (W.push(Re, Me, Fe, ze), y) {
+        var ue = [d, b];
+        b = ue[0], d = ue[1];
+      }
+      w.width = b, w.height = d, Q(l.mimeType) || (l.mimeType = h.type);
+      var me = "transparent";
+      h.size > l.convertSize && l.convertTypes.indexOf(l.mimeType) >= 0 && (l.mimeType = "image/jpeg");
+      var fe = l.mimeType === "image/jpeg";
+      if (fe && (me = "#fff"), g.fillStyle = me, g.fillRect(0, 0, b, d), l.beforeDraw && l.beforeDraw.call(this, g, w), !this.aborted && (g.save(), g.translate(b / 2, d / 2), g.rotate(n * Math.PI / 180), g.scale(u, s), g.drawImage.apply(g, [p].concat(W)), g.restore(), l.drew && l.drew.call(this, g, w), !this.aborted)) {
+        var de = function(M) {
+          if (!r.aborted) {
+            var pe = function(F) {
+              return r.done({
+                naturalWidth: i,
+                naturalHeight: o,
+                result: F
+              });
+            };
+            if (M && fe && l.retainExif && r.exif && r.exif.length > 0) {
+              var he = function(F) {
+                return pe(Be(ke(ft(F, r.exif), l.mimeType)));
+              };
+              if (M.arrayBuffer)
+                M.arrayBuffer().then(he).catch(function() {
+                  r.fail(new Error("Failed to read the compressed image with Blob.arrayBuffer()."));
+                });
+              else {
+                var T = new J();
+                r.reader = T, T.onload = function($) {
+                  var F = $.target;
+                  he(F.result);
+                }, T.onabort = function() {
+                  r.fail(new Error("Aborted to read the compressed image with FileReader."));
+                }, T.onerror = function() {
+                  r.fail(new Error("Failed to read the compressed image with FileReader."));
+                }, T.onloadend = function() {
+                  r.reader = null;
+                }, T.readAsArrayBuffer(M);
+              }
+            } else
+              pe(M);
+          }
+        };
+        w.toBlob ? w.toBlob(de, l.mimeType, l.quality) : de(Be(w.toDataURL(l.mimeType, l.quality)));
+      }
+    }
+  }, {
+    key: "done",
+    value: function(a) {
+      var r = a.naturalWidth, i = a.naturalHeight, o = a.result, m = this.file, n = this.image, c = this.options;
+      if (D && n.src.indexOf("blob:") === 0 && D.revokeObjectURL(n.src), o)
+        if (c.strict && !c.retainExif && o.size > m.size && c.mimeType === m.type && !(c.width > r || c.height > i || c.minWidth > r || c.minHeight > i || c.maxWidth < r || c.maxHeight < i))
+          o = m;
+        else {
+          var u = /* @__PURE__ */ new Date();
+          o.lastModified = u.getTime(), o.lastModifiedDate = u, o.name = m.name, o.name && o.type !== m.type && (o.name = o.name.replace(pt, ot(o.type)));
+        }
+      else
+        o = m;
+      this.result = o, c.success && c.success.call(this, o);
+    }
+  }, {
+    key: "fail",
+    value: function(a) {
+      var r = this.options;
+      if (r.error)
+        r.error.call(this, a);
+      else
+        throw a;
+    }
+  }, {
+    key: "abort",
+    value: function() {
+      this.aborted || (this.aborted = !0, this.reader ? this.reader.abort() : this.image.complete ? this.fail(new Error("The compression process has been aborted.")) : (this.image.onload = null, this.image.onabort()));
+    }
+    /**
+     * Get the no conflict compressor class.
+     * @returns {Compressor} The compressor class.
+     */
+  }], [{
+    key: "noConflict",
+    value: function() {
+      return window.Compressor = ht, t;
+    }
+    /**
+     * Change the default options.
+     * @param {Object} options - The new default options.
+     */
+  }, {
+    key: "setDefaults",
+    value: function(a) {
+      _(Ae, a);
+    }
+  }]), t;
+}();
+const vt = (t, e) => new Promise((a, r) => {
+  if (t.size <= e)
+    return t;
+  const i = e / t.size, o = Math.max(0.5, Math.min(0.9, 0.8 * i)), m = Math.max(800, Math.min(1920, 1920 * Math.sqrt(i)));
+  Ue(t, o, m, m, (n) => {
+    n.size <= e ? a(n) : Ue(
+      n,
+      Math.max(0.4, o - 0.2),
+      // 降低质量
+      Math.max(640, m * 0.8),
+      // 缩小尺寸
+      Math.max(640, m * 0.8),
+      a,
+      r,
+      t
+      // 传递原始文件用于错误处理
+    );
+  }, r, t);
+}), Ue = (t, e, a, r, i, o, m) => {
+  new gt(t, {
+    quality: e,
+    maxWidth: a,
+    maxHeight: r,
+    convertSize: 1 / 0,
+    success(n) {
+      try {
+        const c = new File([n], t.name, {
+          type: n.type || t.type,
+          lastModified: Date.now()
+        });
+        i(c);
+      } catch (c) {
+        o({
+          message: "文件转换失败",
+          error: c,
+          original: m || t
+        });
+      }
+    },
+    error(n) {
+      o({
+        message: "图片压缩失败",
+        error: n,
+        original: m || t
+      });
+    }
+  });
+}, yt = (t, e) => {
+  const a = we(t, "status"), { size2B: r } = qe(), i = we(t, "isOverMaxLimitCompressImg"), o = [".mp4", ".avi", ".mkv", ".mov", ".wmv", ".flv", ".mpeg", ".webm"], m = [".mp3", ".wav", ".aac", ".flac", ".ogg", ".alff", ".wma", ".m4a"], n = X(() => {
+    var h;
+    let s = t.accept ? (h = t.accept) == null ? void 0 : h.split(",") : [];
+    return s.includes("image/jpg") && !s.includes("image/jpeg") && s.push("image/jpeg"), s.includes(".jpg") && !s.includes(".jpeg") && s.push(".jpeg"), t.acceptVideo && (s = [...s, ...o]), t.acceptAudio && (s = [...s, ...m]), s.join(",");
+  }), c = X(() => a.value === "uploading"), u = X(() => a.value === "error");
+  return { isAccept: n, uploadStatus: a, loading: c, errored: u, beforeupload: (s) => {
+    var l, w, g;
+    if (t.maxSize) {
+      const { finalSize: y, sizeText: C } = r(t.maxSize);
+      if (s.size > y && !i.value) {
+        const x = t.acceptAudio || t.acceptVideo ? "das-ui-import-upload-key4" : "das-ui-import-upload-key3", B = ge.value === "zh-CN" ? "、" : ", ", A = ve(
+          x,
+          C,
+          ((g = (w = (l = n.value) == null ? void 0 : l.toUpperCase()) == null ? void 0 : w.replaceAll(".", "")) == null ? void 0 : g.replaceAll(",", B)) ?? ""
+        ).value, k = t.errorMessage || A;
+        return be.warning(k), e("update:status", "normal"), a.value = "normal", !1;
+      }
+    }
+    const h = [
+      "image/jpeg",
+      "image/png",
+      "image/webp",
+      "image/gif",
+      "image/bmp",
+      "image/tiff",
+      "image/svg+xml"
+    ], p = async () => {
+      a.value = "uploading";
+      let y = s;
+      if (t.maxSize) {
+        const { finalSize: C } = r(t.maxSize);
+        if (s.size > C && i.value && h.includes(s.type))
           try {
-            m = await s.then();
+            y = await vt(s, C);
+          } catch (x) {
+            y = (x == null ? void 0 : x.original) || s;
+          }
+      }
+      return e("update:status", "uploading"), e("image-upload", y), !1;
+    };
+    if (t.customCheck) {
+      const y = t.customCheck(s);
+      if (y instanceof Promise)
+        return new Promise(async (C, x) => {
+          let B;
+          try {
+            B = await y.then();
           } catch {
-            m = !1;
+            B = !1;
           }
-          m ? l() : u(!1);
+          B ? p() : x(!1);
         });
-      if (!s)
-        return t("update:status", "normal"), o.value = "normal", !1;
-    } else if (i.value)
-      if (!e.acceptAudio && !e.acceptVideo) {
-        const s = i.value.split(",").map((c) => {
-          let u = c.trim().slice(1);
-          return u === "svg" && (u = "svg+xml"), `image/${u}`;
-        }) ?? [];
-        if (s.includes("image/jpg") && !s.includes("image/jpeg") && s.push("image/jpeg"), !s.includes(n.type)) {
-          const c = e.errorMessage || b(
-            `上传的图片格式只能是${i.value.toUpperCase().replaceAll(".", "").replaceAll(",", "、")}格式`
-          ).value;
-          return V.warning(c), !1;
-        }
-      } else {
-        const s = i.value.split(",").map((d) => {
-          let f = d.trim().slice(1);
-          return f === "svg" && (f = "svg+xml"), `image/${f}`;
-        }) ?? [], c = r.map((d) => `video/${d.split(".")[1]}`) ?? [], u = g.map((d) => `audio/${d.split(".")[1]}`) ?? [], m = r.map((d) => `audio/${d.split(".")[1]}`) ?? [];
-        if (![...s, ...c, ...u, ...m].includes(n.type)) {
-          const d = e.errorMessage || b(`上传的文件格式只能是${(I = i.value) == null ? void 0 : I.toUpperCase()}格式`).value;
-          return V.warning(d), !1;
-        }
+      if (!y)
+        return e("update:status", "normal"), a.value = "normal", !1;
+    } else if (n.value) {
+      const y = n.value.split(",").filter((d) => d.trim().startsWith(".")).map((d) => d.trim()), C = n.value.split(",").filter((d) => !d.trim().startsWith(".")).map((d) => d.trim()), x = Ye(s.name), B = y.includes(x);
+      let A = C.includes("image/*") && s.type.split("/")[0].trim() === "image", k = C.includes("video/*") && s.type.split("/")[0].trim() === "video", E = C.includes("audio/*") && s.type.split("/")[0].trim() === "audio", b = C.includes(s.type) || A || k || E;
+      if (!B && !b) {
+        const d = t.acceptAudio || t.acceptVideo ? "das-ui-import-upload-key2" : "das-ui-import-upload-key1", P = ge.value === "zh-CN" ? "、" : ", ", S = t.errorMessage || ve(d, n.value.toUpperCase().replaceAll(".", "").replaceAll(",", P)).value;
+        return be.warning(S), !1;
       }
-    return l();
+    }
+    return p();
   } };
-}, L = { class: "das-ui-image-upload" }, Q = { class: "das-ui-image-upload-dragger-context" }, X = { class: "text" }, Y = { class: "das-ui-image-upload-error-container" }, Z = { class: "tips-container" }, ee = { class: "text" }, ae = /* @__PURE__ */ D({
+}, bt = { class: "das-ui-image-upload" }, wt = { class: "das-ui-image-upload-dragger-context" }, xt = { class: "text" }, Ct = { class: "das-ui-image-upload-error-container" }, Bt = { class: "tips-container" }, At = { class: "text" }, kt = /* @__PURE__ */ je({
   __name: "Index",
   props: {
     maxCount: { default: 1 },
@@ -91,93 +729,151 @@ const W = () => ({ size2B: (t) => {
     acceptAudio: { type: Boolean },
     maxSize: {},
     customCheck: {},
-    autoContentType: { type: Boolean }
+    autoContentType: { type: Boolean },
+    openFileDialogOnClick: { type: Boolean, default: !0 },
+    isOverMaxLimitCompressImg: { type: Boolean, default: !1 }
   },
   emits: ["update:status", "image-upload"],
-  setup(e, { emit: t }) {
-    const o = e, p = t, { isAccept: r, uploadStatus: g, loading: i, errored: A, beforeupload: _ } = q(o, p);
-    return (x, n) => (k(), j("div", L, [
-      N(v(a(R), {
-        class: E([{ "loading-border": a(i) }]),
+  setup(t, { emit: e }) {
+    const a = t, r = e, { isAccept: i, uploadStatus: o, loading: m, errored: n, beforeupload: c } = yt(a, r);
+    return (u, f) => (_e(), Le("div", bt, [
+      ye(" 图片上传组件 "),
+      K(O(v($e), {
+        class: Ne([{ "loading-border": v(m) }]),
         type: "component",
-        spinning: a(i)
+        spinning: v(m)
       }, {
-        default: h(() => [
-          v(a(G), {
+        default: R(() => [
+          O(v(He), {
             class: "das-ui-image-upload-dragger",
-            accept: a(r),
-            "max-count": x.maxCount,
-            "before-upload": a(_)
+            accept: v(i),
+            "max-count": u.maxCount,
+            "before-upload": v(c),
+            openFileDialogOnClick: u.openFileDialogOnClick
           }, {
-            itemRender: h(({ file: l, actions: C }) => []),
-            default: h(() => [
-              N(y("div", Q, [
-                v(a(H), {
-                  iconColor: a(S)("--das-ui-color-secondary")
-                }, null, 8, ["iconColor"]),
-                y("div", X, T(x.message || a(w)("das-image-upload-text")), 1)
-              ], 512), [
-                [M, a(g) === "normal"]
+            itemRender: R(({ file: s, actions: h }) => f[0] || (f[0] = [])),
+            default: R(() => [
+              K(z(
+                "div",
+                wt,
+                [
+                  O(v(Xe), {
+                    iconColor: v(L)("--das-ui-color-secondary")
+                  }, null, 8, ["iconColor"]),
+                  z(
+                    "div",
+                    xt,
+                    Y(u.message || v(G)("das-image-upload-text")),
+                    1
+                    /* TEXT */
+                  )
+                ],
+                512
+                /* NEED_PATCH */
+              ), [
+                [q, v(o) === "normal"]
               ])
             ]),
             _: 1
-          }, 8, ["accept", "max-count", "before-upload"])
+            /* STABLE */
+          }, 8, ["accept", "max-count", "before-upload", "openFileDialogOnClick"])
         ]),
         _: 1
+        /* STABLE */
       }, 8, ["class", "spinning"]), [
-        [M, !a(A)]
+        [q, !v(n)]
       ]),
-      N(y("div", Y, [
-        y("div", Z, [
-          v(a(K), {
-            iconColor: a(S)("--das-ui-color-danger"),
-            size: "small"
-          }, null, 8, ["iconColor"]),
-          y("div", ee, T(a(w)("das-image-upload-fail")), 1)
-        ]),
-        v(a(P), {
-          accept: a(r),
-          "before-upload": a(_),
-          "max-count": x.maxCount
-        }, {
-          itemRender: h(({ file: l, actions: C }) => []),
-          default: h(() => [
-            v(a(J), {
-              "btn-type": "primary-text",
-              block: ""
-            }, {
-              default: h(() => [
-                F(T(a(w)("das-image-upload-reupload")), 1)
-              ]),
-              _: 1
-            })
+      ye(" 错误状态 "),
+      K(z(
+        "div",
+        Ct,
+        [
+          z("div", Bt, [
+            O(v(Ke), {
+              iconColor: v(L)("--das-ui-color-danger"),
+              size: "small"
+            }, null, 8, ["iconColor"]),
+            z(
+              "div",
+              At,
+              Y(v(G)("das-image-upload-fail")),
+              1
+              /* TEXT */
+            )
           ]),
-          _: 1
-        }, 8, ["accept", "before-upload", "max-count"])
-      ], 512), [
-        [M, a(A)]
+          O(v(Ve), {
+            accept: v(i),
+            "before-upload": v(c),
+            "max-count": u.maxCount,
+            openFileDialogOnClick: u.openFileDialogOnClick
+          }, {
+            itemRender: R(({ file: s, actions: h }) => f[1] || (f[1] = [])),
+            default: R(() => [
+              O(v(Ge), {
+                "btn-type": "primary-text",
+                block: ""
+              }, {
+                default: R(() => [
+                  We(
+                    Y(v(G)("das-image-upload-reupload")),
+                    1
+                    /* TEXT */
+                  )
+                ]),
+                _: 1
+                /* STABLE */
+              })
+            ]),
+            _: 1
+            /* STABLE */
+          }, 8, ["accept", "before-upload", "max-count", "openFileDialogOnClick"])
+        ],
+        512
+        /* NEED_PATCH */
+      ), [
+        [q, v(n)]
       ])
     ]));
   }
-}), te = (e, t) => {
-  const o = e.__vccOpts || e;
-  for (const [p, r] of t)
-    o[p] = r;
-  return o;
-}, oe = /* @__PURE__ */ te(ae, [["__scopeId", "data-v-c7870c47"]]), re = {
-  "das-image-upload-text": { "zh-CN": "上传图片", en: "test" },
-  "das-image-upload-reupload": { "zh-CN": "重新上传", en: "test" },
-  "das-image-upload-fail": { "zh-CN": "上传失败", en: "test" }
-}, se = {
+}), Et = (t, e) => {
+  const a = t.__vccOpts || t;
+  for (const [r, i] of e)
+    a[r] = i;
+  return a;
+}, Ut = /* @__PURE__ */ Et(kt, [["__scopeId", "data-v-29473013"]]), Dt = {
+  "das-ui-import-upload-key1": {
+    "zh-CN": "上传的图片格式只能是$0",
+    en: "The uploaded picture format can only be $0",
+    _appCode: "framework"
+  },
+  "das-ui-import-upload-key2": {
+    "zh-CN": "上传的文件格式只能是$0",
+    en: "The uploaded file format can only be $0",
+    _appCode: "framework"
+  },
+  "das-ui-import-upload-key3": {
+    "zh-CN": "上传的图片大小不能超过$0的$1文件",
+    en: "The uploaded picture format can only be $0",
+    _appCode: "framework"
+  },
+  "das-ui-import-upload-key4": {
+    "zh-CN": "上传的文件大小不能超过$0的$1文件",
+    en: "The uploaded file format can only be $0",
+    _appCode: "framework"
+  },
+  "das-image-upload-text": { "zh-CN": "上传图片", en: "Upload Image", _appCode: "framework" },
+  "das-image-upload-reupload": { "zh-CN": "重新上传", en: "Re-upload", _appCode: "framework" },
+  "das-image-upload-fail": { "zh-CN": "上传失败", en: "Uploaded Failed", _appCode: "framework" }
+}, Tt = {
   "--das-ui-image-upload-bgcolor": { light: "#FAFAFA" },
   "--das-ui-image-upload-border-color": { light: "#E5E5E5" },
-  "--das-ui-image-upload-bgcolor-hover": { light: S("--das-ui-color-primary-level1") },
+  "--das-ui-image-upload-bgcolor-hover": { light: L("--das-ui-color-primary-level1") },
   "--das-ui-image-upload-border-color-hover": { light: "#5582F3" },
-  "--das-ui-image-upload-border-color-error": { light: S("--das-ui-color-danger-level2") }
-}, _e = $(oe);
-B(re);
-U(se);
+  "--das-ui-image-upload-border-color-error": { light: L("--das-ui-color-danger-level2") }
+}, $t = Ie(Ut);
+Pe(Dt);
+Se(Tt);
 export {
-  _e as DasImageUpload,
-  _e as default
+  $t as DasImageUpload,
+  $t as default
 };