hs-admin-ui 2.7.2 → 2.7.4

package/dist/{uploadAvatar-CLXg17cE.mjs → uploadAvatar-CdmSPBZY.mjs}

@@ -1,85 +1,7 @@
-import { openBlock as O, createElementBlock as Y, withDirectives as T, createElementVNode as w, normalizeStyle as M, vShow as k, createCommentVNode as I, normalizeClass as U, toDisplayString as A, defineComponent as F, ref as S, onMounted as N, toRefs as D, reactive as j, resolveComponent as H, createVNode as v, withCtx as x, unref as b, createTextVNode as L } from "vue";
-import { _ as B, W as V, d as z, X as q } from "./index-BZ9rYml1.mjs";
-const P = {};
-P.getData = (t) => new Promise((e, i) => {
-  let s = {};
-  G(t).then((o) => {
-    s.arrayBuffer = o;
-    try {
-      s.orientation = Q(o);
-    } catch {
-      s.orientation = -1;
-    }
-    e(s);
-  }).catch((o) => {
-    i(o);
-  });
-});
-function G(t) {
-  let e = null;
-  return new Promise((i, s) => {
-    if (t.src)
-      if (/^data\:/i.test(t.src))
-        e = J(t.src), i(e);
-      else if (/^blob\:/i.test(t.src)) {
-        var o = new FileReader();
-        o.onload = function(h) {
-          e = h.target.result, i(e);
-        }, Z(t.src, function(h) {
-          o.readAsArrayBuffer(h);
-        });
-      } else {
-        var r = new XMLHttpRequest();
-        r.onload = function() {
-          if (this.status == 200 || this.status === 0)
-            e = r.response, i(e);
-          else
-            throw "Could not load image";
-          r = null;
-        }, r.open("GET", t.src, !0), r.responseType = "arraybuffer", r.send(null);
-      }
-    else
-      s("img error");
-  });
-}
-function Z(t, e) {
-  var i = new XMLHttpRequest();
-  i.open("GET", t, !0), i.responseType = "blob", i.onload = function(s) {
-    (this.status == 200 || this.status === 0) && e(this.response);
-  }, i.send();
-}
-function J(t, e) {
-  e = e || t.match(/^data\:([^\;]+)\;base64,/mi)[1] || "", t = t.replace(/^data\:([^\;]+)\;base64,/gmi, "");
-  for (var i = atob(t), s = i.length % 2 == 0 ? i.length : i.length + 1, o = new ArrayBuffer(s), r = new Uint16Array(o), h = 0; h < s; h++)
-    r[h] = i.charCodeAt(h);
-  return o;
-}
-function K(t, e, i) {
-  var s = "", o;
-  for (o = e, i += e; o < i; o++)
-    s += String.fromCharCode(t.getUint8(o));
-  return s;
-}
-function Q(t) {
-  var e = new DataView(t), i = e.byteLength, s, o, r, h, n, c, l, a, p, u;
-  if (e.getUint8(0) === 255 && e.getUint8(1) === 216)
-    for (p = 2; p < i; ) {
-      if (e.getUint8(p) === 255 && e.getUint8(p + 1) === 225) {
-        l = p;
-        break;
-      }
-      p++;
-    }
-  if (l && (o = l + 4, r = l + 10, K(e, o, 4) === "Exif" && (c = e.getUint16(r), n = c === 18761, (n || c === 19789) && e.getUint16(r + 2, n) === 42 && (h = e.getUint32(r + 4, n), h >= 8 && (a = r + h)))), a) {
-    for (i = e.getUint16(a, n), u = 0; u < i; u++)
-      if (p = a + u * 12 + 2, e.getUint16(p, n) === 274) {
-        p += 8, s = e.getUint16(p, n);
-        break;
-      }
-  }
-  return s;
-}
-const _ = {
+import { openBlock as O, createElementBlock as Y, withDirectives as T, createElementVNode as w, normalizeStyle as M, vShow as k, createCommentVNode as I, normalizeClass as R, toDisplayString as N, defineComponent as F, ref as S, onMounted as z, toRefs as D, reactive as U, resolveComponent as X, createVNode as v, withCtx as x, unref as b, createTextVNode as L } from "vue";
+import { E as j } from "./uploadAvatar.vue_vue_type_style_index_0_scoped_99513ec9_lang-Dmzfac6b.mjs";
+import { _ as B, V, d as A, W as q } from "./index-Dx9H-HyV.mjs";
+const G = {
   data: function() {
     return {
       // 容器高宽
@@ -339,54 +261,54 @@ const _ = {
     getVersion(t) {
       var e = navigator.userAgent.split(" "), i = "";
       let s = 0;
-      const o = new RegExp(t, "i");
+      const h = new RegExp(t, "i");
       for (var r = 0; r < e.length; r++)
-        o.test(e[r]) && (i = e[r]);
+        h.test(e[r]) && (i = e[r]);
       return i ? s = i.split("/")[1].split(".") : s = ["0", "0", "0"], s;
     },
     checkOrientationImage(t, e, i, s) {
       if (this.getVersion("chrome")[0] >= 81)
         e = -1;
       else if (this.getVersion("safari")[0] >= 605) {
-        const h = this.getVersion("version");
-        h[0] > 13 && h[1] > 1 && (e = -1);
+        const o = this.getVersion("version");
+        o[0] > 13 && o[1] > 1 && (e = -1);
       } else {
-        const h = navigator.userAgent.toLowerCase().match(/cpu iphone os (.*?) like mac os/);
-        if (h) {
-          let n = h[1];
-          n = n.split("_"), (n[0] > 13 || n[0] >= 13 && n[1] >= 4) && (e = -1);
+        const o = navigator.userAgent.toLowerCase().match(/cpu iphone os (.*?) like mac os/);
+        if (o) {
+          let l = o[1];
+          l = l.split("_"), (l[0] > 13 || l[0] >= 13 && l[1] >= 4) && (e = -1);
         }
       }
-      let o = document.createElement("canvas"), r = o.getContext("2d");
+      let h = document.createElement("canvas"), r = h.getContext("2d");
       switch (r.save(), e) {
         case 2:
-          o.width = i, o.height = s, r.translate(i, 0), r.scale(-1, 1);
+          h.width = i, h.height = s, r.translate(i, 0), r.scale(-1, 1);
           break;
         case 3:
-          o.width = i, o.height = s, r.translate(i / 2, s / 2), r.rotate(180 * Math.PI / 180), r.translate(-i / 2, -s / 2);
+          h.width = i, h.height = s, r.translate(i / 2, s / 2), r.rotate(180 * Math.PI / 180), r.translate(-i / 2, -s / 2);
           break;
         case 4:
-          o.width = i, o.height = s, r.translate(0, s), r.scale(1, -1);
+          h.width = i, h.height = s, r.translate(0, s), r.scale(1, -1);
           break;
         case 5:
-          o.height = i, o.width = s, r.rotate(0.5 * Math.PI), r.scale(1, -1);
+          h.height = i, h.width = s, r.rotate(0.5 * Math.PI), r.scale(1, -1);
           break;
         case 6:
-          o.width = s, o.height = i, r.translate(s / 2, i / 2), r.rotate(90 * Math.PI / 180), r.translate(-i / 2, -s / 2);
+          h.width = s, h.height = i, r.translate(s / 2, i / 2), r.rotate(90 * Math.PI / 180), r.translate(-i / 2, -s / 2);
           break;
         case 7:
-          o.height = i, o.width = s, r.rotate(0.5 * Math.PI), r.translate(i, -s), r.scale(-1, 1);
+          h.height = i, h.width = s, r.rotate(0.5 * Math.PI), r.translate(i, -s), r.scale(-1, 1);
           break;
         case 8:
-          o.height = i, o.width = s, r.translate(s / 2, i / 2), r.rotate(-90 * Math.PI / 180), r.translate(-i / 2, -s / 2);
+          h.height = i, h.width = s, r.translate(s / 2, i / 2), r.rotate(-90 * Math.PI / 180), r.translate(-i / 2, -s / 2);
           break;
         default:
-          o.width = i, o.height = s;
+          h.width = i, h.height = s;
       }
-      r.drawImage(t, 0, 0, i, s), r.restore(), o.toBlob(
-        (h) => {
-          let n = URL.createObjectURL(h);
-          URL.revokeObjectURL(this.imgs), this.imgs = n;
+      r.drawImage(t, 0, 0, i, s), r.restore(), h.toBlob(
+        (o) => {
+          let l = URL.createObjectURL(o);
+          URL.revokeObjectURL(this.imgs), this.imgs = l;
         },
         "image/" + this.outputType,
         1
@@ -404,16 +326,16 @@ const _ = {
         if (this.img === "")
           return this.$emit("imgLoad", "error"), this.$emit("img-load", "error"), this.$emit("img-load", new Error("图片不能为空")), !1;
         let i = t.width, s = t.height;
-        P.getData(t).then((o) => {
-          this.orientation = o.orientation || 1;
+        j.getData(t).then((h) => {
+          this.orientation = h.orientation || 1;
           let r = Number(this.maxImgSize);
           if (!this.orientation && i < r & s < r) {
             this.imgs = this.img;
             return;
           }
           i > r && (s = s / i * r, i = r), s > r && (i = i / s * r, s = r), this.checkOrientationImage(t, this.orientation, i, s);
-        }).catch((o) => {
-          this.$emit("img-load", "error"), this.$emit("img-load-error", o);
+        }).catch((h) => {
+          this.$emit("img-load", "error"), this.$emit("img-load-error", h);
         });
       }, t.onerror = () => {
         this.$emit("imgLoad", "error"), this.$emit("img-load", "error"), this.$emit("img-load-error", error);
@@ -451,21 +373,21 @@ const _ = {
       }, s = {
         x: t.touches[0].clientX,
         y: t.touches[0].clientY
-      }, o = {
+      }, h = {
         x: this.touches[1].clientX,
         y: this.touches[1].clientY
       }, r = {
         x: t.touches[1].clientX,
         y: t.touches[1].clientY
-      }, h = Math.sqrt(
-        Math.pow(i.x - o.x, 2) + Math.pow(i.y - o.y, 2)
-      ), n = Math.sqrt(
+      }, o = Math.sqrt(
+        Math.pow(i.x - h.x, 2) + Math.pow(i.y - h.y, 2)
+      ), l = Math.sqrt(
         Math.pow(s.x - r.x, 2) + Math.pow(s.y - r.y, 2)
-      ), c = n - h, l = 1;
-      l = l / this.trueWidth > l / this.trueHeight ? l / this.trueHeight : l / this.trueWidth, l = l > 0.1 ? 0.1 : l;
-      var a = l * c;
+      ), n = l - o, c = 1;
+      c = c / this.trueWidth > c / this.trueHeight ? c / this.trueHeight : c / this.trueWidth, c = c > 0.1 ? 0.1 : c;
+      var a = c * n;
       if (!this.touchNow) {
-        if (this.touchNow = !0, c > 0 ? e += Math.abs(a) : c < 0 && e > Math.abs(a) && (e -= Math.abs(a)), this.touches = t.touches, setTimeout(() => {
+        if (this.touchNow = !0, n > 0 ? e += Math.abs(a) : n < 0 && e > Math.abs(a) && (e -= Math.abs(a)), this.touches = t.touches, setTimeout(() => {
           this.touchNow = !1;
         }, 8), !this.checkoutImgAxis(this.x, this.y, e))
           return !1;
@@ -479,24 +401,24 @@ const _ = {
     moveImg(t) {
       if (t.preventDefault(), t.touches && t.touches.length === 2)
         return this.touches = t.touches, window.addEventListener("touchmove", this.touchScale), window.addEventListener("touchend", this.cancelTouchScale), window.removeEventListener("touchmove", this.moveImg), !1;
-      let e = "clientX" in t ? t.clientX : t.touches[0].clientX, i = "clientY" in t ? t.clientY : t.touches[0].clientY, s, o;
-      s = e - this.moveX, o = i - this.moveY, this.$nextTick(() => {
+      let e = "clientX" in t ? t.clientX : t.touches[0].clientX, i = "clientY" in t ? t.clientY : t.touches[0].clientY, s, h;
+      s = e - this.moveX, h = i - this.moveY, this.$nextTick(() => {
         if (this.centerBox) {
-          let r = this.getImgAxis(s, o, this.scale), h = this.getCropAxis(), n = this.trueHeight * this.scale, c = this.trueWidth * this.scale, l, a, p, u;
+          let r = this.getImgAxis(s, h, this.scale), o = this.getCropAxis(), l = this.trueHeight * this.scale, n = this.trueWidth * this.scale, c, a, u, d;
           switch (this.rotate) {
             case 1:
             case -1:
             case 3:
             case -3:
-              l = this.cropOffsertX - this.trueWidth * (1 - this.scale) / 2 + (n - c) / 2, a = this.cropOffsertY - this.trueHeight * (1 - this.scale) / 2 + (c - n) / 2, p = l - n + this.cropW, u = a - c + this.cropH;
+              c = this.cropOffsertX - this.trueWidth * (1 - this.scale) / 2 + (l - n) / 2, a = this.cropOffsertY - this.trueHeight * (1 - this.scale) / 2 + (n - l) / 2, u = c - l + this.cropW, d = a - n + this.cropH;
               break;
             default:
-              l = this.cropOffsertX - this.trueWidth * (1 - this.scale) / 2, a = this.cropOffsertY - this.trueHeight * (1 - this.scale) / 2, p = l - c + this.cropW, u = a - n + this.cropH;
+              c = this.cropOffsertX - this.trueWidth * (1 - this.scale) / 2, a = this.cropOffsertY - this.trueHeight * (1 - this.scale) / 2, u = c - n + this.cropW, d = a - l + this.cropH;
               break;
           }
-          r.x1 >= h.x1 && (s = l), r.y1 >= h.y1 && (o = a), r.x2 <= h.x2 && (s = p), r.y2 <= h.y2 && (o = u);
+          r.x1 >= o.x1 && (s = c), r.y1 >= o.y1 && (h = a), r.x2 <= o.x2 && (s = u), r.y2 <= o.y2 && (h = d);
         }
-        this.x = s, this.y = o, this.$emit("imgMoving", {
+        this.x = s, this.y = h, this.$emit("imgMoving", {
           moving: !0,
           axis: this.getImgAxis()
         }), this.$emit("img-moving", {
@@ -529,12 +451,12 @@ const _ = {
       let e = this.scale;
       var i = t.deltaY || t.wheelDelta, s = navigator.userAgent.indexOf("Firefox");
       i = s > 0 ? i * 30 : i, this.isIE && (i = -i);
-      var o = this.coe;
-      o = o / this.trueWidth > o / this.trueHeight ? o / this.trueHeight : o / this.trueWidth;
-      var r = o * i;
+      var h = this.coe;
+      h = h / this.trueWidth > h / this.trueHeight ? h / this.trueHeight : h / this.trueWidth;
+      var r = h * i;
       r < 0 ? e += Math.abs(r) : e > Math.abs(r) && (e -= Math.abs(r));
-      let h = r < 0 ? "add" : "reduce";
-      if (h !== this.coeStatus && (this.coeStatus = h, this.coe = 0.2), this.scaling || (this.scalingSet = setTimeout(() => {
+      let o = r < 0 ? "add" : "reduce";
+      if (o !== this.coeStatus && (this.coeStatus = o, this.coe = 0.2), this.scaling || (this.scalingSet = setTimeout(() => {
         this.scaling = !1, this.coe = this.coe += 0.01;
       }, 50)), this.scaling = !0, !this.checkoutImgAxis(this.x, this.y, e))
         return !1;
@@ -554,9 +476,9 @@ const _ = {
       t.preventDefault();
       var e = "clientX" in t ? t.clientX : t.touches ? t.touches[0].clientX : 0, i = "clientY" in t ? t.clientY : t.touches ? t.touches[0].clientY : 0;
       this.$nextTick(() => {
-        var s = e - this.cropX, o = i - this.cropY;
+        var s = e - this.cropX, h = i - this.cropY;
         if (s > 0 ? (this.cropW = s + this.cropChangeX > this.w ? this.w - this.cropChangeX : s, this.cropOffsertX = this.cropChangeX) : (this.cropW = this.w - this.cropChangeX + Math.abs(s) > this.w ? this.cropChangeX : Math.abs(s), this.cropOffsertX = this.cropChangeX + s > 0 ? this.cropChangeX + s : 0), !this.fixed)
-          o > 0 ? (this.cropH = o + this.cropChangeY > this.h ? this.h - this.cropChangeY : o, this.cropOffsertY = this.cropChangeY) : (this.cropH = this.h - this.cropChangeY + Math.abs(o) > this.h ? this.cropChangeY : Math.abs(o), this.cropOffsertY = this.cropChangeY + o > 0 ? this.cropChangeY + o : 0);
+          h > 0 ? (this.cropH = h + this.cropChangeY > this.h ? this.h - this.cropChangeY : h, this.cropOffsertY = this.cropChangeY) : (this.cropH = this.h - this.cropChangeY + Math.abs(h) > this.h ? this.cropChangeY : Math.abs(h), this.cropOffsertY = this.cropChangeY + h > 0 ? this.cropChangeY + h : 0);
         else {
           var r = this.cropW / this.fixedNumber[0] * this.fixedNumber[1];
           r + this.cropOffsertY > this.h ? (this.cropH = this.h - this.cropOffsertY, this.cropW = this.cropH / this.fixedNumber[1] * this.fixedNumber[0], s > 0 ? this.cropOffsertX = this.cropChangeX : this.cropOffsertX = this.cropChangeX - this.cropW) : this.cropH = r, this.cropOffsertY = this.cropOffsertY;
@@ -564,8 +486,8 @@ const _ = {
       });
     },
     // 改变截图框大小
-    changeCropSize(t, e, i, s, o) {
-      t.preventDefault(), window.addEventListener("mousemove", this.changeCropNow), window.addEventListener("mouseup", this.changeCropEnd), window.addEventListener("touchmove", this.changeCropNow), window.addEventListener("touchend", this.changeCropEnd), this.canChangeX = e, this.canChangeY = i, this.changeCropTypeX = s, this.changeCropTypeY = o, this.cropX = "clientX" in t ? t.clientX : t.touches[0].clientX, this.cropY = "clientY" in t ? t.clientY : t.touches[0].clientY, this.cropOldW = this.cropW, this.cropOldH = this.cropH, this.cropChangeX = this.cropOffsertX, this.cropChangeY = this.cropOffsertY, this.fixed && this.canChangeX && this.canChangeY && (this.canChangeY = 0), this.$emit("changeCropSize", {
+    changeCropSize(t, e, i, s, h) {
+      t.preventDefault(), window.addEventListener("mousemove", this.changeCropNow), window.addEventListener("mouseup", this.changeCropEnd), window.addEventListener("touchmove", this.changeCropNow), window.addEventListener("touchend", this.changeCropEnd), this.canChangeX = e, this.canChangeY = i, this.changeCropTypeX = s, this.changeCropTypeY = h, this.cropX = "clientX" in t ? t.clientX : t.touches[0].clientX, this.cropY = "clientY" in t ? t.clientY : t.touches[0].clientY, this.cropOldW = this.cropW, this.cropOldH = this.cropH, this.cropChangeX = this.cropOffsertX, this.cropChangeY = this.cropOffsertY, this.fixed && this.canChangeX && this.canChangeY && (this.canChangeY = 0), this.$emit("changeCropSize", {
         width: this.cropW,
         height: this.cropH
       }), this.$emit("change-crop-size", {
@@ -577,21 +499,21 @@ const _ = {
     changeCropNow(t) {
       t.preventDefault();
       var e = "clientX" in t ? t.clientX : t.touches ? t.touches[0].clientX : 0, i = "clientY" in t ? t.clientY : t.touches ? t.touches[0].clientY : 0;
-      let s = this.w, o = this.h, r = 0, h = 0;
+      let s = this.w, h = this.h, r = 0, o = 0;
       if (this.centerBox) {
-        let l = this.getImgAxis(), a = l.x2, p = l.y2;
-        r = l.x1 > 0 ? l.x1 : 0, h = l.y1 > 0 ? l.y1 : 0, s > a && (s = a), o > p && (o = p);
+        let c = this.getImgAxis(), a = c.x2, u = c.y2;
+        r = c.x1 > 0 ? c.x1 : 0, o = c.y1 > 0 ? c.y1 : 0, s > a && (s = a), h > u && (h = u);
       }
-      const [n, c] = this.checkCropLimitSize();
+      const [l, n] = this.checkCropLimitSize();
       this.$nextTick(() => {
-        var l = e - this.cropX, a = i - this.cropY;
-        if (this.canChangeX && (this.changeCropTypeX === 1 ? this.cropOldW - l < n ? (this.cropW = n, this.cropOffsertX = this.cropOldW + this.cropChangeX - r - n) : this.cropOldW - l > 0 ? (this.cropW = s - this.cropChangeX - l <= s - r ? this.cropOldW - l : this.cropOldW + this.cropChangeX - r, this.cropOffsertX = s - this.cropChangeX - l <= s - r ? this.cropChangeX + l : r) : (this.cropW = Math.abs(l) + this.cropChangeX <= s ? Math.abs(l) - this.cropOldW : s - this.cropOldW - this.cropChangeX, this.cropOffsertX = this.cropChangeX + this.cropOldW) : this.changeCropTypeX === 2 && (this.cropOldW + l < n ? this.cropW = n : this.cropOldW + l > 0 ? (this.cropW = this.cropOldW + l + this.cropOffsertX <= s ? this.cropOldW + l : s - this.cropOffsertX, this.cropOffsertX = this.cropChangeX) : (this.cropW = s - this.cropChangeX + Math.abs(l + this.cropOldW) <= s - r ? Math.abs(l + this.cropOldW) : this.cropChangeX - r, this.cropOffsertX = s - this.cropChangeX + Math.abs(l + this.cropOldW) <= s - r ? this.cropChangeX - Math.abs(l + this.cropOldW) : r))), this.canChangeY && (this.changeCropTypeY === 1 ? this.cropOldH - a < c ? (this.cropH = c, this.cropOffsertY = this.cropOldH + this.cropChangeY - h - c) : this.cropOldH - a > 0 ? (this.cropH = o - this.cropChangeY - a <= o - h ? this.cropOldH - a : this.cropOldH + this.cropChangeY - h, this.cropOffsertY = o - this.cropChangeY - a <= o - h ? this.cropChangeY + a : h) : (this.cropH = Math.abs(a) + this.cropChangeY <= o ? Math.abs(a) - this.cropOldH : o - this.cropOldH - this.cropChangeY, this.cropOffsertY = this.cropChangeY + this.cropOldH) : this.changeCropTypeY === 2 && (this.cropOldH + a < c ? this.cropH = c : this.cropOldH + a > 0 ? (this.cropH = this.cropOldH + a + this.cropOffsertY <= o ? this.cropOldH + a : o - this.cropOffsertY, this.cropOffsertY = this.cropChangeY) : (this.cropH = o - this.cropChangeY + Math.abs(a + this.cropOldH) <= o - h ? Math.abs(a + this.cropOldH) : this.cropChangeY - h, this.cropOffsertY = o - this.cropChangeY + Math.abs(a + this.cropOldH) <= o - h ? this.cropChangeY - Math.abs(a + this.cropOldH) : h))), this.canChangeX && this.fixed) {
-          var p = this.cropW / this.fixedNumber[0] * this.fixedNumber[1];
-          p < c ? (this.cropH = c, this.cropW = this.fixedNumber[0] * c / this.fixedNumber[1], this.changeCropTypeX === 1 && (this.cropOffsertX = this.cropChangeX + (this.cropOldW - this.cropW))) : p + this.cropOffsertY > o ? (this.cropH = o - this.cropOffsertY, this.cropW = this.cropH / this.fixedNumber[1] * this.fixedNumber[0], this.changeCropTypeX === 1 && (this.cropOffsertX = this.cropChangeX + (this.cropOldW - this.cropW))) : this.cropH = p;
+        var c = e - this.cropX, a = i - this.cropY;
+        if (this.canChangeX && (this.changeCropTypeX === 1 ? this.cropOldW - c < l ? (this.cropW = l, this.cropOffsertX = this.cropOldW + this.cropChangeX - r - l) : this.cropOldW - c > 0 ? (this.cropW = s - this.cropChangeX - c <= s - r ? this.cropOldW - c : this.cropOldW + this.cropChangeX - r, this.cropOffsertX = s - this.cropChangeX - c <= s - r ? this.cropChangeX + c : r) : (this.cropW = Math.abs(c) + this.cropChangeX <= s ? Math.abs(c) - this.cropOldW : s - this.cropOldW - this.cropChangeX, this.cropOffsertX = this.cropChangeX + this.cropOldW) : this.changeCropTypeX === 2 && (this.cropOldW + c < l ? this.cropW = l : this.cropOldW + c > 0 ? (this.cropW = this.cropOldW + c + this.cropOffsertX <= s ? this.cropOldW + c : s - this.cropOffsertX, this.cropOffsertX = this.cropChangeX) : (this.cropW = s - this.cropChangeX + Math.abs(c + this.cropOldW) <= s - r ? Math.abs(c + this.cropOldW) : this.cropChangeX - r, this.cropOffsertX = s - this.cropChangeX + Math.abs(c + this.cropOldW) <= s - r ? this.cropChangeX - Math.abs(c + this.cropOldW) : r))), this.canChangeY && (this.changeCropTypeY === 1 ? this.cropOldH - a < n ? (this.cropH = n, this.cropOffsertY = this.cropOldH + this.cropChangeY - o - n) : this.cropOldH - a > 0 ? (this.cropH = h - this.cropChangeY - a <= h - o ? this.cropOldH - a : this.cropOldH + this.cropChangeY - o, this.cropOffsertY = h - this.cropChangeY - a <= h - o ? this.cropChangeY + a : o) : (this.cropH = Math.abs(a) + this.cropChangeY <= h ? Math.abs(a) - this.cropOldH : h - this.cropOldH - this.cropChangeY, this.cropOffsertY = this.cropChangeY + this.cropOldH) : this.changeCropTypeY === 2 && (this.cropOldH + a < n ? this.cropH = n : this.cropOldH + a > 0 ? (this.cropH = this.cropOldH + a + this.cropOffsertY <= h ? this.cropOldH + a : h - this.cropOffsertY, this.cropOffsertY = this.cropChangeY) : (this.cropH = h - this.cropChangeY + Math.abs(a + this.cropOldH) <= h - o ? Math.abs(a + this.cropOldH) : this.cropChangeY - o, this.cropOffsertY = h - this.cropChangeY + Math.abs(a + this.cropOldH) <= h - o ? this.cropChangeY - Math.abs(a + this.cropOldH) : o))), this.canChangeX && this.fixed) {
+          var u = this.cropW / this.fixedNumber[0] * this.fixedNumber[1];
+          u < n ? (this.cropH = n, this.cropW = this.fixedNumber[0] * n / this.fixedNumber[1], this.changeCropTypeX === 1 && (this.cropOffsertX = this.cropChangeX + (this.cropOldW - this.cropW))) : u + this.cropOffsertY > h ? (this.cropH = h - this.cropOffsertY, this.cropW = this.cropH / this.fixedNumber[1] * this.fixedNumber[0], this.changeCropTypeX === 1 && (this.cropOffsertX = this.cropChangeX + (this.cropOldW - this.cropW))) : this.cropH = u;
         }
         if (this.canChangeY && this.fixed) {
-          var u = this.cropH / this.fixedNumber[1] * this.fixedNumber[0];
-          u < n ? (this.cropW = n, this.cropH = this.fixedNumber[1] * n / this.fixedNumber[0]) : u + this.cropOffsertX > s ? (this.cropW = s - this.cropOffsertX, this.cropH = this.cropW / this.fixedNumber[0] * this.fixedNumber[1]) : this.cropW = u;
+          var d = this.cropH / this.fixedNumber[1] * this.fixedNumber[0];
+          d < l ? (this.cropW = l, this.cropH = this.fixedNumber[1] * l / this.fixedNumber[0]) : d + this.cropOffsertX > s ? (this.cropW = s - this.cropOffsertX, this.cropH = this.cropW / this.fixedNumber[0] * this.fixedNumber[1]) : this.cropW = d;
         }
         this.$emit("cropSizing", { cropW: this.cropW, cropH: this.cropH }), this.$emit("crop-sizing", { cropW: this.cropW, cropH: this.cropH });
       });
@@ -605,10 +527,10 @@ const _ = {
       window.removeEventListener("mousemove", this.changeCropNow), window.removeEventListener("mouseup", this.changeCropEnd), window.removeEventListener("touchmove", this.changeCropNow), window.removeEventListener("touchend", this.changeCropEnd);
     },
     // 根据比例x/y，最小宽度，最小高度，现有宽度，现有高度，得到应该有的宽度和高度
-    calculateSize(t, e, i, s, o, r) {
-      const h = t / e;
-      let n = o, c = r;
-      return n < i && (n = i, c = Math.ceil(n / h)), c < s && (c = s, n = Math.ceil(c * h), n < i && (n = i, c = Math.ceil(n / h))), n < o && (n = o, c = Math.ceil(n / h)), c < r && (c = r, n = Math.ceil(c * h)), { width: n, height: c };
+    calculateSize(t, e, i, s, h, r) {
+      const o = t / e;
+      let l = h, n = r;
+      return l < i && (l = i, n = Math.ceil(l / o)), n < s && (n = s, l = Math.ceil(n * o), l < i && (l = i, n = Math.ceil(l / o))), l < h && (l = h, n = Math.ceil(l / o)), n < r && (n = r, l = Math.ceil(n * o)), { width: l, height: n };
     },
     // 创建完成
     endCrop() {
@@ -643,8 +565,8 @@ const _ = {
       if (t.touches && t.touches.length === 2)
         return this.crop = !1, this.startMove(t), this.leaveCrop(), !1;
       window.addEventListener("mousemove", this.moveCrop), window.addEventListener("mouseup", this.leaveCrop), window.addEventListener("touchmove", this.moveCrop), window.addEventListener("touchend", this.leaveCrop);
-      let e = "clientX" in t ? t.clientX : t.touches[0].clientX, i = "clientY" in t ? t.clientY : t.touches[0].clientY, s, o;
-      s = e - this.cropOffsertX, o = i - this.cropOffsertY, this.cropX = s, this.cropY = o, this.$emit("cropMoving", {
+      let e = "clientX" in t ? t.clientX : t.touches[0].clientX, i = "clientY" in t ? t.clientY : t.touches[0].clientY, s, h;
+      s = e - this.cropOffsertX, h = i - this.cropOffsertY, this.cropX = s, this.cropY = h, this.$emit("cropMoving", {
         moving: !0,
         axis: this.getCropAxis()
       }), this.$emit("crop-moving", {
@@ -655,12 +577,12 @@ const _ = {
     moveCrop(t, e) {
       let i = 0, s = 0;
       t && (t.preventDefault(), i = "clientX" in t ? t.clientX : t.touches[0].clientX, s = "clientY" in t ? t.clientY : t.touches[0].clientY), this.$nextTick(() => {
-        let o, r, h = i - this.cropX, n = s - this.cropY;
-        if (e && (h = this.cropOffsertX, n = this.cropOffsertY), h <= 0 ? o = 0 : h + this.cropW > this.w ? o = this.w - this.cropW : o = h, n <= 0 ? r = 0 : n + this.cropH > this.h ? r = this.h - this.cropH : r = n, this.centerBox) {
-          let c = this.getImgAxis();
-          o <= c.x1 && (o = c.x1), o + this.cropW > c.x2 && (o = c.x2 - this.cropW), r <= c.y1 && (r = c.y1), r + this.cropH > c.y2 && (r = c.y2 - this.cropH);
+        let h, r, o = i - this.cropX, l = s - this.cropY;
+        if (e && (o = this.cropOffsertX, l = this.cropOffsertY), o <= 0 ? h = 0 : o + this.cropW > this.w ? h = this.w - this.cropW : h = o, l <= 0 ? r = 0 : l + this.cropH > this.h ? r = this.h - this.cropH : r = l, this.centerBox) {
+          let n = this.getImgAxis();
+          h <= n.x1 && (h = n.x1), h + this.cropW > n.x2 && (h = n.x2 - this.cropW), r <= n.y1 && (r = n.y1), r + this.cropH > n.y2 && (r = n.y2 - this.cropH);
         }
-        this.cropOffsertX = o, this.cropOffsertY = r, this.$emit("cropMoving", {
+        this.cropOffsertX = h, this.cropOffsertY = r, this.$emit("cropMoving", {
           moving: !0,
           axis: this.getCropAxis()
         }), this.$emit("crop-moving", {
@@ -677,7 +599,7 @@ const _ = {
         x2: 0,
         y1: 0,
         y2: 0
-      }, o = this.trueWidth * i, r = this.trueHeight * i;
+      }, h = this.trueWidth * i, r = this.trueHeight * i;
       switch (this.rotate) {
         case 0:
           s.x1 = t + this.trueWidth * (1 - i) / 2, s.x2 = s.x1 + this.trueWidth * i, s.y1 = e + this.trueHeight * (1 - i) / 2, s.y2 = s.y1 + this.trueHeight * i;
@@ -686,7 +608,7 @@ const _ = {
         case -1:
         case 3:
         case -3:
-          s.x1 = t + this.trueWidth * (1 - i) / 2 + (o - r) / 2, s.x2 = s.x1 + this.trueHeight * i, s.y1 = e + this.trueHeight * (1 - i) / 2 + (r - o) / 2, s.y2 = s.y1 + this.trueWidth * i;
+          s.x1 = t + this.trueWidth * (1 - i) / 2 + (h - r) / 2, s.x2 = s.x1 + this.trueHeight * i, s.y1 = e + this.trueHeight * (1 - i) / 2 + (r - h) / 2, s.y2 = s.y1 + this.trueWidth * i;
           break;
         default:
           s.x1 = t + this.trueWidth * (1 - i) / 2, s.x2 = s.x1 + this.trueWidth * i, s.y1 = e + this.trueHeight * (1 - i) / 2, s.y2 = s.y1 + this.trueHeight * i;
@@ -714,91 +636,91 @@ const _ = {
       });
     },
     getCropChecked(t) {
-      let e = document.createElement("canvas"), i = new Image(), s = this.rotate, o = this.trueWidth, r = this.trueHeight, h = this.cropOffsertX, n = this.cropOffsertY;
+      let e = document.createElement("canvas"), i = new Image(), s = this.rotate, h = this.trueWidth, r = this.trueHeight, o = this.cropOffsertX, l = this.cropOffsertY;
       i.onload = () => {
         if (this.cropW !== 0) {
-          let a = e.getContext("2d"), p = 1;
-          this.high & !this.full && (p = window.devicePixelRatio), this.enlarge !== 1 & !this.full && (p = Math.abs(Number(this.enlarge)));
-          let u = this.cropW * p, y = this.cropH * p, g = o * this.scale * p, m = r * this.scale * p, d = (this.x - h + this.trueWidth * (1 - this.scale) / 2) * p, f = (this.y - n + this.trueHeight * (1 - this.scale) / 2) * p;
-          switch (l(u, y), a.save(), this.fillColor && (a.fillStyle = this.fillColor, a.fillRect(0, 0, e.width, e.height)), s) {
+          let a = e.getContext("2d"), u = 1;
+          this.high & !this.full && (u = window.devicePixelRatio), this.enlarge !== 1 & !this.full && (u = Math.abs(Number(this.enlarge)));
+          let d = this.cropW * u, y = this.cropH * u, g = h * this.scale * u, m = r * this.scale * u, f = (this.x - o + this.trueWidth * (1 - this.scale) / 2) * u, p = (this.y - l + this.trueHeight * (1 - this.scale) / 2) * u;
+          switch (c(d, y), a.save(), this.fillColor && (a.fillStyle = this.fillColor, a.fillRect(0, 0, e.width, e.height)), s) {
             case 0:
-              this.full ? (l(u / this.scale, y / this.scale), a.drawImage(
+              this.full ? (c(d / this.scale, y / this.scale), a.drawImage(
                 i,
-                d / this.scale,
                 f / this.scale,
+                p / this.scale,
                 g / this.scale,
                 m / this.scale
-              )) : a.drawImage(i, d, f, g, m);
+              )) : a.drawImage(i, f, p, g, m);
               break;
             case 1:
             case -3:
-              this.full ? (l(u / this.scale, y / this.scale), d = d / this.scale + (g / this.scale - m / this.scale) / 2, f = f / this.scale + (m / this.scale - g / this.scale) / 2, a.rotate(s * 90 * Math.PI / 180), a.drawImage(
+              this.full ? (c(d / this.scale, y / this.scale), f = f / this.scale + (g / this.scale - m / this.scale) / 2, p = p / this.scale + (m / this.scale - g / this.scale) / 2, a.rotate(s * 90 * Math.PI / 180), a.drawImage(
                 i,
-                f,
-                -d - m / this.scale,
+                p,
+                -f - m / this.scale,
                 g / this.scale,
                 m / this.scale
-              )) : (d = d + (g - m) / 2, f = f + (m - g) / 2, a.rotate(s * 90 * Math.PI / 180), a.drawImage(i, f, -d - m, g, m));
+              )) : (f = f + (g - m) / 2, p = p + (m - g) / 2, a.rotate(s * 90 * Math.PI / 180), a.drawImage(i, p, -f - m, g, m));
               break;
             case 2:
             case -2:
-              this.full ? (l(u / this.scale, y / this.scale), a.rotate(s * 90 * Math.PI / 180), d = d / this.scale, f = f / this.scale, a.drawImage(
+              this.full ? (c(d / this.scale, y / this.scale), a.rotate(s * 90 * Math.PI / 180), f = f / this.scale, p = p / this.scale, a.drawImage(
                 i,
-                -d - g / this.scale,
-                -f - m / this.scale,
+                -f - g / this.scale,
+                -p - m / this.scale,
                 g / this.scale,
                 m / this.scale
-              )) : (a.rotate(s * 90 * Math.PI / 180), a.drawImage(i, -d - g, -f - m, g, m));
+              )) : (a.rotate(s * 90 * Math.PI / 180), a.drawImage(i, -f - g, -p - m, g, m));
               break;
             case 3:
             case -1:
-              this.full ? (l(u / this.scale, y / this.scale), d = d / this.scale + (g / this.scale - m / this.scale) / 2, f = f / this.scale + (m / this.scale - g / this.scale) / 2, a.rotate(s * 90 * Math.PI / 180), a.drawImage(
+              this.full ? (c(d / this.scale, y / this.scale), f = f / this.scale + (g / this.scale - m / this.scale) / 2, p = p / this.scale + (m / this.scale - g / this.scale) / 2, a.rotate(s * 90 * Math.PI / 180), a.drawImage(
                 i,
-                -f - g / this.scale,
-                d,
+                -p - g / this.scale,
+                f,
                 g / this.scale,
                 m / this.scale
-              )) : (d = d + (g - m) / 2, f = f + (m - g) / 2, a.rotate(s * 90 * Math.PI / 180), a.drawImage(i, -f - g, d, g, m));
+              )) : (f = f + (g - m) / 2, p = p + (m - g) / 2, a.rotate(s * 90 * Math.PI / 180), a.drawImage(i, -p - g, f, g, m));
               break;
             default:
-              this.full ? (l(u / this.scale, y / this.scale), a.drawImage(
+              this.full ? (c(d / this.scale, y / this.scale), a.drawImage(
                 i,
-                d / this.scale,
                 f / this.scale,
+                p / this.scale,
                 g / this.scale,
                 m / this.scale
-              )) : a.drawImage(i, d, f, g, m);
+              )) : a.drawImage(i, f, p, g, m);
           }
           a.restore();
         } else {
-          let a = o * this.scale, p = r * this.scale, u = e.getContext("2d");
-          switch (u.save(), this.fillColor && (u.fillStyle = this.fillColor, u.fillRect(0, 0, e.width, e.height)), s) {
+          let a = h * this.scale, u = r * this.scale, d = e.getContext("2d");
+          switch (d.save(), this.fillColor && (d.fillStyle = this.fillColor, d.fillRect(0, 0, e.width, e.height)), s) {
             case 0:
-              l(a, p), u.drawImage(i, 0, 0, a, p);
+              c(a, u), d.drawImage(i, 0, 0, a, u);
               break;
             case 1:
             case -3:
-              l(p, a), u.rotate(s * 90 * Math.PI / 180), u.drawImage(i, 0, -p, a, p);
+              c(u, a), d.rotate(s * 90 * Math.PI / 180), d.drawImage(i, 0, -u, a, u);
               break;
             case 2:
             case -2:
-              l(a, p), u.rotate(s * 90 * Math.PI / 180), u.drawImage(i, -a, -p, a, p);
+              c(a, u), d.rotate(s * 90 * Math.PI / 180), d.drawImage(i, -a, -u, a, u);
               break;
             case 3:
             case -1:
-              l(p, a), u.rotate(s * 90 * Math.PI / 180), u.drawImage(i, -a, 0, a, p);
+              c(u, a), d.rotate(s * 90 * Math.PI / 180), d.drawImage(i, -a, 0, a, u);
               break;
             default:
-              l(a, p), u.drawImage(i, 0, 0, a, p);
+              c(a, u), d.drawImage(i, 0, 0, a, u);
           }
-          u.restore();
+          d.restore();
         }
         t(e);
       };
-      var c = this.img.substr(0, 4);
-      c !== "data" && (i.crossOrigin = "Anonymous"), i.src = this.imgs;
-      function l(a, p) {
-        e.width = Math.round(a), e.height = Math.round(p);
+      var n = this.img.substr(0, 4);
+      n !== "data" && (i.crossOrigin = "Anonymous"), i.src = this.imgs;
+      function c(a, u) {
+        e.width = Math.round(a), e.height = Math.round(u);
       }
     },
     // 获取转换成base64 的图片信息
@@ -831,16 +753,16 @@ const _ = {
         width: `${t}px`,
         height: `${e}px`
       };
-      let o = (this.x - this.cropOffsertX) / i, r = (this.y - this.cropOffsertY) / i, h = 0;
+      let h = (this.x - this.cropOffsertX) / i, r = (this.y - this.cropOffsertY) / i, o = 0;
       s.w = t, s.h = e, s.url = this.imgs, s.img = {
         width: `${this.trueWidth}px`,
         height: `${this.trueHeight}px`,
-        transform: `scale(${i})translate3d(${o}px, ${r}px, ${h}px)rotateZ(${this.rotate * 90}deg)`
+        transform: `scale(${i})translate3d(${h}px, ${r}px, ${o}px)rotateZ(${this.rotate * 90}deg)`
       }, s.html = `
       <div class="show-preview" style="width: ${s.w}px; height: ${s.h}px; overflow: hidden">
         <div style="width: ${t}px; height: ${e}px">
           <img src=${s.url} style="width: ${this.trueWidth}px; height: ${this.trueHeight}px; transform:
-          scale(${i})translate3d(${o}px, ${r}px, ${h}px)rotateZ(${this.rotate * 90}deg)">
+          scale(${i})translate3d(${h}px, ${r}px, ${o}px)rotateZ(${this.rotate * 90}deg)">
         </div>
       </div>`, this.$emit("realTime", s), this.$emit("real-time", s);
     },
@@ -870,14 +792,14 @@ const _ = {
           break;
         default:
           try {
-            let o = s[0];
-            if (o.search("px") !== -1) {
-              o = o.replace("px", ""), e = parseFloat(o);
+            let h = s[0];
+            if (h.search("px") !== -1) {
+              h = h.replace("px", ""), e = parseFloat(h);
               const r = e / this.trueWidth;
-              let h = 1, n = s[1];
-              n.search("px") !== -1 && (n = n.replace("px", ""), i = parseFloat(n), h = i / this.trueHeight), t = Math.min(r, h);
+              let o = 1, l = s[1];
+              l.search("px") !== -1 && (l = l.replace("px", ""), i = parseFloat(l), o = i / this.trueHeight), t = Math.min(r, o);
             }
-            if (o.search("%") !== -1 && (o = o.replace("%", ""), e = parseFloat(o) / 100 * this.w, t = e / this.trueWidth), s.length === 2 && o === "auto") {
+            if (h.search("%") !== -1 && (h = h.replace("%", ""), e = parseFloat(h) / 100 * this.w, t = e / this.trueWidth), s.length === 2 && h === "auto") {
               let r = s[1];
               r.search("px") !== -1 && (r = r.replace("px", ""), i = parseFloat(r), t = i / this.trueHeight), r.search("%") !== -1 && (r = r.replace("%", ""), i = parseFloat(r) / 100 * this.h, t = i / this.trueHeight);
             }
@@ -894,12 +816,12 @@ const _ = {
       this.clearCrop(), this.cropping = !0;
       let i = this.w, s = this.h;
       if (this.centerBox) {
-        const h = Math.abs(this.rotate) % 2 > 0;
-        let n = (h ? this.trueHeight : this.trueWidth) * this.scale, c = (h ? this.trueWidth : this.trueHeight) * this.scale;
-        i = n < i ? n : i, s = c < s ? c : s;
+        const o = Math.abs(this.rotate) % 2 > 0;
+        let l = (o ? this.trueHeight : this.trueWidth) * this.scale, n = (o ? this.trueWidth : this.trueHeight) * this.scale;
+        i = l < i ? l : i, s = n < s ? n : s;
       }
-      var o = t || parseFloat(this.autoCropWidth), r = e || parseFloat(this.autoCropHeight);
-      (o === 0 || r === 0) && (o = i * 0.8, r = s * 0.8), o = o > i ? i : o, r = r > s ? s : r, this.fixed && (r = o / this.fixedNumber[0] * this.fixedNumber[1]), r > this.h && (r = this.h, o = r / this.fixedNumber[1] * this.fixedNumber[0]), this.changeCrop(o, r);
+      var h = t || parseFloat(this.autoCropWidth), r = e || parseFloat(this.autoCropHeight);
+      (h === 0 || r === 0) && (h = i * 0.8, r = s * 0.8), h = h > i ? i : h, r = r > s ? s : r, this.fixed && (r = h / this.fixedNumber[0] * this.fixedNumber[1]), r > this.h && (r = this.h, h = r / this.fixedNumber[1] * this.fixedNumber[0]), this.changeCrop(h, r);
     },
     // 手动改变截图框大小函数
     changeCrop(t, e) {
@@ -934,8 +856,8 @@ const _ = {
       t = t || this.x, e = e || this.y, i = i || this.scale;
       let s = !0;
       if (this.centerBox) {
-        let o = this.getImgAxis(t, e, i), r = this.getCropAxis();
-        o.x1 >= r.x1 && (s = !1), o.x2 <= r.x2 && (s = !1), o.y1 >= r.y1 && (s = !1), o.y2 <= r.y2 && (s = !1);
+        let h = this.getImgAxis(t, e, i), r = this.getCropAxis();
+        h.x1 >= r.x1 && (s = !1), h.x2 <= r.x2 && (s = !1), h.y1 >= r.y1 && (s = !1), h.y2 <= r.y2 && (s = !1);
       }
       return s;
     }
@@ -945,28 +867,28 @@ const _ = {
     let t = this;
     var e = navigator.userAgent;
     this.isIOS = !!e.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/), HTMLCanvasElement.prototype.toBlob || Object.defineProperty(HTMLCanvasElement.prototype, "toBlob", {
-      value: function(i, s, o) {
-        for (var r = atob(this.toDataURL(s, o).split(",")[1]), h = r.length, n = new Uint8Array(h), c = 0; c < h; c++)
-          n[c] = r.charCodeAt(c);
-        i(new Blob([n], { type: t.type || "image/png" }));
+      value: function(i, s, h) {
+        for (var r = atob(this.toDataURL(s, h).split(",")[1]), o = r.length, l = new Uint8Array(o), n = 0; n < o; n++)
+          l[n] = r.charCodeAt(n);
+        i(new Blob([l], { type: t.type || "image/png" }));
       }
     }), this.showPreview(), this.checkedImg();
   },
   destroyed() {
     window.removeEventListener("mousemove", this.moveCrop), window.removeEventListener("mouseup", this.leaveCrop), window.removeEventListener("touchmove", this.moveCrop), window.removeEventListener("touchend", this.leaveCrop), this.cancelScale();
   }
-}, tt = {
+}, Z = {
   key: 0,
   class: "cropper-box"
-}, et = ["src"], it = { class: "cropper-view-box" }, st = ["src"], rt = { key: 1 };
-function ot(t, e, i, s, o, r) {
+}, J = ["src"], K = { class: "cropper-view-box" }, Q = ["src"], _ = { key: 1 };
+function tt(t, e, i, s, h, r) {
   return O(), Y("div", {
     class: "vue-cropper",
     ref: "cropper",
-    onMouseover: e[28] || (e[28] = (...h) => r.scaleImg && r.scaleImg(...h)),
-    onMouseout: e[29] || (e[29] = (...h) => r.cancelScale && r.cancelScale(...h))
+    onMouseover: e[28] || (e[28] = (...o) => r.scaleImg && r.scaleImg(...o)),
+    onMouseout: e[29] || (e[29] = (...o) => r.cancelScale && r.cancelScale(...o))
   }, [
-    t.imgs ? (O(), Y("div", tt, [
+    t.imgs ? (O(), Y("div", Z, [
       T(w("div", {
         class: "cropper-box-canvas",
         style: M({
@@ -979,15 +901,15 @@ function ot(t, e, i, s, o, r) {
           src: t.imgs,
           alt: "cropper-img",
           ref: "cropperImg"
-        }, null, 8, et)
+        }, null, 8, J)
       ], 4), [
         [k, !t.loading]
       ])
     ])) : I("", !0),
     w("div", {
-      class: U(["cropper-drag-box", { "cropper-move": t.move && !t.crop, "cropper-crop": t.crop, "cropper-modal": t.cropping }]),
-      onMousedown: e[0] || (e[0] = (...h) => r.startMove && r.startMove(...h)),
-      onTouchstart: e[1] || (e[1] = (...h) => r.startMove && r.startMove(...h))
+      class: R(["cropper-drag-box", { "cropper-move": t.move && !t.crop, "cropper-crop": t.crop, "cropper-modal": t.cropping }]),
+      onMousedown: e[0] || (e[0] = (...o) => r.startMove && r.startMove(...o)),
+      onTouchstart: e[1] || (e[1] = (...o) => r.startMove && r.startMove(...o))
     }, null, 34),
     T(w("div", {
       class: "cropper-crop-box",
@@ -997,7 +919,7 @@ function ot(t, e, i, s, o, r) {
         transform: "translate3d(" + t.cropOffsertX + "px," + t.cropOffsertY + "px,0)"
       })
     }, [
-      w("span", it, [
+      w("span", K, [
         w("img", {
           style: M({
             width: t.trueWidth + "px",
@@ -1006,78 +928,78 @@ function ot(t, e, i, s, o, r) {
           }),
           src: t.imgs,
           alt: "cropper-img"
-        }, null, 12, st)
+        }, null, 12, Q)
       ]),
       w("span", {
         class: "cropper-face cropper-move",
-        onMousedown: e[2] || (e[2] = (...h) => r.cropMove && r.cropMove(...h)),
-        onTouchstart: e[3] || (e[3] = (...h) => r.cropMove && r.cropMove(...h))
+        onMousedown: e[2] || (e[2] = (...o) => r.cropMove && r.cropMove(...o)),
+        onTouchstart: e[3] || (e[3] = (...o) => r.cropMove && r.cropMove(...o))
       }, null, 32),
       i.info ? (O(), Y("span", {
         key: 0,
         class: "crop-info",
         style: M({ top: r.cropInfo.top })
-      }, A(r.cropInfo.width) + " × " + A(r.cropInfo.height), 5)) : I("", !0),
-      i.fixedBox ? I("", !0) : (O(), Y("span", rt, [
+      }, N(r.cropInfo.width) + " × " + N(r.cropInfo.height), 5)) : I("", !0),
+      i.fixedBox ? I("", !0) : (O(), Y("span", _, [
         w("span", {
           class: "crop-line line-w",
-          onMousedown: e[4] || (e[4] = (h) => r.changeCropSize(h, !1, !0, 0, 1)),
-          onTouchstart: e[5] || (e[5] = (h) => r.changeCropSize(h, !1, !0, 0, 1))
+          onMousedown: e[4] || (e[4] = (o) => r.changeCropSize(o, !1, !0, 0, 1)),
+          onTouchstart: e[5] || (e[5] = (o) => r.changeCropSize(o, !1, !0, 0, 1))
         }, null, 32),
         w("span", {
           class: "crop-line line-a",
-          onMousedown: e[6] || (e[6] = (h) => r.changeCropSize(h, !0, !1, 1, 0)),
-          onTouchstart: e[7] || (e[7] = (h) => r.changeCropSize(h, !0, !1, 1, 0))
+          onMousedown: e[6] || (e[6] = (o) => r.changeCropSize(o, !0, !1, 1, 0)),
+          onTouchstart: e[7] || (e[7] = (o) => r.changeCropSize(o, !0, !1, 1, 0))
         }, null, 32),
         w("span", {
           class: "crop-line line-s",
-          onMousedown: e[8] || (e[8] = (h) => r.changeCropSize(h, !1, !0, 0, 2)),
-          onTouchstart: e[9] || (e[9] = (h) => r.changeCropSize(h, !1, !0, 0, 2))
+          onMousedown: e[8] || (e[8] = (o) => r.changeCropSize(o, !1, !0, 0, 2)),
+          onTouchstart: e[9] || (e[9] = (o) => r.changeCropSize(o, !1, !0, 0, 2))
         }, null, 32),
         w("span", {
           class: "crop-line line-d",
-          onMousedown: e[10] || (e[10] = (h) => r.changeCropSize(h, !0, !1, 2, 0)),
-          onTouchstart: e[11] || (e[11] = (h) => r.changeCropSize(h, !0, !1, 2, 0))
+          onMousedown: e[10] || (e[10] = (o) => r.changeCropSize(o, !0, !1, 2, 0)),
+          onTouchstart: e[11] || (e[11] = (o) => r.changeCropSize(o, !0, !1, 2, 0))
         }, null, 32),
         w("span", {
           class: "crop-point point1",
-          onMousedown: e[12] || (e[12] = (h) => r.changeCropSize(h, !0, !0, 1, 1)),
-          onTouchstart: e[13] || (e[13] = (h) => r.changeCropSize(h, !0, !0, 1, 1))
+          onMousedown: e[12] || (e[12] = (o) => r.changeCropSize(o, !0, !0, 1, 1)),
+          onTouchstart: e[13] || (e[13] = (o) => r.changeCropSize(o, !0, !0, 1, 1))
         }, null, 32),
         w("span", {
           class: "crop-point point2",
-          onMousedown: e[14] || (e[14] = (h) => r.changeCropSize(h, !1, !0, 0, 1)),
-          onTouchstart: e[15] || (e[15] = (h) => r.changeCropSize(h, !1, !0, 0, 1))
+          onMousedown: e[14] || (e[14] = (o) => r.changeCropSize(o, !1, !0, 0, 1)),
+          onTouchstart: e[15] || (e[15] = (o) => r.changeCropSize(o, !1, !0, 0, 1))
         }, null, 32),
         w("span", {
           class: "crop-point point3",
-          onMousedown: e[16] || (e[16] = (h) => r.changeCropSize(h, !0, !0, 2, 1)),
-          onTouchstart: e[17] || (e[17] = (h) => r.changeCropSize(h, !0, !0, 2, 1))
+          onMousedown: e[16] || (e[16] = (o) => r.changeCropSize(o, !0, !0, 2, 1)),
+          onTouchstart: e[17] || (e[17] = (o) => r.changeCropSize(o, !0, !0, 2, 1))
         }, null, 32),
         w("span", {
           class: "crop-point point4",
-          onMousedown: e[18] || (e[18] = (h) => r.changeCropSize(h, !0, !1, 1, 0)),
-          onTouchstart: e[19] || (e[19] = (h) => r.changeCropSize(h, !0, !1, 1, 0))
+          onMousedown: e[18] || (e[18] = (o) => r.changeCropSize(o, !0, !1, 1, 0)),
+          onTouchstart: e[19] || (e[19] = (o) => r.changeCropSize(o, !0, !1, 1, 0))
         }, null, 32),
         w("span", {
           class: "crop-point point5",
-          onMousedown: e[20] || (e[20] = (h) => r.changeCropSize(h, !0, !1, 2, 0)),
-          onTouchstart: e[21] || (e[21] = (h) => r.changeCropSize(h, !0, !1, 2, 0))
+          onMousedown: e[20] || (e[20] = (o) => r.changeCropSize(o, !0, !1, 2, 0)),
+          onTouchstart: e[21] || (e[21] = (o) => r.changeCropSize(o, !0, !1, 2, 0))
         }, null, 32),
         w("span", {
           class: "crop-point point6",
-          onMousedown: e[22] || (e[22] = (h) => r.changeCropSize(h, !0, !0, 1, 2)),
-          onTouchstart: e[23] || (e[23] = (h) => r.changeCropSize(h, !0, !0, 1, 2))
+          onMousedown: e[22] || (e[22] = (o) => r.changeCropSize(o, !0, !0, 1, 2)),
+          onTouchstart: e[23] || (e[23] = (o) => r.changeCropSize(o, !0, !0, 1, 2))
         }, null, 32),
         w("span", {
           class: "crop-point point7",
-          onMousedown: e[24] || (e[24] = (h) => r.changeCropSize(h, !1, !0, 0, 2)),
-          onTouchstart: e[25] || (e[25] = (h) => r.changeCropSize(h, !1, !0, 0, 2))
+          onMousedown: e[24] || (e[24] = (o) => r.changeCropSize(o, !1, !0, 0, 2)),
+          onTouchstart: e[25] || (e[25] = (o) => r.changeCropSize(o, !1, !0, 0, 2))
         }, null, 32),
         w("span", {
           class: "crop-point point8",
-          onMousedown: e[26] || (e[26] = (h) => r.changeCropSize(h, !0, !0, 2, 2)),
-          onTouchstart: e[27] || (e[27] = (h) => r.changeCropSize(h, !0, !0, 2, 2))
+          onMousedown: e[26] || (e[26] = (o) => r.changeCropSize(o, !0, !0, 2, 2)),
+          onTouchstart: e[27] || (e[27] = (o) => r.changeCropSize(o, !0, !0, 2, 2))
         }, null, 32)
       ]))
     ], 4), [
@@ -1085,7 +1007,7 @@ function ot(t, e, i, s, o, r) {
     ])
   ], 544);
 }
-const ht = /* @__PURE__ */ B(_, [["render", ot], ["__scopeId", "data-v-168a3964"]]), at = { class: "h-full" }, nt = { class: "avatar-upload-preview" }, lt = ["src"], ct = /* @__PURE__ */ F({
+const et = /* @__PURE__ */ B(G, [["render", tt], ["__scopeId", "data-v-168a3964"]]), it = { class: "h-full" }, st = { class: "avatar-upload-preview" }, rt = ["src"], ot = /* @__PURE__ */ F({
   __name: "uploadAvatar",
   props: {
     avatar: { default: "" },
@@ -1094,12 +1016,12 @@ const ht = /* @__PURE__ */ B(_, [["render", ot], ["__scopeId", "data-v-168a3964"
   },
   setup(t) {
     const { postSinglefile: e, postUpdateFile: i } = q(), s = t;
-    let o = S({});
-    N(async () => {
-      o.value = await V.get("userInfo");
+    let h = S({});
+    z(async () => {
+      h.value = await V.get("userInfo");
     });
     let { avatar: r } = D(s);
-    const h = j({
+    const o = U({
       img: "",
       // 需要剪裁的图片
       autoCrop: !0,
@@ -1133,34 +1055,34 @@ const ht = /* @__PURE__ */ B(_, [["render", ot], ["__scopeId", "data-v-168a3964"
       // true 为展示真实输出图片宽高 false 展示看到的截图框宽高
       filename: ""
       // 文件名
-    }), n = S({}), c = S({});
+    }), l = S({}), n = S({});
     S(!1);
-    let l = (d) => {
-      d == "left" && c.value.rotateLeft(), d == "right" && c.value.rotateRight();
-    }, a = (d) => {
-      const f = d || 1;
-      c.value.changeScale(f);
-    }, p = () => {
-      c.value.refresh();
+    let c = (f) => {
+      f == "left" && n.value.rotateLeft(), f == "right" && n.value.rotateRight();
+    }, a = (f) => {
+      const p = f || 1;
+      n.value.changeScale(p);
+    }, u = () => {
+      n.value.refresh();
     };
-    const u = (d) => {
-      n.value = d;
+    const d = (f) => {
+      l.value = f;
     };
     let y = () => {
-    }, g = (d) => {
-      if (["image/png", "image/jpg", "image/jpeg", "image/PNG", "image/JPG", "image/JPEG", "image/gif"].includes(d.type)) {
+    }, g = (f) => {
+      if (["image/png", "image/jpg", "image/jpeg", "image/PNG", "image/JPG", "image/JPEG", "image/gif"].includes(f.type)) {
         const C = new FileReader();
-        C.readAsDataURL(d), C.onload = () => {
-          h.img = C.result, h.filename = d.name;
+        C.readAsDataURL(f), C.onload = () => {
+          o.img = C.result, o.filename = f.name;
         };
       } else
-        return z.error("图片格式有误，请重新上传"), !1;
+        return A.error("图片格式有误，请重新上传"), !1;
     }, m = () => {
-      h.img || z.warning("请先选择图片"), c.value.getCropBlob(async (d) => {
-        const f = await e({ data: { file: d }, proxy: s.proxyId }), C = await i({
+      o.img || A.warning("请先选择图片"), n.value.getCropBlob(async (f) => {
+        const p = await e({ data: { file: f }, proxy: s.proxyId }), C = await i({
           data: {
-            id: o.value.id,
-            attchIdArrStr: f.data.id,
+            id: h.value.id,
+            attchIdArrStr: p.data.id,
             attachType: 2
           },
           proxy: s.proxyId
@@ -1168,13 +1090,13 @@ const ht = /* @__PURE__ */ B(_, [["render", ot], ["__scopeId", "data-v-168a3964"
         s.close(C);
       });
     };
-    return N(() => {
+    return z(() => {
       setTimeout(() => {
-        h.img = r.value;
+        o.img = r.value;
       }, 100);
-    }), (d, f) => {
-      const C = H("el-col"), E = H("el-row"), $ = H("bc-icon"), W = H("el-button"), R = H("hs-upload");
-      return O(), Y("div", at, [
+    }), (f, p) => {
+      const C = X("el-col"), E = X("el-row"), $ = X("bc-icon"), W = X("el-button"), P = X("hs-upload");
+      return O(), Y("div", it, [
         v(E, null, {
           default: x(() => [
             v(C, {
@@ -1183,19 +1105,19 @@ const ht = /* @__PURE__ */ B(_, [["render", ot], ["__scopeId", "data-v-168a3964"
               style: { height: "350px" }
             }, {
               default: x(() => [
-                v(ht, {
+                v(et, {
                   ref_key: "cropperRef",
-                  ref: c,
-                  img: h.img,
+                  ref: n,
+                  img: o.img,
                   info: !0,
-                  infoTrue: h.infoTrue,
-                  "auto-crop": h.autoCrop,
-                  "fixed-box": h.fixedBox,
-                  fixedNumber: h.fixedNumber,
-                  fixed: h.fixed,
-                  centerBox: h.centerBox,
+                  infoTrue: o.infoTrue,
+                  "auto-crop": o.autoCrop,
+                  "fixed-box": o.fixedBox,
+                  fixedNumber: o.fixedNumber,
+                  fixed: o.fixed,
+                  centerBox: o.centerBox,
                   outputType: "png",
-                  onRealTime: u
+                  onRealTime: d
                 }, null, 8, ["img", "infoTrue", "auto-crop", "fixed-box", "fixedNumber", "fixed", "centerBox"])
               ]),
               _: 1
@@ -1206,11 +1128,11 @@ const ht = /* @__PURE__ */ B(_, [["render", ot], ["__scopeId", "data-v-168a3964"
               style: { height: "350px" }
             }, {
               default: x(() => [
-                w("div", nt, [
+                w("div", st, [
                   w("img", {
-                    src: n.value.url,
-                    style: M(n.value.img)
-                  }, null, 12, lt)
+                    src: l.value.url,
+                    style: M(l.value.img)
+                  }, null, 12, rt)
                 ])
               ]),
               _: 1
@@ -1225,7 +1147,7 @@ const ht = /* @__PURE__ */ B(_, [["render", ot], ["__scopeId", "data-v-168a3964"
               md: 2
             }, {
               default: x(() => [
-                v(R, {
+                v(P, {
                   action: "#",
                   "http-request": b(y),
                   "show-file-list": !1,
@@ -1254,7 +1176,7 @@ const ht = /* @__PURE__ */ B(_, [["render", ot], ["__scopeId", "data-v-168a3964"
                 v(W, {
                   size: "default",
                   icon: "ele-Plus",
-                  onClick: f[0] || (f[0] = (X) => b(a)(1))
+                  onClick: p[0] || (p[0] = (H) => b(a)(1))
                 })
               ]),
               _: 1
@@ -1267,7 +1189,7 @@ const ht = /* @__PURE__ */ B(_, [["render", ot], ["__scopeId", "data-v-168a3964"
                 v(W, {
                   size: "default",
                   icon: "ele-Minus",
-                  onClick: f[1] || (f[1] = (X) => b(a)(-1))
+                  onClick: p[1] || (p[1] = (H) => b(a)(-1))
                 })
               ]),
               _: 1
@@ -1280,7 +1202,7 @@ const ht = /* @__PURE__ */ B(_, [["render", ot], ["__scopeId", "data-v-168a3964"
                 v(W, {
                   size: "default",
                   icon: "ele-RefreshLeft",
-                  onClick: f[2] || (f[2] = (X) => b(l)("left"))
+                  onClick: p[2] || (p[2] = (H) => b(c)("left"))
                 })
               ]),
               _: 1
@@ -1293,7 +1215,7 @@ const ht = /* @__PURE__ */ B(_, [["render", ot], ["__scopeId", "data-v-168a3964"
                 v(W, {
                   size: "default",
                   icon: "ele-RefreshRight",
-                  onClick: f[3] || (f[3] = (X) => b(l)("right"))
+                  onClick: p[3] || (p[3] = (H) => b(c)("right"))
                 })
               ]),
               _: 1
@@ -1305,7 +1227,7 @@ const ht = /* @__PURE__ */ B(_, [["render", ot], ["__scopeId", "data-v-168a3964"
               default: x(() => [
                 v(W, {
                   size: "default",
-                  onClick: f[4] || (f[4] = (X) => b(p)())
+                  onClick: p[4] || (p[4] = (H) => b(u)())
                 }, {
                   default: x(() => [
                     L("重 置")
@@ -1323,7 +1245,7 @@ const ht = /* @__PURE__ */ B(_, [["render", ot], ["__scopeId", "data-v-168a3964"
                 v(W, {
                   size: "default",
                   type: "primary",
-                  onClick: f[5] || (f[5] = (X) => b(m)())
+                  onClick: p[5] || (p[5] = (H) => b(m)())
                 }, {
                   default: x(() => [
                     L("提 交")
@@ -1339,7 +1261,7 @@ const ht = /* @__PURE__ */ B(_, [["render", ot], ["__scopeId", "data-v-168a3964"
       ]);
     };
   }
-}), ut = /* @__PURE__ */ B(ct, [["__scopeId", "data-v-99513ec9"]]);
+}), nt = /* @__PURE__ */ B(ot, [["__scopeId", "data-v-99513ec9"]]);
 export {
-  ut as default
+  nt as default
 };