ss-component-new 1.1.136 → 1.1.138

package/dist/index-BgEwgHeR.js

@@ -0,0 +1,1754 @@
+import { defineComponent as he, ref as wt, reactive as Se, resolveComponent as it, createElementBlock as ce, openBlock as le, createVNode as Y, withCtx as z, createElementVNode as I, createTextVNode as gt, toDisplayString as Re, nextTick as ke, Fragment as Le, renderSlot as Be } from "vue";
+import { Q as Pe, ac as ze, j as pe, m as _, N as V } from "./index-C1RaRVSs.js";
+import { i as We } from "./isNil-CjWwlQS3.js";
+import { m as Ut, s as de, E as Ye } from "./request-51putk3Q.js";
+import { _ as fe } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+const He = "ElUpload";
+class je extends Error {
+  constructor(t, i, e, o) {
+    super(t), this.name = "UploadAjaxError", this.status = i, this.method = e, this.url = o;
+  }
+}
+function Vt(a, t, i) {
+  let e;
+  return i.response ? e = `${i.response.error || i.response}` : i.responseText ? e = `${i.responseText}` : e = `fail to ${t.method} ${a} ${i.status}`, new je(e, i.status, t.method, a);
+}
+function Xe(a) {
+  const t = a.responseText || a.response;
+  if (!t)
+    return t;
+  try {
+    return JSON.parse(t);
+  } catch {
+    return t;
+  }
+}
+const Ue = (a) => {
+  typeof XMLHttpRequest > "u" && Pe(He, "XMLHttpRequest is undefined");
+  const t = new XMLHttpRequest(), i = a.action;
+  t.upload && t.upload.addEventListener("progress", (r) => {
+    const n = r;
+    n.percent = r.total > 0 ? r.loaded / r.total * 100 : 0, a.onProgress(n);
+  });
+  const e = new FormData();
+  if (a.data)
+    for (const [r, n] of Object.entries(a.data))
+      ze(n) && n.length ? e.append(r, ...n) : e.append(r, n);
+  e.append(a.filename, a.file, a.file.name), t.addEventListener("error", () => {
+    a.onError(Vt(i, a, t));
+  }), t.addEventListener("load", () => {
+    if (t.status < 200 || t.status >= 300)
+      return a.onError(Vt(i, a, t));
+    a.onSuccess(Xe(t));
+  }), t.open(a.method, i, !0), a.withCredentials && "withCredentials" in t && (t.withCredentials = !0);
+  const o = a.headers || {};
+  if (o instanceof Headers)
+    o.forEach((r, n) => t.setRequestHeader(n, r));
+  else
+    for (const [r, n] of Object.entries(o))
+      We(n) || t.setRequestHeader(r, String(n));
+  return t.send(e), t;
+}, Ve = ["text", "picture", "picture-card"];
+let Fe = 1;
+const Ge = () => Date.now() + Fe++, Je = pe({
+  action: {
+    type: String,
+    default: "#"
+  },
+  headers: {
+    type: _(Object)
+  },
+  method: {
+    type: String,
+    default: "post"
+  },
+  data: {
+    type: _([Object, Function, Promise]),
+    default: () => Ut({})
+  },
+  multiple: Boolean,
+  name: {
+    type: String,
+    default: "file"
+  },
+  drag: Boolean,
+  withCredentials: Boolean,
+  showFileList: {
+    type: Boolean,
+    default: !0
+  },
+  accept: {
+    type: String,
+    default: ""
+  },
+  fileList: {
+    type: _(Array),
+    default: () => Ut([])
+  },
+  autoUpload: {
+    type: Boolean,
+    default: !0
+  },
+  listType: {
+    type: String,
+    values: Ve,
+    default: "text"
+  },
+  httpRequest: {
+    type: _(Function),
+    default: Ue
+  },
+  disabled: Boolean,
+  limit: Number
+});
+pe({
+  ...Je,
+  beforeUpload: {
+    type: _(Function),
+    default: V
+  },
+  beforeRemove: {
+    type: _(Function)
+  },
+  onRemove: {
+    type: _(Function),
+    default: V
+  },
+  onChange: {
+    type: _(Function),
+    default: V
+  },
+  onPreview: {
+    type: _(Function),
+    default: V
+  },
+  onSuccess: {
+    type: _(Function),
+    default: V
+  },
+  onProgress: {
+    type: _(Function),
+    default: V
+  },
+  onError: {
+    type: _(Function),
+    default: V
+  },
+  onExceed: {
+    type: _(Function),
+    default: V
+  },
+  crossorigin: {
+    type: _(String)
+  }
+});
+/*!
+ * Cropper.js v1.6.2
+ * https://fengyuanchen.github.io/cropperjs
+ *
+ * Copyright 2015-present Chen Fengyuan
+ * Released under the MIT license
+ *
+ * Date: 2024-04-21T07:43:05.335Z
+ */
+function Ft(a, t) {
+  var i = Object.keys(a);
+  if (Object.getOwnPropertySymbols) {
+    var e = Object.getOwnPropertySymbols(a);
+    t && (e = e.filter(function(o) {
+      return Object.getOwnPropertyDescriptor(a, o).enumerable;
+    })), i.push.apply(i, e);
+  }
+  return i;
+}
+function ue(a) {
+  for (var t = 1; t < arguments.length; t++) {
+    var i = arguments[t] != null ? arguments[t] : {};
+    t % 2 ? Ft(Object(i), !0).forEach(function(e) {
+      Ze(a, e, i[e]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(a, Object.getOwnPropertyDescriptors(i)) : Ft(Object(i)).forEach(function(e) {
+      Object.defineProperty(a, e, Object.getOwnPropertyDescriptor(i, e));
+    });
+  }
+  return a;
+}
+function $e(a, t) {
+  if (typeof a != "object" || !a) return a;
+  var i = a[Symbol.toPrimitive];
+  if (i !== void 0) {
+    var e = i.call(a, t);
+    if (typeof e != "object") return e;
+    throw new TypeError("@@toPrimitive must return a primitive value.");
+  }
+  return String(a);
+}
+function ge(a) {
+  var t = $e(a, "string");
+  return typeof t == "symbol" ? t : t + "";
+}
+function Ct(a) {
+  "@babel/helpers - typeof";
+  return Ct = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? function(t) {
+    return typeof t;
+  } : function(t) {
+    return t && typeof Symbol == "function" && t.constructor === Symbol && t !== Symbol.prototype ? "symbol" : typeof t;
+  }, Ct(a);
+}
+function qe(a, t) {
+  if (!(a instanceof t))
+    throw new TypeError("Cannot call a class as a function");
+}
+function Gt(a, t) {
+  for (var i = 0; i < t.length; i++) {
+    var e = t[i];
+    e.enumerable = e.enumerable || !1, e.configurable = !0, "value" in e && (e.writable = !0), Object.defineProperty(a, ge(e.key), e);
+  }
+}
+function Qe(a, t, i) {
+  return t && Gt(a.prototype, t), i && Gt(a, i), Object.defineProperty(a, "prototype", {
+    writable: !1
+  }), a;
+}
+function Ze(a, t, i) {
+  return t = ge(t), t in a ? Object.defineProperty(a, t, {
+    value: i,
+    enumerable: !0,
+    configurable: !0,
+    writable: !0
+  }) : a[t] = i, a;
+}
+function me(a) {
+  return Ke(a) || ti(a) || ei(a) || ii();
+}
+function Ke(a) {
+  if (Array.isArray(a)) return Tt(a);
+}
+function ti(a) {
+  if (typeof Symbol < "u" && a[Symbol.iterator] != null || a["@@iterator"] != null) return Array.from(a);
+}
+function ei(a, t) {
+  if (a) {
+    if (typeof a == "string") return Tt(a, t);
+    var i = Object.prototype.toString.call(a).slice(8, -1);
+    if (i === "Object" && a.constructor && (i = a.constructor.name), i === "Map" || i === "Set") return Array.from(a);
+    if (i === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(i)) return Tt(a, t);
+  }
+}
+function Tt(a, t) {
+  (t == null || t > a.length) && (t = a.length);
+  for (var i = 0, e = new Array(t); i < t; i++) e[i] = a[i];
+  return e;
+}
+function ii() {
+  throw new TypeError(`Invalid attempt to spread non-iterable instance.
+In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`);
+}
+var yt = typeof window < "u" && typeof window.document < "u", j = yt ? window : {}, Lt = yt && j.document.documentElement ? "ontouchstart" in j.document.documentElement : !1, Bt = yt ? "PointerEvent" in j : !1, x = "cropper", Pt = "all", ve = "crop", we = "move", be = "zoom", Z = "e", K = "w", et = "s", F = "n", st = "ne", ht = "nw", ct = "se", lt = "sw", Ot = "".concat(x, "-crop"), Jt = "".concat(x, "-disabled"), R = "".concat(x, "-hidden"), $t = "".concat(x, "-hide"), ai = "".concat(x, "-invisible"), bt = "".concat(x, "-modal"), It = "".concat(x, "-move"), dt = "".concat(x, "Action"), mt = "".concat(x, "Preview"), zt = "crop", ye = "move", xe = "none", At = "crop", Nt = "cropend", _t = "cropmove", St = "cropstart", qt = "dblclick", ri = Lt ? "touchstart" : "mousedown", ni = Lt ? "touchmove" : "mousemove", oi = Lt ? "touchend touchcancel" : "mouseup", Qt = Bt ? "pointerdown" : ri, Zt = Bt ? "pointermove" : ni, Kt = Bt ? "pointerup pointercancel" : oi, te = "ready", ee = "resize", ie = "wheel", Rt = "zoom", ae = "image/jpeg", si = /^e|w|s|n|se|sw|ne|nw|all|crop|move|zoom$/, hi = /^data:/, ci = /^data:image\/jpeg;base64,/, li = /^img|canvas$/i, De = 200, Ee = 100, re = {
+  // Define the view mode of the cropper
+  viewMode: 0,
+  // 0, 1, 2, 3
+  // Define the dragging mode of the cropper
+  dragMode: zt,
+  // 'crop', 'move' or 'none'
+  // Define the initial aspect ratio of the crop box
+  initialAspectRatio: NaN,
+  // Define the aspect ratio of the crop box
+  aspectRatio: NaN,
+  // An object with the previous cropping result data
+  data: null,
+  // A selector for adding extra containers to preview
+  preview: "",
+  // Re-render the cropper when resize the window
+  responsive: !0,
+  // Restore the cropped area after resize the window
+  restore: !0,
+  // Check if the current image is a cross-origin image
+  checkCrossOrigin: !0,
+  // Check the current image's Exif Orientation information
+  checkOrientation: !0,
+  // Show the black modal
+  modal: !0,
+  // Show the dashed lines for guiding
+  guides: !0,
+  // Show the center indicator for guiding
+  center: !0,
+  // Show the white modal to highlight the crop box
+  highlight: !0,
+  // Show the grid background
+  background: !0,
+  // Enable to crop the image automatically when initialize
+  autoCrop: !0,
+  // Define the percentage of automatic cropping area when initializes
+  autoCropArea: 0.8,
+  // Enable to move the image
+  movable: !0,
+  // Enable to rotate the image
+  rotatable: !0,
+  // Enable to scale the image
+  scalable: !0,
+  // Enable to zoom the image
+  zoomable: !0,
+  // Enable to zoom the image by dragging touch
+  zoomOnTouch: !0,
+  // Enable to zoom the image by wheeling mouse
+  zoomOnWheel: !0,
+  // Define zoom ratio when zoom the image by wheeling mouse
+  wheelZoomRatio: 0.1,
+  // Enable to move the crop box
+  cropBoxMovable: !0,
+  // Enable to resize the crop box
+  cropBoxResizable: !0,
+  // Toggle drag mode between "crop" and "move" when click twice on the cropper
+  toggleDragModeOnDblclick: !0,
+  // Size limitation
+  minCanvasWidth: 0,
+  minCanvasHeight: 0,
+  minCropBoxWidth: 0,
+  minCropBoxHeight: 0,
+  minContainerWidth: De,
+  minContainerHeight: Ee,
+  // Shortcuts of events
+  ready: null,
+  cropstart: null,
+  cropmove: null,
+  cropend: null,
+  crop: null,
+  zoom: null
+}, pi = '<div class="cropper-container" touch-action="none"><div class="cropper-wrap-box"><div class="cropper-canvas"></div></div><div class="cropper-drag-box"></div><div class="cropper-crop-box"><span class="cropper-view-box"></span><span class="cropper-dashed dashed-h"></span><span class="cropper-dashed dashed-v"></span><span class="cropper-center"></span><span class="cropper-face"></span><span class="cropper-line line-e" data-cropper-action="e"></span><span class="cropper-line line-n" data-cropper-action="n"></span><span class="cropper-line line-w" data-cropper-action="w"></span><span class="cropper-line line-s" data-cropper-action="s"></span><span class="cropper-point point-e" data-cropper-action="e"></span><span class="cropper-point point-n" data-cropper-action="n"></span><span class="cropper-point point-w" data-cropper-action="w"></span><span class="cropper-point point-s" data-cropper-action="s"></span><span class="cropper-point point-ne" data-cropper-action="ne"></span><span class="cropper-point point-nw" data-cropper-action="nw"></span><span class="cropper-point point-sw" data-cropper-action="sw"></span><span class="cropper-point point-se" data-cropper-action="se"></span></div></div>', di = Number.isNaN || j.isNaN;
+function w(a) {
+  return typeof a == "number" && !di(a);
+}
+var ne = function(t) {
+  return t > 0 && t < 1 / 0;
+};
+function Et(a) {
+  return typeof a > "u";
+}
+function tt(a) {
+  return Ct(a) === "object" && a !== null;
+}
+var fi = Object.prototype.hasOwnProperty;
+function at(a) {
+  if (!tt(a))
+    return !1;
+  try {
+    var t = a.constructor, i = t.prototype;
+    return t && i && fi.call(i, "isPrototypeOf");
+  } catch {
+    return !1;
+  }
+}
+function S(a) {
+  return typeof a == "function";
+}
+var ui = Array.prototype.slice;
+function Me(a) {
+  return Array.from ? Array.from(a) : ui.call(a);
+}
+function C(a, t) {
+  return a && S(t) && (Array.isArray(a) || w(a.length) ? Me(a).forEach(function(i, e) {
+    t.call(a, i, e, a);
+  }) : tt(a) && Object.keys(a).forEach(function(i) {
+    t.call(a, a[i], i, a);
+  })), a;
+}
+var D = Object.assign || function(t) {
+  for (var i = arguments.length, e = new Array(i > 1 ? i - 1 : 0), o = 1; o < i; o++)
+    e[o - 1] = arguments[o];
+  return tt(t) && e.length > 0 && e.forEach(function(r) {
+    tt(r) && Object.keys(r).forEach(function(n) {
+      t[n] = r[n];
+    });
+  }), t;
+}, gi = /\.\d*(?:0|9){12}\d*$/;
+function nt(a) {
+  var t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : 1e11;
+  return gi.test(a) ? Math.round(a * t) / t : a;
+}
+var mi = /^width|height|left|top|marginLeft|marginTop$/;
+function G(a, t) {
+  var i = a.style;
+  C(t, function(e, o) {
+    mi.test(o) && w(e) && (e = "".concat(e, "px")), i[o] = e;
+  });
+}
+function vi(a, t) {
+  return a.classList ? a.classList.contains(t) : a.className.indexOf(t) > -1;
+}
+function O(a, t) {
+  if (t) {
+    if (w(a.length)) {
+      C(a, function(e) {
+        O(e, t);
+      });
+      return;
+    }
+    if (a.classList) {
+      a.classList.add(t);
+      return;
+    }
+    var i = a.className.trim();
+    i ? i.indexOf(t) < 0 && (a.className = "".concat(i, " ").concat(t)) : a.className = t;
+  }
+}
+function H(a, t) {
+  if (t) {
+    if (w(a.length)) {
+      C(a, function(i) {
+        H(i, t);
+      });
+      return;
+    }
+    if (a.classList) {
+      a.classList.remove(t);
+      return;
+    }
+    a.className.indexOf(t) >= 0 && (a.className = a.className.replace(t, ""));
+  }
+}
+function rt(a, t, i) {
+  if (t) {
+    if (w(a.length)) {
+      C(a, function(e) {
+        rt(e, t, i);
+      });
+      return;
+    }
+    i ? O(a, t) : H(a, t);
+  }
+}
+var wi = /([a-z\d])([A-Z])/g;
+function Wt(a) {
+  return a.replace(wi, "$1-$2").toLowerCase();
+}
+function kt(a, t) {
+  return tt(a[t]) ? a[t] : a.dataset ? a.dataset[t] : a.getAttribute("data-".concat(Wt(t)));
+}
+function ft(a, t, i) {
+  tt(i) ? a[t] = i : a.dataset ? a.dataset[t] = i : a.setAttribute("data-".concat(Wt(t)), i);
+}
+function bi(a, t) {
+  if (tt(a[t]))
+    try {
+      delete a[t];
+    } catch {
+      a[t] = void 0;
+    }
+  else if (a.dataset)
+    try {
+      delete a.dataset[t];
+    } catch {
+      a.dataset[t] = void 0;
+    }
+  else
+    a.removeAttribute("data-".concat(Wt(t)));
+}
+var Ce = /\s\s*/, Te = function() {
+  var a = !1;
+  if (yt) {
+    var t = !1, i = function() {
+    }, e = Object.defineProperty({}, "once", {
+      get: function() {
+        return a = !0, t;
+      },
+      /**
+       * This setter can fix a `TypeError` in strict mode
+       * {@link https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Errors/Getter_only}
+       * @param {boolean} value - The value to set
+       */
+      set: function(r) {
+        t = r;
+      }
+    });
+    j.addEventListener("test", i, e), j.removeEventListener("test", i, e);
+  }
+  return a;
+}();
+function P(a, t, i) {
+  var e = arguments.length > 3 && arguments[3] !== void 0 ? arguments[3] : {}, o = i;
+  t.trim().split(Ce).forEach(function(r) {
+    if (!Te) {
+      var n = a.listeners;
+      n && n[r] && n[r][i] && (o = n[r][i], delete n[r][i], Object.keys(n[r]).length === 0 && delete n[r], Object.keys(n).length === 0 && delete a.listeners);
+    }
+    a.removeEventListener(r, o, e);
+  });
+}
+function L(a, t, i) {
+  var e = arguments.length > 3 && arguments[3] !== void 0 ? arguments[3] : {}, o = i;
+  t.trim().split(Ce).forEach(function(r) {
+    if (e.once && !Te) {
+      var n = a.listeners, s = n === void 0 ? {} : n;
+      o = function() {
+        delete s[r][i], a.removeEventListener(r, o, e);
+        for (var l = arguments.length, h = new Array(l), c = 0; c < l; c++)
+          h[c] = arguments[c];
+        i.apply(a, h);
+      }, s[r] || (s[r] = {}), s[r][i] && a.removeEventListener(r, s[r][i], e), s[r][i] = o, a.listeners = s;
+    }
+    a.addEventListener(r, o, e);
+  });
+}
+function ot(a, t, i) {
+  var e;
+  return S(Event) && S(CustomEvent) ? e = new CustomEvent(t, {
+    detail: i,
+    bubbles: !0,
+    cancelable: !0
+  }) : (e = document.createEvent("CustomEvent"), e.initCustomEvent(t, !0, !0, i)), a.dispatchEvent(e);
+}
+function Oe(a) {
+  var t = a.getBoundingClientRect();
+  return {
+    left: t.left + (window.pageXOffset - document.documentElement.clientLeft),
+    top: t.top + (window.pageYOffset - document.documentElement.clientTop)
+  };
+}
+var Mt = j.location, yi = /^(\w+:)\/\/([^:/?#]*):?(\d*)/i;
+function oe(a) {
+  var t = a.match(yi);
+  return t !== null && (t[1] !== Mt.protocol || t[2] !== Mt.hostname || t[3] !== Mt.port);
+}
+function se(a) {
+  var t = "timestamp=".concat((/* @__PURE__ */ new Date()).getTime());
+  return a + (a.indexOf("?") === -1 ? "?" : "&") + t;
+}
+function pt(a) {
+  var t = a.rotate, i = a.scaleX, e = a.scaleY, o = a.translateX, r = a.translateY, n = [];
+  w(o) && o !== 0 && n.push("translateX(".concat(o, "px)")), w(r) && r !== 0 && n.push("translateY(".concat(r, "px)")), w(t) && t !== 0 && n.push("rotate(".concat(t, "deg)")), w(i) && i !== 1 && n.push("scaleX(".concat(i, ")")), w(e) && e !== 1 && n.push("scaleY(".concat(e, ")"));
+  var s = n.length ? n.join(" ") : "none";
+  return {
+    WebkitTransform: s,
+    msTransform: s,
+    transform: s
+  };
+}
+function xi(a) {
+  var t = ue({}, a), i = 0;
+  return C(a, function(e, o) {
+    delete t[o], C(t, function(r) {
+      var n = Math.abs(e.startX - r.startX), s = Math.abs(e.startY - r.startY), d = Math.abs(e.endX - r.endX), l = Math.abs(e.endY - r.endY), h = Math.sqrt(n * n + s * s), c = Math.sqrt(d * d + l * l), p = (c - h) / h;
+      Math.abs(p) > Math.abs(i) && (i = p);
+    });
+  }), i;
+}
+function vt(a, t) {
+  var i = a.pageX, e = a.pageY, o = {
+    endX: i,
+    endY: e
+  };
+  return t ? o : ue({
+    startX: i,
+    startY: e
+  }, o);
+}
+function Di(a) {
+  var t = 0, i = 0, e = 0;
+  return C(a, function(o) {
+    var r = o.startX, n = o.startY;
+    t += r, i += n, e += 1;
+  }), t /= e, i /= e, {
+    pageX: t,
+    pageY: i
+  };
+}
+function J(a) {
+  var t = a.aspectRatio, i = a.height, e = a.width, o = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : "contain", r = ne(e), n = ne(i);
+  if (r && n) {
+    var s = i * t;
+    o === "contain" && s > e || o === "cover" && s < e ? i = e / t : e = i * t;
+  } else r ? i = e / t : n && (e = i * t);
+  return {
+    width: e,
+    height: i
+  };
+}
+function Ei(a) {
+  var t = a.width, i = a.height, e = a.degree;
+  if (e = Math.abs(e) % 180, e === 90)
+    return {
+      width: i,
+      height: t
+    };
+  var o = e % 90 * Math.PI / 180, r = Math.sin(o), n = Math.cos(o), s = t * n + i * r, d = t * r + i * n;
+  return e > 90 ? {
+    width: d,
+    height: s
+  } : {
+    width: s,
+    height: d
+  };
+}
+function Mi(a, t, i, e) {
+  var o = t.aspectRatio, r = t.naturalWidth, n = t.naturalHeight, s = t.rotate, d = s === void 0 ? 0 : s, l = t.scaleX, h = l === void 0 ? 1 : l, c = t.scaleY, p = c === void 0 ? 1 : c, v = i.aspectRatio, m = i.naturalWidth, g = i.naturalHeight, u = e.fillColor, E = u === void 0 ? "transparent" : u, M = e.imageSmoothingEnabled, y = M === void 0 ? !0 : M, B = e.imageSmoothingQuality, A = B === void 0 ? "low" : B, f = e.maxWidth, b = f === void 0 ? 1 / 0 : f, T = e.maxHeight, k = T === void 0 ? 1 / 0 : T, X = e.minWidth, $ = X === void 0 ? 0 : X, q = e.minHeight, U = q === void 0 ? 0 : q, W = document.createElement("canvas"), N = W.getContext("2d"), Q = J({
+    aspectRatio: v,
+    width: b,
+    height: k
+  }), ut = J({
+    aspectRatio: v,
+    width: $,
+    height: U
+  }, "cover"), xt = Math.min(Q.width, Math.max(ut.width, m)), Dt = Math.min(Q.height, Math.max(ut.height, g)), Yt = J({
+    aspectRatio: o,
+    width: b,
+    height: k
+  }), Ht = J({
+    aspectRatio: o,
+    width: $,
+    height: U
+  }, "cover"), jt = Math.min(Yt.width, Math.max(Ht.width, r)), Xt = Math.min(Yt.height, Math.max(Ht.height, n)), Ne = [-jt / 2, -Xt / 2, jt, Xt];
+  return W.width = nt(xt), W.height = nt(Dt), N.fillStyle = E, N.fillRect(0, 0, xt, Dt), N.save(), N.translate(xt / 2, Dt / 2), N.rotate(d * Math.PI / 180), N.scale(h, p), N.imageSmoothingEnabled = y, N.imageSmoothingQuality = A, N.drawImage.apply(N, [a].concat(me(Ne.map(function(_e) {
+    return Math.floor(nt(_e));
+  })))), N.restore(), W;
+}
+var Ie = String.fromCharCode;
+function Ci(a, t, i) {
+  var e = "";
+  i += t;
+  for (var o = t; o < i; o += 1)
+    e += Ie(a.getUint8(o));
+  return e;
+}
+var Ti = /^data:.*,/;
+function Oi(a) {
+  var t = a.replace(Ti, ""), i = atob(t), e = new ArrayBuffer(i.length), o = new Uint8Array(e);
+  return C(o, function(r, n) {
+    o[n] = i.charCodeAt(n);
+  }), e;
+}
+function Ii(a, t) {
+  for (var i = [], e = 8192, o = new Uint8Array(a); o.length > 0; )
+    i.push(Ie.apply(null, Me(o.subarray(0, e)))), o = o.subarray(e);
+  return "data:".concat(t, ";base64,").concat(btoa(i.join("")));
+}
+function Ai(a) {
+  var t = new DataView(a), i;
+  try {
+    var e, o, r;
+    if (t.getUint8(0) === 255 && t.getUint8(1) === 216)
+      for (var n = t.byteLength, s = 2; s + 1 < n; ) {
+        if (t.getUint8(s) === 255 && t.getUint8(s + 1) === 225) {
+          o = s;
+          break;
+        }
+        s += 1;
+      }
+    if (o) {
+      var d = o + 4, l = o + 10;
+      if (Ci(t, d, 4) === "Exif") {
+        var h = t.getUint16(l);
+        if (e = h === 18761, (e || h === 19789) && t.getUint16(l + 2, e) === 42) {
+          var c = t.getUint32(l + 4, e);
+          c >= 8 && (r = l + c);
+        }
+      }
+    }
+    if (r) {
+      var p = t.getUint16(r, e), v, m;
+      for (m = 0; m < p; m += 1)
+        if (v = r + m * 12 + 2, t.getUint16(v, e) === 274) {
+          v += 8, i = t.getUint16(v, e), t.setUint16(v, 1, e);
+          break;
+        }
+    }
+  } catch {
+    i = 1;
+  }
+  return i;
+}
+function Ni(a) {
+  var t = 0, i = 1, e = 1;
+  switch (a) {
+    // Flip horizontal
+    case 2:
+      i = -1;
+      break;
+    // Rotate left 180°
+    case 3:
+      t = -180;
+      break;
+    // Flip vertical
+    case 4:
+      e = -1;
+      break;
+    // Flip vertical and rotate right 90°
+    case 5:
+      t = 90, e = -1;
+      break;
+    // Rotate right 90°
+    case 6:
+      t = 90;
+      break;
+    // Flip horizontal and rotate right 90°
+    case 7:
+      t = 90, i = -1;
+      break;
+    // Rotate left 90°
+    case 8:
+      t = -90;
+      break;
+  }
+  return {
+    rotate: t,
+    scaleX: i,
+    scaleY: e
+  };
+}
+var _i = {
+  render: function() {
+    this.initContainer(), this.initCanvas(), this.initCropBox(), this.renderCanvas(), this.cropped && this.renderCropBox();
+  },
+  initContainer: function() {
+    var t = this.element, i = this.options, e = this.container, o = this.cropper, r = Number(i.minContainerWidth), n = Number(i.minContainerHeight);
+    O(o, R), H(t, R);
+    var s = {
+      width: Math.max(e.offsetWidth, r >= 0 ? r : De),
+      height: Math.max(e.offsetHeight, n >= 0 ? n : Ee)
+    };
+    this.containerData = s, G(o, {
+      width: s.width,
+      height: s.height
+    }), O(t, R), H(o, R);
+  },
+  // Canvas (image wrapper)
+  initCanvas: function() {
+    var t = this.containerData, i = this.imageData, e = this.options.viewMode, o = Math.abs(i.rotate) % 180 === 90, r = o ? i.naturalHeight : i.naturalWidth, n = o ? i.naturalWidth : i.naturalHeight, s = r / n, d = t.width, l = t.height;
+    t.height * s > t.width ? e === 3 ? d = t.height * s : l = t.width / s : e === 3 ? l = t.width / s : d = t.height * s;
+    var h = {
+      aspectRatio: s,
+      naturalWidth: r,
+      naturalHeight: n,
+      width: d,
+      height: l
+    };
+    this.canvasData = h, this.limited = e === 1 || e === 2, this.limitCanvas(!0, !0), h.width = Math.min(Math.max(h.width, h.minWidth), h.maxWidth), h.height = Math.min(Math.max(h.height, h.minHeight), h.maxHeight), h.left = (t.width - h.width) / 2, h.top = (t.height - h.height) / 2, h.oldLeft = h.left, h.oldTop = h.top, this.initialCanvasData = D({}, h);
+  },
+  limitCanvas: function(t, i) {
+    var e = this.options, o = this.containerData, r = this.canvasData, n = this.cropBoxData, s = e.viewMode, d = r.aspectRatio, l = this.cropped && n;
+    if (t) {
+      var h = Number(e.minCanvasWidth) || 0, c = Number(e.minCanvasHeight) || 0;
+      s > 1 ? (h = Math.max(h, o.width), c = Math.max(c, o.height), s === 3 && (c * d > h ? h = c * d : c = h / d)) : s > 0 && (h ? h = Math.max(h, l ? n.width : 0) : c ? c = Math.max(c, l ? n.height : 0) : l && (h = n.width, c = n.height, c * d > h ? h = c * d : c = h / d));
+      var p = J({
+        aspectRatio: d,
+        width: h,
+        height: c
+      });
+      h = p.width, c = p.height, r.minWidth = h, r.minHeight = c, r.maxWidth = 1 / 0, r.maxHeight = 1 / 0;
+    }
+    if (i)
+      if (s > (l ? 0 : 1)) {
+        var v = o.width - r.width, m = o.height - r.height;
+        r.minLeft = Math.min(0, v), r.minTop = Math.min(0, m), r.maxLeft = Math.max(0, v), r.maxTop = Math.max(0, m), l && this.limited && (r.minLeft = Math.min(n.left, n.left + (n.width - r.width)), r.minTop = Math.min(n.top, n.top + (n.height - r.height)), r.maxLeft = n.left, r.maxTop = n.top, s === 2 && (r.width >= o.width && (r.minLeft = Math.min(0, v), r.maxLeft = Math.max(0, v)), r.height >= o.height && (r.minTop = Math.min(0, m), r.maxTop = Math.max(0, m))));
+      } else
+        r.minLeft = -r.width, r.minTop = -r.height, r.maxLeft = o.width, r.maxTop = o.height;
+  },
+  renderCanvas: function(t, i) {
+    var e = this.canvasData, o = this.imageData;
+    if (i) {
+      var r = Ei({
+        width: o.naturalWidth * Math.abs(o.scaleX || 1),
+        height: o.naturalHeight * Math.abs(o.scaleY || 1),
+        degree: o.rotate || 0
+      }), n = r.width, s = r.height, d = e.width * (n / e.naturalWidth), l = e.height * (s / e.naturalHeight);
+      e.left -= (d - e.width) / 2, e.top -= (l - e.height) / 2, e.width = d, e.height = l, e.aspectRatio = n / s, e.naturalWidth = n, e.naturalHeight = s, this.limitCanvas(!0, !1);
+    }
+    (e.width > e.maxWidth || e.width < e.minWidth) && (e.left = e.oldLeft), (e.height > e.maxHeight || e.height < e.minHeight) && (e.top = e.oldTop), e.width = Math.min(Math.max(e.width, e.minWidth), e.maxWidth), e.height = Math.min(Math.max(e.height, e.minHeight), e.maxHeight), this.limitCanvas(!1, !0), e.left = Math.min(Math.max(e.left, e.minLeft), e.maxLeft), e.top = Math.min(Math.max(e.top, e.minTop), e.maxTop), e.oldLeft = e.left, e.oldTop = e.top, G(this.canvas, D({
+      width: e.width,
+      height: e.height
+    }, pt({
+      translateX: e.left,
+      translateY: e.top
+    }))), this.renderImage(t), this.cropped && this.limited && this.limitCropBox(!0, !0);
+  },
+  renderImage: function(t) {
+    var i = this.canvasData, e = this.imageData, o = e.naturalWidth * (i.width / i.naturalWidth), r = e.naturalHeight * (i.height / i.naturalHeight);
+    D(e, {
+      width: o,
+      height: r,
+      left: (i.width - o) / 2,
+      top: (i.height - r) / 2
+    }), G(this.image, D({
+      width: e.width,
+      height: e.height
+    }, pt(D({
+      translateX: e.left,
+      translateY: e.top
+    }, e)))), t && this.output();
+  },
+  initCropBox: function() {
+    var t = this.options, i = this.canvasData, e = t.aspectRatio || t.initialAspectRatio, o = Number(t.autoCropArea) || 0.8, r = {
+      width: i.width,
+      height: i.height
+    };
+    e && (i.height * e > i.width ? r.height = r.width / e : r.width = r.height * e), this.cropBoxData = r, this.limitCropBox(!0, !0), r.width = Math.min(Math.max(r.width, r.minWidth), r.maxWidth), r.height = Math.min(Math.max(r.height, r.minHeight), r.maxHeight), r.width = Math.max(r.minWidth, r.width * o), r.height = Math.max(r.minHeight, r.height * o), r.left = i.left + (i.width - r.width) / 2, r.top = i.top + (i.height - r.height) / 2, r.oldLeft = r.left, r.oldTop = r.top, this.initialCropBoxData = D({}, r);
+  },
+  limitCropBox: function(t, i) {
+    var e = this.options, o = this.containerData, r = this.canvasData, n = this.cropBoxData, s = this.limited, d = e.aspectRatio;
+    if (t) {
+      var l = Number(e.minCropBoxWidth) || 0, h = Number(e.minCropBoxHeight) || 0, c = s ? Math.min(o.width, r.width, r.width + r.left, o.width - r.left) : o.width, p = s ? Math.min(o.height, r.height, r.height + r.top, o.height - r.top) : o.height;
+      l = Math.min(l, o.width), h = Math.min(h, o.height), d && (l && h ? h * d > l ? h = l / d : l = h * d : l ? h = l / d : h && (l = h * d), p * d > c ? p = c / d : c = p * d), n.minWidth = Math.min(l, c), n.minHeight = Math.min(h, p), n.maxWidth = c, n.maxHeight = p;
+    }
+    i && (s ? (n.minLeft = Math.max(0, r.left), n.minTop = Math.max(0, r.top), n.maxLeft = Math.min(o.width, r.left + r.width) - n.width, n.maxTop = Math.min(o.height, r.top + r.height) - n.height) : (n.minLeft = 0, n.minTop = 0, n.maxLeft = o.width - n.width, n.maxTop = o.height - n.height));
+  },
+  renderCropBox: function() {
+    var t = this.options, i = this.containerData, e = this.cropBoxData;
+    (e.width > e.maxWidth || e.width < e.minWidth) && (e.left = e.oldLeft), (e.height > e.maxHeight || e.height < e.minHeight) && (e.top = e.oldTop), e.width = Math.min(Math.max(e.width, e.minWidth), e.maxWidth), e.height = Math.min(Math.max(e.height, e.minHeight), e.maxHeight), this.limitCropBox(!1, !0), e.left = Math.min(Math.max(e.left, e.minLeft), e.maxLeft), e.top = Math.min(Math.max(e.top, e.minTop), e.maxTop), e.oldLeft = e.left, e.oldTop = e.top, t.movable && t.cropBoxMovable && ft(this.face, dt, e.width >= i.width && e.height >= i.height ? we : Pt), G(this.cropBox, D({
+      width: e.width,
+      height: e.height
+    }, pt({
+      translateX: e.left,
+      translateY: e.top
+    }))), this.cropped && this.limited && this.limitCanvas(!0, !0), this.disabled || this.output();
+  },
+  output: function() {
+    this.preview(), ot(this.element, At, this.getData());
+  }
+}, Si = {
+  initPreview: function() {
+    var t = this.element, i = this.crossOrigin, e = this.options.preview, o = i ? this.crossOriginUrl : this.url, r = t.alt || "The image to preview", n = document.createElement("img");
+    if (i && (n.crossOrigin = i), n.src = o, n.alt = r, this.viewBox.appendChild(n), this.viewBoxImage = n, !!e) {
+      var s = e;
+      typeof e == "string" ? s = t.ownerDocument.querySelectorAll(e) : e.querySelector && (s = [e]), this.previews = s, C(s, function(d) {
+        var l = document.createElement("img");
+        ft(d, mt, {
+          width: d.offsetWidth,
+          height: d.offsetHeight,
+          html: d.innerHTML
+        }), i && (l.crossOrigin = i), l.src = o, l.alt = r, l.style.cssText = 'display:block;width:100%;height:auto;min-width:0!important;min-height:0!important;max-width:none!important;max-height:none!important;image-orientation:0deg!important;"', d.innerHTML = "", d.appendChild(l);
+      });
+    }
+  },
+  resetPreview: function() {
+    C(this.previews, function(t) {
+      var i = kt(t, mt);
+      G(t, {
+        width: i.width,
+        height: i.height
+      }), t.innerHTML = i.html, bi(t, mt);
+    });
+  },
+  preview: function() {
+    var t = this.imageData, i = this.canvasData, e = this.cropBoxData, o = e.width, r = e.height, n = t.width, s = t.height, d = e.left - i.left - t.left, l = e.top - i.top - t.top;
+    !this.cropped || this.disabled || (G(this.viewBoxImage, D({
+      width: n,
+      height: s
+    }, pt(D({
+      translateX: -d,
+      translateY: -l
+    }, t)))), C(this.previews, function(h) {
+      var c = kt(h, mt), p = c.width, v = c.height, m = p, g = v, u = 1;
+      o && (u = p / o, g = r * u), r && g > v && (u = v / r, m = o * u, g = v), G(h, {
+        width: m,
+        height: g
+      }), G(h.getElementsByTagName("img")[0], D({
+        width: n * u,
+        height: s * u
+      }, pt(D({
+        translateX: -d * u,
+        translateY: -l * u
+      }, t))));
+    }));
+  }
+}, Ri = {
+  bind: function() {
+    var t = this.element, i = this.options, e = this.cropper;
+    S(i.cropstart) && L(t, St, i.cropstart), S(i.cropmove) && L(t, _t, i.cropmove), S(i.cropend) && L(t, Nt, i.cropend), S(i.crop) && L(t, At, i.crop), S(i.zoom) && L(t, Rt, i.zoom), L(e, Qt, this.onCropStart = this.cropStart.bind(this)), i.zoomable && i.zoomOnWheel && L(e, ie, this.onWheel = this.wheel.bind(this), {
+      passive: !1,
+      capture: !0
+    }), i.toggleDragModeOnDblclick && L(e, qt, this.onDblclick = this.dblclick.bind(this)), L(t.ownerDocument, Zt, this.onCropMove = this.cropMove.bind(this)), L(t.ownerDocument, Kt, this.onCropEnd = this.cropEnd.bind(this)), i.responsive && L(window, ee, this.onResize = this.resize.bind(this));
+  },
+  unbind: function() {
+    var t = this.element, i = this.options, e = this.cropper;
+    S(i.cropstart) && P(t, St, i.cropstart), S(i.cropmove) && P(t, _t, i.cropmove), S(i.cropend) && P(t, Nt, i.cropend), S(i.crop) && P(t, At, i.crop), S(i.zoom) && P(t, Rt, i.zoom), P(e, Qt, this.onCropStart), i.zoomable && i.zoomOnWheel && P(e, ie, this.onWheel, {
+      passive: !1,
+      capture: !0
+    }), i.toggleDragModeOnDblclick && P(e, qt, this.onDblclick), P(t.ownerDocument, Zt, this.onCropMove), P(t.ownerDocument, Kt, this.onCropEnd), i.responsive && P(window, ee, this.onResize);
+  }
+}, ki = {
+  resize: function() {
+    if (!this.disabled) {
+      var t = this.options, i = this.container, e = this.containerData, o = i.offsetWidth / e.width, r = i.offsetHeight / e.height, n = Math.abs(o - 1) > Math.abs(r - 1) ? o : r;
+      if (n !== 1) {
+        var s, d;
+        t.restore && (s = this.getCanvasData(), d = this.getCropBoxData()), this.render(), t.restore && (this.setCanvasData(C(s, function(l, h) {
+          s[h] = l * n;
+        })), this.setCropBoxData(C(d, function(l, h) {
+          d[h] = l * n;
+        })));
+      }
+    }
+  },
+  dblclick: function() {
+    this.disabled || this.options.dragMode === xe || this.setDragMode(vi(this.dragBox, Ot) ? ye : zt);
+  },
+  wheel: function(t) {
+    var i = this, e = Number(this.options.wheelZoomRatio) || 0.1, o = 1;
+    this.disabled || (t.preventDefault(), !this.wheeling && (this.wheeling = !0, setTimeout(function() {
+      i.wheeling = !1;
+    }, 50), t.deltaY ? o = t.deltaY > 0 ? 1 : -1 : t.wheelDelta ? o = -t.wheelDelta / 120 : t.detail && (o = t.detail > 0 ? 1 : -1), this.zoom(-o * e, t)));
+  },
+  cropStart: function(t) {
+    var i = t.buttons, e = t.button;
+    if (!(this.disabled || (t.type === "mousedown" || t.type === "pointerdown" && t.pointerType === "mouse") && // No primary button (Usually the left button)
+    (w(i) && i !== 1 || w(e) && e !== 0 || t.ctrlKey))) {
+      var o = this.options, r = this.pointers, n;
+      t.changedTouches ? C(t.changedTouches, function(s) {
+        r[s.identifier] = vt(s);
+      }) : r[t.pointerId || 0] = vt(t), Object.keys(r).length > 1 && o.zoomable && o.zoomOnTouch ? n = be : n = kt(t.target, dt), si.test(n) && ot(this.element, St, {
+        originalEvent: t,
+        action: n
+      }) !== !1 && (t.preventDefault(), this.action = n, this.cropping = !1, n === ve && (this.cropping = !0, O(this.dragBox, bt)));
+    }
+  },
+  cropMove: function(t) {
+    var i = this.action;
+    if (!(this.disabled || !i)) {
+      var e = this.pointers;
+      t.preventDefault(), ot(this.element, _t, {
+        originalEvent: t,
+        action: i
+      }) !== !1 && (t.changedTouches ? C(t.changedTouches, function(o) {
+        D(e[o.identifier] || {}, vt(o, !0));
+      }) : D(e[t.pointerId || 0] || {}, vt(t, !0)), this.change(t));
+    }
+  },
+  cropEnd: function(t) {
+    if (!this.disabled) {
+      var i = this.action, e = this.pointers;
+      t.changedTouches ? C(t.changedTouches, function(o) {
+        delete e[o.identifier];
+      }) : delete e[t.pointerId || 0], i && (t.preventDefault(), Object.keys(e).length || (this.action = ""), this.cropping && (this.cropping = !1, rt(this.dragBox, bt, this.cropped && this.options.modal)), ot(this.element, Nt, {
+        originalEvent: t,
+        action: i
+      }));
+    }
+  }
+}, Li = {
+  change: function(t) {
+    var i = this.options, e = this.canvasData, o = this.containerData, r = this.cropBoxData, n = this.pointers, s = this.action, d = i.aspectRatio, l = r.left, h = r.top, c = r.width, p = r.height, v = l + c, m = h + p, g = 0, u = 0, E = o.width, M = o.height, y = !0, B;
+    !d && t.shiftKey && (d = c && p ? c / p : 1), this.limited && (g = r.minLeft, u = r.minTop, E = g + Math.min(o.width, e.width, e.left + e.width), M = u + Math.min(o.height, e.height, e.top + e.height));
+    var A = n[Object.keys(n)[0]], f = {
+      x: A.endX - A.startX,
+      y: A.endY - A.startY
+    }, b = function(k) {
+      switch (k) {
+        case Z:
+          v + f.x > E && (f.x = E - v);
+          break;
+        case K:
+          l + f.x < g && (f.x = g - l);
+          break;
+        case F:
+          h + f.y < u && (f.y = u - h);
+          break;
+        case et:
+          m + f.y > M && (f.y = M - m);
+          break;
+      }
+    };
+    switch (s) {
+      // Move crop box
+      case Pt:
+        l += f.x, h += f.y;
+        break;
+      // Resize crop box
+      case Z:
+        if (f.x >= 0 && (v >= E || d && (h <= u || m >= M))) {
+          y = !1;
+          break;
+        }
+        b(Z), c += f.x, c < 0 && (s = K, c = -c, l -= c), d && (p = c / d, h += (r.height - p) / 2);
+        break;
+      case F:
+        if (f.y <= 0 && (h <= u || d && (l <= g || v >= E))) {
+          y = !1;
+          break;
+        }
+        b(F), p -= f.y, h += f.y, p < 0 && (s = et, p = -p, h -= p), d && (c = p * d, l += (r.width - c) / 2);
+        break;
+      case K:
+        if (f.x <= 0 && (l <= g || d && (h <= u || m >= M))) {
+          y = !1;
+          break;
+        }
+        b(K), c -= f.x, l += f.x, c < 0 && (s = Z, c = -c, l -= c), d && (p = c / d, h += (r.height - p) / 2);
+        break;
+      case et:
+        if (f.y >= 0 && (m >= M || d && (l <= g || v >= E))) {
+          y = !1;
+          break;
+        }
+        b(et), p += f.y, p < 0 && (s = F, p = -p, h -= p), d && (c = p * d, l += (r.width - c) / 2);
+        break;
+      case st:
+        if (d) {
+          if (f.y <= 0 && (h <= u || v >= E)) {
+            y = !1;
+            break;
+          }
+          b(F), p -= f.y, h += f.y, c = p * d;
+        } else
+          b(F), b(Z), f.x >= 0 ? v < E ? c += f.x : f.y <= 0 && h <= u && (y = !1) : c += f.x, f.y <= 0 ? h > u && (p -= f.y, h += f.y) : (p -= f.y, h += f.y);
+        c < 0 && p < 0 ? (s = lt, p = -p, c = -c, h -= p, l -= c) : c < 0 ? (s = ht, c = -c, l -= c) : p < 0 && (s = ct, p = -p, h -= p);
+        break;
+      case ht:
+        if (d) {
+          if (f.y <= 0 && (h <= u || l <= g)) {
+            y = !1;
+            break;
+          }
+          b(F), p -= f.y, h += f.y, c = p * d, l += r.width - c;
+        } else
+          b(F), b(K), f.x <= 0 ? l > g ? (c -= f.x, l += f.x) : f.y <= 0 && h <= u && (y = !1) : (c -= f.x, l += f.x), f.y <= 0 ? h > u && (p -= f.y, h += f.y) : (p -= f.y, h += f.y);
+        c < 0 && p < 0 ? (s = ct, p = -p, c = -c, h -= p, l -= c) : c < 0 ? (s = st, c = -c, l -= c) : p < 0 && (s = lt, p = -p, h -= p);
+        break;
+      case lt:
+        if (d) {
+          if (f.x <= 0 && (l <= g || m >= M)) {
+            y = !1;
+            break;
+          }
+          b(K), c -= f.x, l += f.x, p = c / d;
+        } else
+          b(et), b(K), f.x <= 0 ? l > g ? (c -= f.x, l += f.x) : f.y >= 0 && m >= M && (y = !1) : (c -= f.x, l += f.x), f.y >= 0 ? m < M && (p += f.y) : p += f.y;
+        c < 0 && p < 0 ? (s = st, p = -p, c = -c, h -= p, l -= c) : c < 0 ? (s = ct, c = -c, l -= c) : p < 0 && (s = ht, p = -p, h -= p);
+        break;
+      case ct:
+        if (d) {
+          if (f.x >= 0 && (v >= E || m >= M)) {
+            y = !1;
+            break;
+          }
+          b(Z), c += f.x, p = c / d;
+        } else
+          b(et), b(Z), f.x >= 0 ? v < E ? c += f.x : f.y >= 0 && m >= M && (y = !1) : c += f.x, f.y >= 0 ? m < M && (p += f.y) : p += f.y;
+        c < 0 && p < 0 ? (s = ht, p = -p, c = -c, h -= p, l -= c) : c < 0 ? (s = lt, c = -c, l -= c) : p < 0 && (s = st, p = -p, h -= p);
+        break;
+      // Move canvas
+      case we:
+        this.move(f.x, f.y), y = !1;
+        break;
+      // Zoom canvas
+      case be:
+        this.zoom(xi(n), t), y = !1;
+        break;
+      // Create crop box
+      case ve:
+        if (!f.x || !f.y) {
+          y = !1;
+          break;
+        }
+        B = Oe(this.cropper), l = A.startX - B.left, h = A.startY - B.top, c = r.minWidth, p = r.minHeight, f.x > 0 ? s = f.y > 0 ? ct : st : f.x < 0 && (l -= c, s = f.y > 0 ? lt : ht), f.y < 0 && (h -= p), this.cropped || (H(this.cropBox, R), this.cropped = !0, this.limited && this.limitCropBox(!0, !0));
+        break;
+    }
+    y && (r.width = c, r.height = p, r.left = l, r.top = h, this.action = s, this.renderCropBox()), C(n, function(T) {
+      T.startX = T.endX, T.startY = T.endY;
+    });
+  }
+}, Bi = {
+  // Show the crop box manually
+  crop: function() {
+    return this.ready && !this.cropped && !this.disabled && (this.cropped = !0, this.limitCropBox(!0, !0), this.options.modal && O(this.dragBox, bt), H(this.cropBox, R), this.setCropBoxData(this.initialCropBoxData)), this;
+  },
+  // Reset the image and crop box to their initial states
+  reset: function() {
+    return this.ready && !this.disabled && (this.imageData = D({}, this.initialImageData), this.canvasData = D({}, this.initialCanvasData), this.cropBoxData = D({}, this.initialCropBoxData), this.renderCanvas(), this.cropped && this.renderCropBox()), this;
+  },
+  // Clear the crop box
+  clear: function() {
+    return this.cropped && !this.disabled && (D(this.cropBoxData, {
+      left: 0,
+      top: 0,
+      width: 0,
+      height: 0
+    }), this.cropped = !1, this.renderCropBox(), this.limitCanvas(!0, !0), this.renderCanvas(), H(this.dragBox, bt), O(this.cropBox, R)), this;
+  },
+  /**
+   * Replace the image's src and rebuild the cropper
+   * @param {string} url - The new URL.
+   * @param {boolean} [hasSameSize] - Indicate if the new image has the same size as the old one.
+   * @returns {Cropper} this
+   */
+  replace: function(t) {
+    var i = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : !1;
+    return !this.disabled && t && (this.isImg && (this.element.src = t), i ? (this.url = t, this.image.src = t, this.ready && (this.viewBoxImage.src = t, C(this.previews, function(e) {
+      e.getElementsByTagName("img")[0].src = t;
+    }))) : (this.isImg && (this.replaced = !0), this.options.data = null, this.uncreate(), this.load(t))), this;
+  },
+  // Enable (unfreeze) the cropper
+  enable: function() {
+    return this.ready && this.disabled && (this.disabled = !1, H(this.cropper, Jt)), this;
+  },
+  // Disable (freeze) the cropper
+  disable: function() {
+    return this.ready && !this.disabled && (this.disabled = !0, O(this.cropper, Jt)), this;
+  },
+  /**
+   * Destroy the cropper and remove the instance from the image
+   * @returns {Cropper} this
+   */
+  destroy: function() {
+    var t = this.element;
+    return t[x] ? (t[x] = void 0, this.isImg && this.replaced && (t.src = this.originalUrl), this.uncreate(), this) : this;
+  },
+  /**
+   * Move the canvas with relative offsets
+   * @param {number} offsetX - The relative offset distance on the x-axis.
+   * @param {number} [offsetY=offsetX] - The relative offset distance on the y-axis.
+   * @returns {Cropper} this
+   */
+  move: function(t) {
+    var i = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : t, e = this.canvasData, o = e.left, r = e.top;
+    return this.moveTo(Et(t) ? t : o + Number(t), Et(i) ? i : r + Number(i));
+  },
+  /**
+   * Move the canvas to an absolute point
+   * @param {number} x - The x-axis coordinate.
+   * @param {number} [y=x] - The y-axis coordinate.
+   * @returns {Cropper} this
+   */
+  moveTo: function(t) {
+    var i = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : t, e = this.canvasData, o = !1;
+    return t = Number(t), i = Number(i), this.ready && !this.disabled && this.options.movable && (w(t) && (e.left = t, o = !0), w(i) && (e.top = i, o = !0), o && this.renderCanvas(!0)), this;
+  },
+  /**
+   * Zoom the canvas with a relative ratio
+   * @param {number} ratio - The target ratio.
+   * @param {Event} _originalEvent - The original event if any.
+   * @returns {Cropper} this
+   */
+  zoom: function(t, i) {
+    var e = this.canvasData;
+    return t = Number(t), t < 0 ? t = 1 / (1 - t) : t = 1 + t, this.zoomTo(e.width * t / e.naturalWidth, null, i);
+  },
+  /**
+   * Zoom the canvas to an absolute ratio
+   * @param {number} ratio - The target ratio.
+   * @param {Object} pivot - The zoom pivot point coordinate.
+   * @param {Event} _originalEvent - The original event if any.
+   * @returns {Cropper} this
+   */
+  zoomTo: function(t, i, e) {
+    var o = this.options, r = this.canvasData, n = r.width, s = r.height, d = r.naturalWidth, l = r.naturalHeight;
+    if (t = Number(t), t >= 0 && this.ready && !this.disabled && o.zoomable) {
+      var h = d * t, c = l * t;
+      if (ot(this.element, Rt, {
+        ratio: t,
+        oldRatio: n / d,
+        originalEvent: e
+      }) === !1)
+        return this;
+      if (e) {
+        var p = this.pointers, v = Oe(this.cropper), m = p && Object.keys(p).length ? Di(p) : {
+          pageX: e.pageX,
+          pageY: e.pageY
+        };
+        r.left -= (h - n) * ((m.pageX - v.left - r.left) / n), r.top -= (c - s) * ((m.pageY - v.top - r.top) / s);
+      } else at(i) && w(i.x) && w(i.y) ? (r.left -= (h - n) * ((i.x - r.left) / n), r.top -= (c - s) * ((i.y - r.top) / s)) : (r.left -= (h - n) / 2, r.top -= (c - s) / 2);
+      r.width = h, r.height = c, this.renderCanvas(!0);
+    }
+    return this;
+  },
+  /**
+   * Rotate the canvas with a relative degree
+   * @param {number} degree - The rotate degree.
+   * @returns {Cropper} this
+   */
+  rotate: function(t) {
+    return this.rotateTo((this.imageData.rotate || 0) + Number(t));
+  },
+  /**
+   * Rotate the canvas to an absolute degree
+   * @param {number} degree - The rotate degree.
+   * @returns {Cropper} this
+   */
+  rotateTo: function(t) {
+    return t = Number(t), w(t) && this.ready && !this.disabled && this.options.rotatable && (this.imageData.rotate = t % 360, this.renderCanvas(!0, !0)), this;
+  },
+  /**
+   * Scale the image on the x-axis.
+   * @param {number} scaleX - The scale ratio on the x-axis.
+   * @returns {Cropper} this
+   */
+  scaleX: function(t) {
+    var i = this.imageData.scaleY;
+    return this.scale(t, w(i) ? i : 1);
+  },
+  /**
+   * Scale the image on the y-axis.
+   * @param {number} scaleY - The scale ratio on the y-axis.
+   * @returns {Cropper} this
+   */
+  scaleY: function(t) {
+    var i = this.imageData.scaleX;
+    return this.scale(w(i) ? i : 1, t);
+  },
+  /**
+   * Scale the image
+   * @param {number} scaleX - The scale ratio on the x-axis.
+   * @param {number} [scaleY=scaleX] - The scale ratio on the y-axis.
+   * @returns {Cropper} this
+   */
+  scale: function(t) {
+    var i = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : t, e = this.imageData, o = !1;
+    return t = Number(t), i = Number(i), this.ready && !this.disabled && this.options.scalable && (w(t) && (e.scaleX = t, o = !0), w(i) && (e.scaleY = i, o = !0), o && this.renderCanvas(!0, !0)), this;
+  },
+  /**
+   * Get the cropped area position and size data (base on the original image)
+   * @param {boolean} [rounded=false] - Indicate if round the data values or not.
+   * @returns {Object} The result cropped data.
+   */
+  getData: function() {
+    var t = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : !1, i = this.options, e = this.imageData, o = this.canvasData, r = this.cropBoxData, n;
+    if (this.ready && this.cropped) {
+      n = {
+        x: r.left - o.left,
+        y: r.top - o.top,
+        width: r.width,
+        height: r.height
+      };
+      var s = e.width / e.naturalWidth;
+      if (C(n, function(h, c) {
+        n[c] = h / s;
+      }), t) {
+        var d = Math.round(n.y + n.height), l = Math.round(n.x + n.width);
+        n.x = Math.round(n.x), n.y = Math.round(n.y), n.width = l - n.x, n.height = d - n.y;
+      }
+    } else
+      n = {
+        x: 0,
+        y: 0,
+        width: 0,
+        height: 0
+      };
+    return i.rotatable && (n.rotate = e.rotate || 0), i.scalable && (n.scaleX = e.scaleX || 1, n.scaleY = e.scaleY || 1), n;
+  },
+  /**
+   * Set the cropped area position and size with new data
+   * @param {Object} data - The new data.
+   * @returns {Cropper} this
+   */
+  setData: function(t) {
+    var i = this.options, e = this.imageData, o = this.canvasData, r = {};
+    if (this.ready && !this.disabled && at(t)) {
+      var n = !1;
+      i.rotatable && w(t.rotate) && t.rotate !== e.rotate && (e.rotate = t.rotate, n = !0), i.scalable && (w(t.scaleX) && t.scaleX !== e.scaleX && (e.scaleX = t.scaleX, n = !0), w(t.scaleY) && t.scaleY !== e.scaleY && (e.scaleY = t.scaleY, n = !0)), n && this.renderCanvas(!0, !0);
+      var s = e.width / e.naturalWidth;
+      w(t.x) && (r.left = t.x * s + o.left), w(t.y) && (r.top = t.y * s + o.top), w(t.width) && (r.width = t.width * s), w(t.height) && (r.height = t.height * s), this.setCropBoxData(r);
+    }
+    return this;
+  },
+  /**
+   * Get the container size data.
+   * @returns {Object} The result container data.
+   */
+  getContainerData: function() {
+    return this.ready ? D({}, this.containerData) : {};
+  },
+  /**
+   * Get the image position and size data.
+   * @returns {Object} The result image data.
+   */
+  getImageData: function() {
+    return this.sized ? D({}, this.imageData) : {};
+  },
+  /**
+   * Get the canvas position and size data.
+   * @returns {Object} The result canvas data.
+   */
+  getCanvasData: function() {
+    var t = this.canvasData, i = {};
+    return this.ready && C(["left", "top", "width", "height", "naturalWidth", "naturalHeight"], function(e) {
+      i[e] = t[e];
+    }), i;
+  },
+  /**
+   * Set the canvas position and size with new data.
+   * @param {Object} data - The new canvas data.
+   * @returns {Cropper} this
+   */
+  setCanvasData: function(t) {
+    var i = this.canvasData, e = i.aspectRatio;
+    return this.ready && !this.disabled && at(t) && (w(t.left) && (i.left = t.left), w(t.top) && (i.top = t.top), w(t.width) ? (i.width = t.width, i.height = t.width / e) : w(t.height) && (i.height = t.height, i.width = t.height * e), this.renderCanvas(!0)), this;
+  },
+  /**
+   * Get the crop box position and size data.
+   * @returns {Object} The result crop box data.
+   */
+  getCropBoxData: function() {
+    var t = this.cropBoxData, i;
+    return this.ready && this.cropped && (i = {
+      left: t.left,
+      top: t.top,
+      width: t.width,
+      height: t.height
+    }), i || {};
+  },
+  /**
+   * Set the crop box position and size with new data.
+   * @param {Object} data - The new crop box data.
+   * @returns {Cropper} this
+   */
+  setCropBoxData: function(t) {
+    var i = this.cropBoxData, e = this.options.aspectRatio, o, r;
+    return this.ready && this.cropped && !this.disabled && at(t) && (w(t.left) && (i.left = t.left), w(t.top) && (i.top = t.top), w(t.width) && t.width !== i.width && (o = !0, i.width = t.width), w(t.height) && t.height !== i.height && (r = !0, i.height = t.height), e && (o ? i.height = i.width / e : r && (i.width = i.height * e)), this.renderCropBox()), this;
+  },
+  /**
+   * Get a canvas drawn the cropped image.
+   * @param {Object} [options={}] - The config options.
+   * @returns {HTMLCanvasElement} - The result canvas.
+   */
+  getCroppedCanvas: function() {
+    var t = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
+    if (!this.ready || !window.HTMLCanvasElement)
+      return null;
+    var i = this.canvasData, e = Mi(this.image, this.imageData, i, t);
+    if (!this.cropped)
+      return e;
+    var o = this.getData(t.rounded), r = o.x, n = o.y, s = o.width, d = o.height, l = e.width / Math.floor(i.naturalWidth);
+    l !== 1 && (r *= l, n *= l, s *= l, d *= l);
+    var h = s / d, c = J({
+      aspectRatio: h,
+      width: t.maxWidth || 1 / 0,
+      height: t.maxHeight || 1 / 0
+    }), p = J({
+      aspectRatio: h,
+      width: t.minWidth || 0,
+      height: t.minHeight || 0
+    }, "cover"), v = J({
+      aspectRatio: h,
+      width: t.width || (l !== 1 ? e.width : s),
+      height: t.height || (l !== 1 ? e.height : d)
+    }), m = v.width, g = v.height;
+    m = Math.min(c.width, Math.max(p.width, m)), g = Math.min(c.height, Math.max(p.height, g));
+    var u = document.createElement("canvas"), E = u.getContext("2d");
+    u.width = nt(m), u.height = nt(g), E.fillStyle = t.fillColor || "transparent", E.fillRect(0, 0, m, g);
+    var M = t.imageSmoothingEnabled, y = M === void 0 ? !0 : M, B = t.imageSmoothingQuality;
+    E.imageSmoothingEnabled = y, B && (E.imageSmoothingQuality = B);
+    var A = e.width, f = e.height, b = r, T = n, k, X, $, q, U, W;
+    b <= -s || b > A ? (b = 0, k = 0, $ = 0, U = 0) : b <= 0 ? ($ = -b, b = 0, k = Math.min(A, s + b), U = k) : b <= A && ($ = 0, k = Math.min(s, A - b), U = k), k <= 0 || T <= -d || T > f ? (T = 0, X = 0, q = 0, W = 0) : T <= 0 ? (q = -T, T = 0, X = Math.min(f, d + T), W = X) : T <= f && (q = 0, X = Math.min(d, f - T), W = X);
+    var N = [b, T, k, X];
+    if (U > 0 && W > 0) {
+      var Q = m / s;
+      N.push($ * Q, q * Q, U * Q, W * Q);
+    }
+    return E.drawImage.apply(E, [e].concat(me(N.map(function(ut) {
+      return Math.floor(nt(ut));
+    })))), u;
+  },
+  /**
+   * Change the aspect ratio of the crop box.
+   * @param {number} aspectRatio - The new aspect ratio.
+   * @returns {Cropper} this
+   */
+  setAspectRatio: function(t) {
+    var i = this.options;
+    return !this.disabled && !Et(t) && (i.aspectRatio = Math.max(0, t) || NaN, this.ready && (this.initCropBox(), this.cropped && this.renderCropBox())), this;
+  },
+  /**
+   * Change the drag mode.
+   * @param {string} mode - The new drag mode.
+   * @returns {Cropper} this
+   */
+  setDragMode: function(t) {
+    var i = this.options, e = this.dragBox, o = this.face;
+    if (this.ready && !this.disabled) {
+      var r = t === zt, n = i.movable && t === ye;
+      t = r || n ? t : xe, i.dragMode = t, ft(e, dt, t), rt(e, Ot, r), rt(e, It, n), i.cropBoxMovable || (ft(o, dt, t), rt(o, Ot, r), rt(o, It, n));
+    }
+    return this;
+  }
+}, Pi = j.Cropper, Ae = /* @__PURE__ */ function() {
+  function a(t) {
+    var i = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
+    if (qe(this, a), !t || !li.test(t.tagName))
+      throw new Error("The first argument is required and must be an <img> or <canvas> element.");
+    this.element = t, this.options = D({}, re, at(i) && i), this.cropped = !1, this.disabled = !1, this.pointers = {}, this.ready = !1, this.reloading = !1, this.replaced = !1, this.sized = !1, this.sizing = !1, this.init();
+  }
+  return Qe(a, [{
+    key: "init",
+    value: function() {
+      var i = this.element, e = i.tagName.toLowerCase(), o;
+      if (!i[x]) {
+        if (i[x] = this, e === "img") {
+          if (this.isImg = !0, o = i.getAttribute("src") || "", this.originalUrl = o, !o)
+            return;
+          o = i.src;
+        } else e === "canvas" && window.HTMLCanvasElement && (o = i.toDataURL());
+        this.load(o);
+      }
+    }
+  }, {
+    key: "load",
+    value: function(i) {
+      var e = this;
+      if (i) {
+        this.url = i, this.imageData = {};
+        var o = this.element, r = this.options;
+        if (!r.rotatable && !r.scalable && (r.checkOrientation = !1), !r.checkOrientation || !window.ArrayBuffer) {
+          this.clone();
+          return;
+        }
+        if (hi.test(i)) {
+          ci.test(i) ? this.read(Oi(i)) : this.clone();
+          return;
+        }
+        var n = new XMLHttpRequest(), s = this.clone.bind(this);
+        this.reloading = !0, this.xhr = n, n.onabort = s, n.onerror = s, n.ontimeout = s, n.onprogress = function() {
+          n.getResponseHeader("content-type") !== ae && n.abort();
+        }, n.onload = function() {
+          e.read(n.response);
+        }, n.onloadend = function() {
+          e.reloading = !1, e.xhr = null;
+        }, r.checkCrossOrigin && oe(i) && o.crossOrigin && (i = se(i)), n.open("GET", i, !0), n.responseType = "arraybuffer", n.withCredentials = o.crossOrigin === "use-credentials", n.send();
+      }
+    }
+  }, {
+    key: "read",
+    value: function(i) {
+      var e = this.options, o = this.imageData, r = Ai(i), n = 0, s = 1, d = 1;
+      if (r > 1) {
+        this.url = Ii(i, ae);
+        var l = Ni(r);
+        n = l.rotate, s = l.scaleX, d = l.scaleY;
+      }
+      e.rotatable && (o.rotate = n), e.scalable && (o.scaleX = s, o.scaleY = d), this.clone();
+    }
+  }, {
+    key: "clone",
+    value: function() {
+      var i = this.element, e = this.url, o = i.crossOrigin, r = e;
+      this.options.checkCrossOrigin && oe(e) && (o || (o = "anonymous"), r = se(e)), this.crossOrigin = o, this.crossOriginUrl = r;
+      var n = document.createElement("img");
+      o && (n.crossOrigin = o), n.src = r || e, n.alt = i.alt || "The image to crop", this.image = n, n.onload = this.start.bind(this), n.onerror = this.stop.bind(this), O(n, $t), i.parentNode.insertBefore(n, i.nextSibling);
+    }
+  }, {
+    key: "start",
+    value: function() {
+      var i = this, e = this.image;
+      e.onload = null, e.onerror = null, this.sizing = !0;
+      var o = j.navigator && /(?:iPad|iPhone|iPod).*?AppleWebKit/i.test(j.navigator.userAgent), r = function(l, h) {
+        D(i.imageData, {
+          naturalWidth: l,
+          naturalHeight: h,
+          aspectRatio: l / h
+        }), i.initialImageData = D({}, i.imageData), i.sizing = !1, i.sized = !0, i.build();
+      };
+      if (e.naturalWidth && !o) {
+        r(e.naturalWidth, e.naturalHeight);
+        return;
+      }
+      var n = document.createElement("img"), s = document.body || document.documentElement;
+      this.sizingImage = n, n.onload = function() {
+        r(n.width, n.height), o || s.removeChild(n);
+      }, n.src = e.src, o || (n.style.cssText = "left:0;max-height:none!important;max-width:none!important;min-height:0!important;min-width:0!important;opacity:0;position:absolute;top:0;z-index:-1;", s.appendChild(n));
+    }
+  }, {
+    key: "stop",
+    value: function() {
+      var i = this.image;
+      i.onload = null, i.onerror = null, i.parentNode.removeChild(i), this.image = null;
+    }
+  }, {
+    key: "build",
+    value: function() {
+      if (!(!this.sized || this.ready)) {
+        var i = this.element, e = this.options, o = this.image, r = i.parentNode, n = document.createElement("div");
+        n.innerHTML = pi;
+        var s = n.querySelector(".".concat(x, "-container")), d = s.querySelector(".".concat(x, "-canvas")), l = s.querySelector(".".concat(x, "-drag-box")), h = s.querySelector(".".concat(x, "-crop-box")), c = h.querySelector(".".concat(x, "-face"));
+        this.container = r, this.cropper = s, this.canvas = d, this.dragBox = l, this.cropBox = h, this.viewBox = s.querySelector(".".concat(x, "-view-box")), this.face = c, d.appendChild(o), O(i, R), r.insertBefore(s, i.nextSibling), H(o, $t), this.initPreview(), this.bind(), e.initialAspectRatio = Math.max(0, e.initialAspectRatio) || NaN, e.aspectRatio = Math.max(0, e.aspectRatio) || NaN, e.viewMode = Math.max(0, Math.min(3, Math.round(e.viewMode))) || 0, O(h, R), e.guides || O(h.getElementsByClassName("".concat(x, "-dashed")), R), e.center || O(h.getElementsByClassName("".concat(x, "-center")), R), e.background && O(s, "".concat(x, "-bg")), e.highlight || O(c, ai), e.cropBoxMovable && (O(c, It), ft(c, dt, Pt)), e.cropBoxResizable || (O(h.getElementsByClassName("".concat(x, "-line")), R), O(h.getElementsByClassName("".concat(x, "-point")), R)), this.render(), this.ready = !0, this.setDragMode(e.dragMode), e.autoCrop && this.crop(), this.setData(e.data), S(e.ready) && L(i, te, e.ready, {
+          once: !0
+        }), ot(i, te);
+      }
+    }
+  }, {
+    key: "unbuild",
+    value: function() {
+      if (this.ready) {
+        this.ready = !1, this.unbind(), this.resetPreview();
+        var i = this.cropper.parentNode;
+        i && i.removeChild(this.cropper), H(this.element, R);
+      }
+    }
+  }, {
+    key: "uncreate",
+    value: function() {
+      this.ready ? (this.unbuild(), this.ready = !1, this.cropped = !1) : this.sizing ? (this.sizingImage.onload = null, this.sizing = !1, this.sized = !1) : this.reloading ? (this.xhr.onabort = null, this.xhr.abort()) : this.image && this.stop();
+    }
+    /**
+     * Get the no conflict cropper class.
+     * @returns {Cropper} The cropper class.
+     */
+  }], [{
+    key: "noConflict",
+    value: function() {
+      return window.Cropper = Pi, a;
+    }
+    /**
+     * Change the default options.
+     * @param {Object} options - The new default options.
+     */
+  }, {
+    key: "setDefaults",
+    value: function(i) {
+      D(re, at(i) && i);
+    }
+  }]);
+}();
+D(Ae.prototype, _i, Si, Ri, ki, Li, Bi);
+const zi = { style: { "text-align": "left" } }, Wi = { class: "cropper-warp" }, Yi = { class: "cropper-warp-left" }, Hi = ["src"], ji = { class: "cropper-warp-right" }, Xi = { class: "cropper-warp-right-item" }, Ui = { class: "cropper-warp-right-value" }, Vi = ["src"], Fi = { class: "cropper-warp-right-item" }, Gi = { class: "cropper-warp-right-value" }, Ji = ["src"], $i = { class: "dialog-footer" }, qi = /* @__PURE__ */ he({
+  __name: "index",
+  props: {
+    title: {
+      type: String,
+      default: () => ""
+    }
+  },
+  emits: ["submitImage", "deleteImage"],
+  setup(a, { expose: t, emit: i }) {
+    const e = i, o = wt(), r = Se({
+      isShowDialog: !1,
+      cropperImg: "",
+      cropperImgBase64: "",
+      cropper: null
+    }), n = (g) => {
+      r.cropperImg = g, r.isShowDialog = !0, ke(() => {
+        c();
+      });
+    }, s = () => {
+      var g;
+      (g = r.cropper) == null || g.destroy(), r.isShowDialog = !1;
+    }, d = () => {
+      s();
+    }, l = async () => {
+      const g = await p();
+      e("submitImage", { file: g }), s();
+    }, h = async () => {
+      e("deleteImage");
+    }, c = () => {
+      const g = document.querySelector(".cropper-warp-left-img");
+      g && g.setAttribute("crossOrigin", "anonymous"), r.cropper = new Ae(g, {
+        viewMode: 1,
+        dragMode: "none",
+        initialAspectRatio: 1,
+        aspectRatio: 1,
+        preview: ".before",
+        background: !0,
+        autoCropArea: 1,
+        // zoomOnWheel: false,
+        checkCrossOrigin: !1,
+        crop: () => {
+          r.cropperImgBase64 = r.cropper.getCroppedCanvas().toDataURL("image/jpeg");
+        }
+      });
+    }, p = () => new Promise((g) => {
+      r.cropper.getCroppedCanvas().toBlob((u) => {
+        g(u);
+      });
+    }), v = async (g) => {
+      let u = window.URL || window.webkitURL;
+      r.cropperImg = u.createObjectURL(g.raw), r.cropper.replace(r.cropperImg);
+    }, m = (g) => {
+      o.value.clearFiles();
+      const u = g[0];
+      u.uid = Ge(), o.value.handleStart(u);
+    };
+    return t({
+      openDialog: n
+    }), (g, u) => {
+      const E = it("ele-Edit"), M = it("el-icon"), y = it("el-button"), B = it("el-upload"), A = it("el-dialog");
+      return le(), ce("div", null, [
+        Y(A, {
+          modelValue: r.isShowDialog,
+          "onUpdate:modelValue": u[0] || (u[0] = (f) => r.isShowDialog = f),
+          width: "769px",
+          "before-close": d
+        }, {
+          header: z(() => [
+            I("div", zi, [
+              Y(M, {
+                size: "16",
+                style: { "margin-right": "3px", display: "inline", "vertical-align": "middle" }
+              }, {
+                default: z(() => [
+                  Y(E)
+                ]),
+                _: 1
+              }),
+              I("span", null, Re(a.title), 1)
+            ])
+          ]),
+          footer: z(() => [
+            I("span", $i, [
+              Y(B, {
+                class: "avatar-uploader",
+                ref_key: "uploadSignRef",
+                ref: o,
+                accept: ".jpg,.png",
+                limit: 1,
+                "show-file-list": !1,
+                "auto-upload": !1,
+                "on-change": v,
+                "on-exceed": m
+              }, {
+                trigger: z(() => [
+                  Y(y, {
+                    type: "info",
+                    icon: "ele-Picture"
+                  }, {
+                    default: z(() => u[4] || (u[4] = [
+                      gt("选择图片")
+                    ])),
+                    _: 1,
+                    __: [4]
+                  })
+                ]),
+                default: z(() => [
+                  Y(y, {
+                    onClick: h,
+                    type: "danger",
+                    icon: "ele-Picture",
+                    style: { "margin-left": "8px" }
+                  }, {
+                    default: z(() => u[5] || (u[5] = [
+                      gt("删除图片")
+                    ])),
+                    _: 1,
+                    __: [5]
+                  })
+                ]),
+                _: 1
+              }, 512),
+              I("div", null, [
+                Y(y, { onClick: d }, {
+                  default: z(() => u[6] || (u[6] = [
+                    gt("取 消")
+                  ])),
+                  _: 1,
+                  __: [6]
+                }),
+                Y(y, {
+                  type: "primary",
+                  onClick: l
+                }, {
+                  default: z(() => u[7] || (u[7] = [
+                    gt("确 定")
+                  ])),
+                  _: 1,
+                  __: [7]
+                })
+              ])
+            ])
+          ]),
+          default: z(() => [
+            I("div", Wi, [
+              I("div", Yi, [
+                I("img", {
+                  src: r.cropperImg,
+                  class: "cropper-warp-left-img"
+                }, null, 8, Hi)
+              ]),
+              I("div", ji, [
+                u[3] || (u[3] = I("div", { class: "cropper-warp-right-title" }, "预览", -1)),
+                I("div", Xi, [
+                  I("div", Ui, [
+                    I("img", {
+                      src: r.cropperImgBase64,
+                      class: "cropper-warp-right-value-img"
+                    }, null, 8, Vi)
+                  ]),
+                  u[1] || (u[1] = I("div", { class: "cropper-warp-right-label" }, "100 x 100", -1))
+                ]),
+                I("div", Fi, [
+                  I("div", Gi, [
+                    I("img", {
+                      src: r.cropperImgBase64,
+                      class: "cropper-warp-right-value-img cropper-size"
+                    }, null, 8, Ji)
+                  ]),
+                  u[2] || (u[2] = I("div", { class: "cropper-warp-right-label" }, "50 x 50", -1))
+                ])
+              ])
+            ])
+          ]),
+          _: 1
+        }, 8, ["modelValue"])
+      ]);
+    };
+  }
+}), Qi = /* @__PURE__ */ fe(qi, [["__scopeId", "data-v-6742e05e"]]);
+function na(a, t) {
+  return de({
+    url: a,
+    method: "post",
+    data: t,
+    headers: {
+      Authorization: "Bearer eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJVc2VySWQiOjEzMDAwMDAwMDAxMDEsIlRlbmFudElkIjoxMzAwMDAwMDAwMDAxLCJBY2NvdW50Ijoic3VwZXJhZG1pbiIsIlJlYWxOYW1lIjoi6LaF57qn566h55CG5ZGYIiwiQWNjb3VudFR5cGUiOjk5OSwiT3JnSWQiOjAsIk9yZ05hbWUiOm51bGwsIk9yZ1R5cGUiOm51bGwsImlhdCI6MTc0OTcwOTM0NCwibmJmIjoxNzQ5NzA5MzQ0LCJleHAiOjE3NTAzMTQxNDQsImlzcyI6IkFkbWluLk5FVCIsImF1ZCI6IkFkbWluLk5FVCJ9.ITuVhBJHidiyS-D-3suoiot2YtjgKbj6x_YcN1NquW4",
+      "Content-Type": "multipart/form-data"
+    }
+  });
+}
+function Zi(a, t) {
+  return de({
+    url: a,
+    method: "post",
+    data: t,
+    headers: {
+      Authorization: "Bearer eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJVc2VySWQiOjEzMDAwMDAwMDAxMDEsIlRlbmFudElkIjoxMzAwMDAwMDAwMDAxLCJBY2NvdW50Ijoic3VwZXJhZG1pbiIsIlJlYWxOYW1lIjoi6LaF57qn566h55CG5ZGYIiwiQWNjb3VudFR5cGUiOjk5OSwiT3JnSWQiOjAsIk9yZ05hbWUiOm51bGwsIk9yZ1R5cGUiOm51bGwsImlhdCI6MTc0OTcwOTM0NCwibmJmIjoxNzQ5NzA5MzQ0LCJleHAiOjE3NTAzMTQxNDQsImlzcyI6IkFkbWluLk5FVCIsImF1ZCI6IkFkbWluLk5FVCJ9.ITuVhBJHidiyS-D-3suoiot2YtjgKbj6x_YcN1NquW4"
+    }
+  });
+}
+const Ki = /* @__PURE__ */ he({
+  __name: "index",
+  props: {
+    apiUrl: {
+      type: Object,
+      default: {}
+    }
+  },
+  emits: ["submitImage", "deleteImage"],
+  setup(a, { emit: t }) {
+    const i = a, e = wt(""), o = wt(""), r = wt(), n = t, s = () => {
+      var h;
+      (h = r.value) == null || h.openDialog("");
+    }, d = async (h) => {
+      n("submitImage", h);
+    }, l = async () => {
+      var h, c;
+      try {
+        if (console.log(1212, e.value), !e.value) return;
+        const p = await Zi((h = i.apiUrl) == null ? void 0 : h.delete, { id: o.value });
+        ((c = p == null ? void 0 : p.data) == null ? void 0 : c.code) === 200 && n("deleteImage", !0);
+      } catch (p) {
+        Ye.error(p);
+      }
+    };
+    return (h, c) => {
+      const p = it("el-avatar");
+      return le(), ce(Le, null, [
+        Y(p, {
+          src: e.value,
+          onClick: s,
+          class: "avatar-wrap",
+          fit: "contain"
+        }, {
+          default: z(() => [
+            Be(h.$slots, "avatarDefault", {}, void 0, !0)
+          ]),
+          _: 3
+        }, 8, ["src"]),
+        Y(Qi, {
+          ref_key: "cropperDialogRef",
+          ref: r,
+          title: "更改头像",
+          onSubmitImage: d,
+          onDeleteImage: l
+        }, null, 512)
+      ], 64);
+    };
+  }
+}), oa = /* @__PURE__ */ fe(Ki, [["__scopeId", "data-v-d651400f"]]);
+export {
+  oa as A,
+  na as u
+};