hs-admin-ui 2.1.9 → 2.1.10

package/dist/uploadAvatar-isjJZgM9.mjs

@@ -1,1346 +0,0 @@
-import { openBlock as Y, createElementBlock as M, withDirectives as k, createElementVNode as w, normalizeStyle as S, vShow as A, createCommentVNode as L, normalizeClass as U, toDisplayString as N, defineComponent as F, ref as I, onMounted as z, getCurrentInstance as D, toRefs as j, reactive as V, resolveComponent as O, createVNode as v, withCtx as y, unref as H, createTextVNode as E } from "vue";
-import { _ as B, L as q, M as G } from "./index-5Gmx6M7o.mjs";
-const $ = {};
-$.getData = (t) => new Promise((e, i) => {
-  let s = {};
-  Z(t).then((o) => {
-    s.arrayBuffer = o;
-    try {
-      s.orientation = _(o);
-    } catch {
-      s.orientation = -1;
-    }
-    e(s);
-  }).catch((o) => {
-    i(o);
-  });
-});
-function Z(t) {
-  let e = null;
-  return new Promise((i, s) => {
-    if (t.src)
-      if (/^data\:/i.test(t.src))
-        e = K(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);
-        }, J(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 J(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 K(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 Q(t, e, i) {
-  var s = "", o;
-  for (o = e, i += e; o < i; o++)
-    s += String.fromCharCode(t.getUint8(o));
-  return s;
-}
-function _(t) {
-  var e = new DataView(t), i = e.byteLength, s, o, r, h, a, c, l, n, p, f;
-  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, Q(e, o, 4) === "Exif" && (c = e.getUint16(r), a = c === 18761, (a || c === 19789) && e.getUint16(r + 2, a) === 42 && (h = e.getUint32(r + 4, a), h >= 8 && (n = r + h)))), n) {
-    for (i = e.getUint16(n, a), f = 0; f < i; f++)
-      if (p = n + f * 12 + 2, e.getUint16(p, a) === 274) {
-        p += 8, s = e.getUint16(p, a);
-        break;
-      }
-  }
-  return s;
-}
-const tt = {
-  data: function() {
-    return {
-      // 容器高宽
-      w: 0,
-      h: 0,
-      // 图片缩放比例
-      scale: 1,
-      // 图片偏移x轴
-      x: 0,
-      // 图片偏移y轴
-      y: 0,
-      // 图片加载
-      loading: !0,
-      // 图片真实宽度
-      trueWidth: 0,
-      // 图片真实高度
-      trueHeight: 0,
-      move: !0,
-      // 移动的x
-      moveX: 0,
-      // 移动的y
-      moveY: 0,
-      // 开启截图
-      crop: !1,
-      // 正在截图
-      cropping: !1,
-      // 裁剪框大小
-      cropW: 0,
-      cropH: 0,
-      cropOldW: 0,
-      cropOldH: 0,
-      // 判断是否能够改变
-      canChangeX: !1,
-      canChangeY: !1,
-      // 改变的基准点
-      changeCropTypeX: 1,
-      changeCropTypeY: 1,
-      // 裁剪框的坐标轴
-      cropX: 0,
-      cropY: 0,
-      cropChangeX: 0,
-      cropChangeY: 0,
-      cropOffsertX: 0,
-      cropOffsertY: 0,
-      // 支持的滚动事件
-      support: "",
-      // 移动端手指缩放
-      touches: [],
-      touchNow: !1,
-      // 图片旋转
-      rotate: 0,
-      isIos: !1,
-      orientation: 0,
-      imgs: "",
-      // 图片缩放系数
-      coe: 0.2,
-      // 是否正在多次缩放
-      scaling: !1,
-      scalingSet: "",
-      coeStatus: "",
-      // 控制emit触发频率
-      isCanShow: !0
-    };
-  },
-  props: {
-    img: {
-      type: [String, Blob, null, File],
-      default: ""
-    },
-    // 输出图片压缩比
-    outputSize: {
-      type: Number,
-      default: 1
-    },
-    outputType: {
-      type: String,
-      default: "jpeg"
-    },
-    info: {
-      type: Boolean,
-      default: !0
-    },
-    // 是否开启滚轮放大缩小
-    canScale: {
-      type: Boolean,
-      default: !0
-    },
-    // 是否自成截图框
-    autoCrop: {
-      type: Boolean,
-      default: !1
-    },
-    autoCropWidth: {
-      type: [Number, String],
-      default: 0
-    },
-    autoCropHeight: {
-      type: [Number, String],
-      default: 0
-    },
-    // 是否开启固定宽高比
-    fixed: {
-      type: Boolean,
-      default: !1
-    },
-    // 宽高比 w/h
-    fixedNumber: {
-      type: Array,
-      default: () => [1, 1]
-    },
-    // 固定大小 禁止改变截图框大小
-    fixedBox: {
-      type: Boolean,
-      default: !1
-    },
-    // 输出截图是否缩放
-    full: {
-      type: Boolean,
-      default: !1
-    },
-    // 是否可以拖动图片
-    canMove: {
-      type: Boolean,
-      default: !0
-    },
-    // 是否可以拖动截图框
-    canMoveBox: {
-      type: Boolean,
-      default: !0
-    },
-    // 上传图片按照原始比例显示
-    original: {
-      type: Boolean,
-      default: !1
-    },
-    // 截图框能否超过图片
-    centerBox: {
-      type: Boolean,
-      default: !1
-    },
-    // 是否根据dpr输出高清图片
-    high: {
-      type: Boolean,
-      default: !0
-    },
-    // 截图框展示宽高类型
-    infoTrue: {
-      type: Boolean,
-      default: !1
-    },
-    // 可以压缩图片宽高  默认不超过200
-    maxImgSize: {
-      type: [Number, String],
-      default: 2e3
-    },
-    // 倍数  可渲染当前截图框的n倍 0 - 1000;
-    enlarge: {
-      type: [Number, String],
-      default: 1
-    },
-    // 自动预览的固定宽度
-    preW: {
-      type: [Number, String],
-      default: 0
-    },
-    /*
-      图片布局方式 mode 实现和css背景一样的效果
-      contain  居中布局 默认不会缩放 保证图片在容器里面 mode: 'contain'
-      cover    拉伸布局 填充整个容器  mode: 'cover'
-      如果仅有一个数值被给定，这个数值将作为宽度值大小，高度值将被设定为auto。 mode: '50px'
-      如果有两个数值被给定，第一个将作为宽度值大小，第二个作为高度值大小。 mode: '50px 60px'
-    */
-    mode: {
-      type: String,
-      default: "contain"
-    },
-    //限制最小区域,可传1以上的数字和字符串，限制长宽都是这么大
-    // 也可以传数组[90,90] 
-    limitMinSize: {
-      type: [Number, Array, String],
-      default: () => 10,
-      validator: function(t) {
-        return Array.isArray(t) ? Number(t[0]) >= 0 && Number(t[1]) >= 0 : Number(t) >= 0;
-      }
-    },
-    // 导出时,填充背景颜色
-    fillColor: {
-      type: String,
-      default: ""
-    }
-  },
-  computed: {
-    cropInfo() {
-      let t = {};
-      if (t.top = this.cropOffsertY > 21 ? "-21px" : "0px", t.width = this.cropW > 0 ? this.cropW : 0, t.height = this.cropH > 0 ? this.cropH : 0, this.infoTrue) {
-        let e = 1;
-        this.high && !this.full && (e = window.devicePixelRatio), this.enlarge !== 1 & !this.full && (e = Math.abs(Number(this.enlarge))), t.width = t.width * e, t.height = t.height * e, this.full && (t.width = t.width / this.scale, t.height = t.height / this.scale);
-      }
-      return t.width = t.width.toFixed(0), t.height = t.height.toFixed(0), t;
-    },
-    isIE() {
-      return !!window.ActiveXObject || "ActiveXObject" in window;
-    },
-    passive() {
-      return this.isIE ? null : {
-        passive: !1
-      };
-    }
-  },
-  watch: {
-    // 如果图片改变， 重新布局
-    img() {
-      this.checkedImg();
-    },
-    imgs(t) {
-      t !== "" && this.reload();
-    },
-    cropW() {
-      this.showPreview();
-    },
-    cropH() {
-      this.showPreview();
-    },
-    cropOffsertX() {
-      this.showPreview();
-    },
-    cropOffsertY() {
-      this.showPreview();
-    },
-    scale(t, e) {
-      this.showPreview();
-    },
-    x() {
-      this.showPreview();
-    },
-    y() {
-      this.showPreview();
-    },
-    autoCrop(t) {
-      t && this.goAutoCrop();
-    },
-    // 修改了自动截图框
-    autoCropWidth() {
-      this.autoCrop && this.goAutoCrop();
-    },
-    autoCropHeight() {
-      this.autoCrop && this.goAutoCrop();
-    },
-    mode() {
-      this.checkedImg();
-    },
-    rotate() {
-      this.showPreview(), this.autoCrop ? this.goAutoCrop(this.cropW, this.cropH) : (this.cropW > 0 || this.cropH > 0) && this.goAutoCrop(this.cropW, this.cropH);
-    }
-  },
-  methods: {
-    getVersion(t) {
-      var e = navigator.userAgent.split(" "), i = "";
-      let s = 0;
-      const o = new RegExp(t, "i");
-      for (var r = 0; r < e.length; r++)
-        o.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);
-      } else {
-        const h = navigator.userAgent.toLowerCase().match(/cpu iphone os (.*?) like mac os/);
-        if (h) {
-          let a = h[1];
-          a = a.split("_"), (a[0] > 13 || a[0] >= 13 && a[1] >= 4) && (e = -1);
-        }
-      }
-      let o = document.createElement("canvas"), r = o.getContext("2d");
-      switch (r.save(), e) {
-        case 2:
-          o.width = i, o.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);
-          break;
-        case 4:
-          o.width = i, o.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);
-          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);
-          break;
-        case 7:
-          o.height = i, o.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);
-          break;
-        default:
-          o.width = i, o.height = s;
-      }
-      r.drawImage(t, 0, 0, i, s), r.restore(), o.toBlob(
-        (h) => {
-          let a = URL.createObjectURL(h);
-          URL.revokeObjectURL(this.imgs), this.imgs = a;
-        },
-        "image/" + this.outputType,
-        1
-      );
-    },
-    // checkout img
-    checkedImg() {
-      if (this.img === null || this.img === "") {
-        this.imgs = "", this.clearCrop();
-        return;
-      }
-      this.loading = !0, this.scale = 1, this.rotate = 0, this.clearCrop();
-      let t = new Image();
-      if (t.onload = () => {
-        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;
-        $.getData(t).then((o) => {
-          this.orientation = o.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);
-        });
-      }, t.onerror = () => {
-        this.$emit("imgLoad", "error"), this.$emit("img-load", "error"), this.$emit("img-load-error", error);
-      }, this.img.substr(0, 4) !== "data" && (t.crossOrigin = ""), this.isIE) {
-        var e = new XMLHttpRequest();
-        e.onload = function() {
-          var i = URL.createObjectURL(this.response);
-          t.src = i;
-        }, e.open("GET", this.img, !0), e.responseType = "blob", e.send();
-      } else
-        t.src = this.img;
-    },
-    // 当按下鼠标键
-    startMove(t) {
-      if (t.preventDefault(), this.move && !this.crop) {
-        if (!this.canMove)
-          return !1;
-        this.moveX = ("clientX" in t ? t.clientX : t.touches[0].clientX) - this.x, this.moveY = ("clientY" in t ? t.clientY : t.touches[0].clientY) - this.y, t.touches ? (window.addEventListener("touchmove", this.moveImg), window.addEventListener("touchend", this.leaveImg), t.touches.length == 2 && (this.touches = t.touches, window.addEventListener("touchmove", this.touchScale), window.addEventListener("touchend", this.cancelTouchScale))) : (window.addEventListener("mousemove", this.moveImg), window.addEventListener("mouseup", this.leaveImg)), this.$emit("imgMoving", {
-          moving: !0,
-          axis: this.getImgAxis()
-        }), this.$emit("img-moving", {
-          moving: !0,
-          axis: this.getImgAxis()
-        });
-      } else
-        this.cropping = !0, window.addEventListener("mousemove", this.createCrop), window.addEventListener("mouseup", this.endCrop), window.addEventListener("touchmove", this.createCrop), window.addEventListener("touchend", this.endCrop), this.cropOffsertX = t.offsetX ? t.offsetX : t.touches[0].pageX - this.$refs.cropper.offsetLeft, this.cropOffsertY = t.offsetY ? t.offsetY : t.touches[0].pageY - this.$refs.cropper.offsetTop, this.cropX = "clientX" in t ? t.clientX : t.touches[0].clientX, this.cropY = "clientY" in t ? t.clientY : t.touches[0].clientY, this.cropChangeX = this.cropOffsertX, this.cropChangeY = this.cropOffsertY, this.cropW = 0, this.cropH = 0;
-    },
-    // 移动端缩放
-    touchScale(t) {
-      t.preventDefault();
-      let e = this.scale;
-      var i = {
-        x: this.touches[0].clientX,
-        y: this.touches[0].clientY
-      }, s = {
-        x: t.touches[0].clientX,
-        y: t.touches[0].clientY
-      }, o = {
-        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)
-      ), a = Math.sqrt(
-        Math.pow(s.x - r.x, 2) + Math.pow(s.y - r.y, 2)
-      ), c = a - h, l = 1;
-      l = l / this.trueWidth > l / this.trueHeight ? l / this.trueHeight : l / this.trueWidth, l = l > 0.1 ? 0.1 : l;
-      var n = l * c;
-      if (!this.touchNow) {
-        if (this.touchNow = !0, c > 0 ? e += Math.abs(n) : c < 0 && e > Math.abs(n) && (e -= Math.abs(n)), this.touches = t.touches, setTimeout(() => {
-          this.touchNow = !1;
-        }, 8), !this.checkoutImgAxis(this.x, this.y, e))
-          return !1;
-        this.scale = e;
-      }
-    },
-    cancelTouchScale(t) {
-      window.removeEventListener("touchmove", this.touchScale);
-    },
-    // 移动图片
-    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(() => {
-        if (this.centerBox) {
-          let r = this.getImgAxis(s, o, this.scale), h = this.getCropAxis(), a = this.trueHeight * this.scale, c = this.trueWidth * this.scale, l, n, p, f;
-          switch (this.rotate) {
-            case 1:
-            case -1:
-            case 3:
-            case -3:
-              l = this.cropOffsertX - this.trueWidth * (1 - this.scale) / 2 + (a - c) / 2, n = this.cropOffsertY - this.trueHeight * (1 - this.scale) / 2 + (c - a) / 2, p = l - a + this.cropW, f = n - c + this.cropH;
-              break;
-            default:
-              l = this.cropOffsertX - this.trueWidth * (1 - this.scale) / 2, n = this.cropOffsertY - this.trueHeight * (1 - this.scale) / 2, p = l - c + this.cropW, f = n - a + this.cropH;
-              break;
-          }
-          r.x1 >= h.x1 && (s = l), r.y1 >= h.y1 && (o = n), r.x2 <= h.x2 && (s = p), r.y2 <= h.y2 && (o = f);
-        }
-        this.x = s, this.y = o, this.$emit("imgMoving", {
-          moving: !0,
-          axis: this.getImgAxis()
-        }), this.$emit("img-moving", {
-          moving: !0,
-          axis: this.getImgAxis()
-        });
-      });
-    },
-    // 移动图片结束
-    leaveImg(t) {
-      window.removeEventListener("mousemove", this.moveImg), window.removeEventListener("touchmove", this.moveImg), window.removeEventListener("mouseup", this.leaveImg), window.removeEventListener("touchend", this.leaveImg), this.$emit("imgMoving", {
-        moving: !1,
-        axis: this.getImgAxis()
-      }), this.$emit("img-moving", {
-        moving: !1,
-        axis: this.getImgAxis()
-      });
-    },
-    // 缩放图片
-    scaleImg() {
-      this.canScale && window.addEventListener(this.support, this.changeSize, this.passive);
-    },
-    // 移出框
-    cancelScale() {
-      this.canScale && window.removeEventListener(this.support, this.changeSize);
-    },
-    // 改变大小函数
-    changeSize(t) {
-      t.preventDefault();
-      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;
-      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(() => {
-        this.scaling = !1, this.coe = this.coe += 0.01;
-      }, 50)), this.scaling = !0, !this.checkoutImgAxis(this.x, this.y, e))
-        return !1;
-      this.scale = e;
-    },
-    // 修改图片大小函数
-    changeScale(t) {
-      let e = this.scale;
-      t = t || 1;
-      var i = 20;
-      if (i = i / this.trueWidth > i / this.trueHeight ? i / this.trueHeight : i / this.trueWidth, t = t * i, t > 0 ? e += Math.abs(t) : e > Math.abs(t) && (e -= Math.abs(t)), !this.checkoutImgAxis(this.x, this.y, e))
-        return !1;
-      this.scale = e;
-    },
-    // 创建截图框
-    createCrop(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;
-      this.$nextTick(() => {
-        var s = e - this.cropX, o = 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);
-        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;
-        }
-      });
-    },
-    // 改变截图框大小
-    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", {
-        width: this.cropW,
-        height: this.cropH
-      }), this.$emit("change-crop-size", {
-        width: this.cropW,
-        height: this.cropH
-      });
-    },
-    // 正在改变
-    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;
-      if (this.centerBox) {
-        let l = this.getImgAxis(), n = l.x2, p = l.y2;
-        r = l.x1 > 0 ? l.x1 : 0, h = l.y1 > 0 ? l.y1 : 0, s > n && (s = n), o > p && (o = p);
-      }
-      const [a, c] = this.checkCropLimitSize();
-      this.$nextTick(() => {
-        var l = e - this.cropX, n = i - this.cropY;
-        if (this.canChangeX && (this.changeCropTypeX === 1 ? this.cropOldW - l < a ? (this.cropW = a, this.cropOffsertX = this.cropOldW + this.cropChangeX - r - a) : 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 < a ? this.cropW = a : 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 - n < c ? (this.cropH = c, this.cropOffsertY = this.cropOldH + this.cropChangeY - h - c) : this.cropOldH - n > 0 ? (this.cropH = o - this.cropChangeY - n <= o - h ? this.cropOldH - n : this.cropOldH + this.cropChangeY - h, this.cropOffsertY = o - this.cropChangeY - n <= o - h ? this.cropChangeY + n : h) : (this.cropH = Math.abs(n) + this.cropChangeY <= o ? Math.abs(n) - this.cropOldH : o - this.cropOldH - this.cropChangeY, this.cropOffsertY = this.cropChangeY + this.cropOldH) : this.changeCropTypeY === 2 && (this.cropOldH + n < c ? this.cropH = c : this.cropOldH + n > 0 ? (this.cropH = this.cropOldH + n + this.cropOffsertY <= o ? this.cropOldH + n : o - this.cropOffsertY, this.cropOffsertY = this.cropChangeY) : (this.cropH = o - this.cropChangeY + Math.abs(n + this.cropOldH) <= o - h ? Math.abs(n + this.cropOldH) : this.cropChangeY - h, this.cropOffsertY = o - this.cropChangeY + Math.abs(n + this.cropOldH) <= o - h ? this.cropChangeY - Math.abs(n + 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;
-        }
-        if (this.canChangeY && this.fixed) {
-          var f = this.cropH / this.fixedNumber[1] * this.fixedNumber[0];
-          f < a ? (this.cropW = a, this.cropH = this.fixedNumber[1] * a / this.fixedNumber[0]) : f + this.cropOffsertX > s ? (this.cropW = s - this.cropOffsertX, this.cropH = this.cropW / this.fixedNumber[0] * this.fixedNumber[1]) : this.cropW = f;
-        }
-        this.$emit("cropSizing", { cropW: this.cropW, cropH: this.cropH }), this.$emit("crop-sizing", { cropW: this.cropW, cropH: this.cropH });
-      });
-    },
-    checkCropLimitSize() {
-      let { cropW: t, cropH: e, limitMinSize: i } = this, s = new Array();
-      return Array.isArray(i) ? s = i : s = [i, i], t = parseFloat(s[0]), e = parseFloat(s[1]), [t, e];
-    },
-    // 结束改变
-    changeCropEnd(t) {
-      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 a = o, c = r;
-      return a < i && (a = i, c = Math.ceil(a / h)), c < s && (c = s, a = Math.ceil(c * h), a < i && (a = i, c = Math.ceil(a / h))), a < o && (a = o, c = Math.ceil(a / h)), c < r && (c = r, a = Math.ceil(c * h)), { width: a, height: c };
-    },
-    // 创建完成
-    endCrop() {
-      this.cropW === 0 && this.cropH === 0 && (this.cropping = !1);
-      let [t, e] = this.checkCropLimitSize();
-      const { width: i, height: s } = this.fixed ? this.calculateSize(
-        this.fixedNumber[0],
-        this.fixedNumber[1],
-        t,
-        e,
-        this.cropW,
-        this.cropH
-      ) : { width: t, height: e };
-      i > this.cropW && (this.cropW = i, this.cropOffsertX + i > this.w && (this.cropOffsertX = this.w - i)), s > this.cropH && (this.cropH = s, this.cropOffsertY + s > this.h && (this.cropOffsertY = this.h - s)), window.removeEventListener("mousemove", this.createCrop), window.removeEventListener("mouseup", this.endCrop), window.removeEventListener("touchmove", this.createCrop), window.removeEventListener("touchend", this.endCrop);
-    },
-    // 开始截图
-    startCrop() {
-      this.crop = !0;
-    },
-    // 停止截图
-    stopCrop() {
-      this.crop = !1;
-    },
-    // 清除截图
-    clearCrop() {
-      this.cropping = !1, this.cropW = 0, this.cropH = 0;
-    },
-    // 截图移动
-    cropMove(t) {
-      if (t.preventDefault(), !this.canMoveBox)
-        return this.crop = !1, this.startMove(t), !1;
-      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", {
-        moving: !0,
-        axis: this.getCropAxis()
-      }), this.$emit("crop-moving", {
-        moving: !0,
-        axis: this.getCropAxis()
-      });
-    },
-    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, a = s - this.cropY;
-        if (e && (h = this.cropOffsertX, a = this.cropOffsertY), h <= 0 ? o = 0 : h + this.cropW > this.w ? o = this.w - this.cropW : o = h, a <= 0 ? r = 0 : a + this.cropH > this.h ? r = this.h - this.cropH : r = a, 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);
-        }
-        this.cropOffsertX = o, this.cropOffsertY = r, this.$emit("cropMoving", {
-          moving: !0,
-          axis: this.getCropAxis()
-        }), this.$emit("crop-moving", {
-          moving: !0,
-          axis: this.getCropAxis()
-        });
-      });
-    },
-    // 算出不同场景下面 图片相对于外层容器的坐标轴
-    getImgAxis(t, e, i) {
-      t = t || this.x, e = e || this.y, i = i || this.scale;
-      let s = {
-        x1: 0,
-        x2: 0,
-        y1: 0,
-        y2: 0
-      }, o = 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;
-          break;
-        case 1:
-        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;
-          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;
-          break;
-      }
-      return s;
-    },
-    // 获取截图框的坐标轴
-    getCropAxis() {
-      let t = {
-        x1: 0,
-        x2: 0,
-        y1: 0,
-        y2: 0
-      };
-      return t.x1 = this.cropOffsertX, t.x2 = t.x1 + this.cropW, t.y1 = this.cropOffsertY, t.y2 = t.y1 + this.cropH, t;
-    },
-    leaveCrop(t) {
-      window.removeEventListener("mousemove", this.moveCrop), window.removeEventListener("mouseup", this.leaveCrop), window.removeEventListener("touchmove", this.moveCrop), window.removeEventListener("touchend", this.leaveCrop), this.$emit("cropMoving", {
-        moving: !1,
-        axis: this.getCropAxis()
-      }), this.$emit("crop-moving", {
-        moving: !1,
-        axis: this.getCropAxis()
-      });
-    },
-    getCropChecked(t) {
-      let e = document.createElement("canvas"), i = new Image(), s = this.rotate, o = this.trueWidth, r = this.trueHeight, h = this.cropOffsertX, a = this.cropOffsertY;
-      i.onload = () => {
-        if (this.cropW !== 0) {
-          let n = e.getContext("2d"), p = 1;
-          this.high & !this.full && (p = window.devicePixelRatio), this.enlarge !== 1 & !this.full && (p = Math.abs(Number(this.enlarge)));
-          let f = this.cropW * p, b = this.cropH * p, d = o * this.scale * p, g = r * this.scale * p, m = (this.x - h + this.trueWidth * (1 - this.scale) / 2) * p, u = (this.y - a + this.trueHeight * (1 - this.scale) / 2) * p;
-          switch (l(f, b), n.save(), this.fillColor && (n.fillStyle = this.fillColor, n.fillRect(0, 0, e.width, e.height)), s) {
-            case 0:
-              this.full ? (l(f / this.scale, b / this.scale), n.drawImage(
-                i,
-                m / this.scale,
-                u / this.scale,
-                d / this.scale,
-                g / this.scale
-              )) : n.drawImage(i, m, u, d, g);
-              break;
-            case 1:
-            case -3:
-              this.full ? (l(f / this.scale, b / this.scale), m = m / this.scale + (d / this.scale - g / this.scale) / 2, u = u / this.scale + (g / this.scale - d / this.scale) / 2, n.rotate(s * 90 * Math.PI / 180), n.drawImage(
-                i,
-                u,
-                -m - g / this.scale,
-                d / this.scale,
-                g / this.scale
-              )) : (m = m + (d - g) / 2, u = u + (g - d) / 2, n.rotate(s * 90 * Math.PI / 180), n.drawImage(i, u, -m - g, d, g));
-              break;
-            case 2:
-            case -2:
-              this.full ? (l(f / this.scale, b / this.scale), n.rotate(s * 90 * Math.PI / 180), m = m / this.scale, u = u / this.scale, n.drawImage(
-                i,
-                -m - d / this.scale,
-                -u - g / this.scale,
-                d / this.scale,
-                g / this.scale
-              )) : (n.rotate(s * 90 * Math.PI / 180), n.drawImage(i, -m - d, -u - g, d, g));
-              break;
-            case 3:
-            case -1:
-              this.full ? (l(f / this.scale, b / this.scale), m = m / this.scale + (d / this.scale - g / this.scale) / 2, u = u / this.scale + (g / this.scale - d / this.scale) / 2, n.rotate(s * 90 * Math.PI / 180), n.drawImage(
-                i,
-                -u - d / this.scale,
-                m,
-                d / this.scale,
-                g / this.scale
-              )) : (m = m + (d - g) / 2, u = u + (g - d) / 2, n.rotate(s * 90 * Math.PI / 180), n.drawImage(i, -u - d, m, d, g));
-              break;
-            default:
-              this.full ? (l(f / this.scale, b / this.scale), n.drawImage(
-                i,
-                m / this.scale,
-                u / this.scale,
-                d / this.scale,
-                g / this.scale
-              )) : n.drawImage(i, m, u, d, g);
-          }
-          n.restore();
-        } else {
-          let n = o * this.scale, p = r * this.scale, f = e.getContext("2d");
-          switch (f.save(), this.fillColor && (f.fillStyle = this.fillColor, f.fillRect(0, 0, e.width, e.height)), s) {
-            case 0:
-              l(n, p), f.drawImage(i, 0, 0, n, p);
-              break;
-            case 1:
-            case -3:
-              l(p, n), f.rotate(s * 90 * Math.PI / 180), f.drawImage(i, 0, -p, n, p);
-              break;
-            case 2:
-            case -2:
-              l(n, p), f.rotate(s * 90 * Math.PI / 180), f.drawImage(i, -n, -p, n, p);
-              break;
-            case 3:
-            case -1:
-              l(p, n), f.rotate(s * 90 * Math.PI / 180), f.drawImage(i, -n, 0, n, p);
-              break;
-            default:
-              l(n, p), f.drawImage(i, 0, 0, n, p);
-          }
-          f.restore();
-        }
-        t(e);
-      };
-      var c = this.img.substr(0, 4);
-      c !== "data" && (i.crossOrigin = "Anonymous"), i.src = this.imgs;
-      function l(n, p) {
-        e.width = Math.round(n), e.height = Math.round(p);
-      }
-    },
-    // 获取转换成base64 的图片信息
-    getCropData(t) {
-      this.getCropChecked((e) => {
-        t(e.toDataURL("image/" + this.outputType, this.outputSize));
-      });
-    },
-    //canvas获取为blob对象
-    getCropBlob(t) {
-      this.getCropChecked((e) => {
-        e.toBlob(
-          (i) => t(i),
-          "image/" + this.outputType,
-          this.outputSize
-        );
-      });
-    },
-    // 自动预览函数
-    showPreview() {
-      if (this.isCanShow)
-        this.isCanShow = !1, setTimeout(() => {
-          this.isCanShow = !0;
-        }, 16);
-      else
-        return !1;
-      let t = this.cropW, e = this.cropH, i = this.scale;
-      var s = {};
-      s.div = {
-        width: `${t}px`,
-        height: `${e}px`
-      };
-      let o = (this.x - this.cropOffsertX) / i, r = (this.y - this.cropOffsertY) / i, h = 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)`
-      }, 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)">
-        </div>
-      </div>`, this.$emit("realTime", s), this.$emit("real-time", s);
-    },
-    // reload 图片布局函数
-    reload() {
-      let t = new Image();
-      t.onload = () => {
-        this.w = parseFloat(window.getComputedStyle(this.$refs.cropper).width), this.h = parseFloat(window.getComputedStyle(this.$refs.cropper).height), this.trueWidth = t.width, this.trueHeight = t.height, this.original ? this.scale = 1 : this.scale = this.checkedMode(), this.$nextTick(() => {
-          this.x = -(this.trueWidth - this.trueWidth * this.scale) / 2 + (this.w - this.trueWidth * this.scale) / 2, this.y = -(this.trueHeight - this.trueHeight * this.scale) / 2 + (this.h - this.trueHeight * this.scale) / 2, this.loading = !1, this.autoCrop && this.goAutoCrop(), this.$emit("img-load", "success"), this.$emit("imgLoad", "success"), setTimeout(() => {
-            this.showPreview();
-          }, 20);
-        });
-      }, t.onerror = () => {
-        this.$emit("imgLoad", "error"), this.$emit("img-load", "error");
-      }, t.src = this.imgs;
-    },
-    // 背景布局的函数
-    checkedMode() {
-      let t = 1, e = this.trueWidth, i = this.trueHeight;
-      const s = this.mode.split(" ");
-      switch (s[0]) {
-        case "contain":
-          this.trueWidth > this.w && (t = this.w / this.trueWidth), this.trueHeight * t > this.h && (t = this.h / this.trueHeight);
-          break;
-        case "cover":
-          e = this.w, t = e / this.trueWidth, i = i * t, i < this.h && (i = this.h, t = i / this.trueHeight);
-          break;
-        default:
-          try {
-            let o = s[0];
-            if (o.search("px") !== -1) {
-              o = o.replace("px", ""), e = parseFloat(o);
-              const r = e / this.trueWidth;
-              let h = 1, a = s[1];
-              a.search("px") !== -1 && (a = a.replace("px", ""), i = parseFloat(a), h = i / this.trueHeight), t = Math.min(r, h);
-            }
-            if (o.search("%") !== -1 && (o = o.replace("%", ""), e = parseFloat(o) / 100 * this.w, t = e / this.trueWidth), s.length === 2 && o === "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);
-            }
-          } catch {
-            t = 1;
-          }
-      }
-      return t;
-    },
-    // 自动截图函数
-    goAutoCrop(t, e) {
-      if (this.imgs === "" || this.imgs === null)
-        return;
-      this.clearCrop(), this.cropping = !0;
-      let i = this.w, s = this.h;
-      if (this.centerBox) {
-        const h = Math.abs(this.rotate) % 2 > 0;
-        let a = (h ? this.trueHeight : this.trueWidth) * this.scale, c = (h ? this.trueWidth : this.trueHeight) * this.scale;
-        i = a < i ? a : i, s = c < s ? c : 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);
-    },
-    // 手动改变截图框大小函数
-    changeCrop(t, e) {
-      if (this.centerBox) {
-        let i = this.getImgAxis();
-        t > i.x2 - i.x1 && (t = i.x2 - i.x1, e = t / this.fixedNumber[0] * this.fixedNumber[1]), e > i.y2 - i.y1 && (e = i.y2 - i.y1, t = e / this.fixedNumber[1] * this.fixedNumber[0]);
-      }
-      this.cropW = t, this.cropH = e, this.checkCropLimitSize(), this.$nextTick(() => {
-        this.cropOffsertX = (this.w - this.cropW) / 2, this.cropOffsertY = (this.h - this.cropH) / 2, this.centerBox && this.moveCrop(null, !0);
-      });
-    },
-    // 重置函数， 恢复组件置初始状态
-    refresh() {
-      this.img, this.imgs = "", this.scale = 1, this.crop = !1, this.rotate = 0, this.w = 0, this.h = 0, this.trueWidth = 0, this.trueHeight = 0, this.clearCrop(), this.$nextTick(() => {
-        this.checkedImg();
-      });
-    },
-    // 向左边旋转
-    rotateLeft() {
-      this.rotate = this.rotate <= -3 ? 0 : this.rotate - 1;
-    },
-    // 向右边旋转
-    rotateRight() {
-      this.rotate = this.rotate >= 3 ? 0 : this.rotate + 1;
-    },
-    // 清除旋转
-    rotateClear() {
-      this.rotate = 0;
-    },
-    // 图片坐标点校验
-    checkoutImgAxis(t, e, i) {
-      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);
-      }
-      return s;
-    }
-  },
-  mounted() {
-    this.support = "onwheel" in document.createElement("div") ? "wheel" : document.onmousewheel !== void 0 ? "mousewheel" : "DOMMouseScroll";
-    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, a = new Uint8Array(h), c = 0; c < h; c++)
-          a[c] = r.charCodeAt(c);
-        i(new Blob([a], { 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();
-  }
-}, et = {
-  key: 0,
-  class: "cropper-box"
-}, it = ["src"], st = { class: "cropper-view-box" }, rt = ["src"], ot = { key: 1 };
-function ht(t, e, i, s, o, r) {
-  return Y(), M("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))
-  }, [
-    t.imgs ? (Y(), M("div", et, [
-      k(w("div", {
-        class: "cropper-box-canvas",
-        style: S({
-          width: t.trueWidth + "px",
-          height: t.trueHeight + "px",
-          transform: "scale(" + t.scale + "," + t.scale + ") translate3d(" + t.x / t.scale + "px," + t.y / t.scale + "px,0)rotateZ(" + t.rotate * 90 + "deg)"
-        })
-      }, [
-        w("img", {
-          src: t.imgs,
-          alt: "cropper-img",
-          ref: "cropperImg"
-        }, null, 8, it)
-      ], 4), [
-        [A, !t.loading]
-      ])
-    ])) : L("", !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))
-    }, null, 34),
-    k(w("div", {
-      class: "cropper-crop-box",
-      style: S({
-        width: t.cropW + "px",
-        height: t.cropH + "px",
-        transform: "translate3d(" + t.cropOffsertX + "px," + t.cropOffsertY + "px,0)"
-      })
-    }, [
-      w("span", st, [
-        w("img", {
-          style: S({
-            width: t.trueWidth + "px",
-            height: t.trueHeight + "px",
-            transform: "scale(" + t.scale + "," + t.scale + ") translate3d(" + (t.x - t.cropOffsertX) / t.scale + "px," + (t.y - t.cropOffsertY) / t.scale + "px,0)rotateZ(" + t.rotate * 90 + "deg)"
-          }),
-          src: t.imgs,
-          alt: "cropper-img"
-        }, null, 12, rt)
-      ]),
-      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))
-      }, null, 32),
-      i.info ? (Y(), M("span", {
-        key: 0,
-        class: "crop-info",
-        style: S({ top: r.cropInfo.top })
-      }, N(r.cropInfo.width) + " × " + N(r.cropInfo.height), 5)) : L("", !0),
-      i.fixedBox ? L("", !0) : (Y(), M("span", ot, [
-        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))
-        }, 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))
-        }, 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))
-        }, 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))
-        }, 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))
-        }, 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))
-        }, 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))
-        }, 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))
-        }, 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))
-        }, 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))
-        }, 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))
-        }, 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))
-        }, null, 32)
-      ]))
-    ], 4), [
-      [A, t.cropping]
-    ])
-  ], 544);
-}
-const at = /* @__PURE__ */ B(tt, [["render", ht], ["__scopeId", "data-v-3274417a"]]), nt = { class: "h-full" }, lt = { class: "avatar-upload-preview" }, ct = ["src"], pt = /* @__PURE__ */ F({
-  __name: "uploadAvatar",
-  props: {
-    avatar: { default: "" },
-    close: { type: Function, default: close },
-    proxyId: { default: "" }
-  },
-  setup(t) {
-    const { postSinglefile: e, postUpdateFile: i } = G(), s = t;
-    let o = I({});
-    z(async () => {
-      o.value = await q.get("userInfo");
-    });
-    const { proxy: r } = D();
-    let { avatar: h } = j(s);
-    const a = V({
-      img: "",
-      // 需要剪裁的图片
-      autoCrop: !0,
-      // 是否默认生成截图框
-      autoCropWidth: 200,
-      // 默认生成截图框的宽度
-      autoCropHeight: 200,
-      // 默认生成截图框的长度
-      fixedBox: !1,
-      // 是否固定截图框的大小 不允许改变
-      // info: true, // 裁剪框的大小信息
-      outputSize: 0.5,
-      // 裁剪生成图片的质量 [1至0.1]
-      outputType: "jpeg",
-      // 裁剪生成图片的格式
-      canScale: !1,
-      // 图片是否允许滚轮缩放
-      fixed: !1,
-      // 是否开启截图框宽高固定比例
-      fixedNumber: [1, 1],
-      // 截图框的宽高比例 需要配合centerBox一起使用才能生效
-      full: !0,
-      // 是否输出原图比例的截图
-      canMoveBox: !1,
-      // 截图框能否拖动
-      original: !1,
-      // 上传图片按照原始比例渲染
-      centerBox: !1,
-      // 截图框是否被限制在图片里面
-      infoTrue: !0,
-      // true 为展示真实输出图片宽高 false 展示看到的截图框宽高
-      filename: ""
-      // 文件名
-    }), c = I({}), l = I({});
-    I(!1);
-    let n = (u) => {
-      u == "left" && l.value.rotateLeft(), u == "right" && l.value.rotateRight();
-    }, p = (u) => {
-      const C = u || 1;
-      l.value.changeScale(C);
-    }, f = () => {
-      l.value.refresh();
-    };
-    const b = (u) => {
-      c.value = u;
-    };
-    let d = () => {
-    }, g = (u) => {
-      if (["image/png", "image/jpg", "image/jpeg", "image/PNG", "image/JPG", "image/JPEG", "image/gif"].includes(u.type)) {
-        const x = new FileReader();
-        x.readAsDataURL(u), x.onload = () => {
-          a.img = x.result, a.filename = u.name;
-        };
-      } else
-        return r.$message.error("图片格式有误，请重新上传"), !1;
-    }, m = () => {
-      a.img || r.$message.warning("请先选择图片"), l.value.getCropBlob(async (u) => {
-        const C = await e({ data: { file: u }, proxy: s.proxyId }), x = await i({
-          data: {
-            id: o.value.id,
-            attchIdArrStr: C.data.id,
-            attachType: 2
-          },
-          proxy: s.proxyId
-        });
-        s.close(x);
-      });
-    };
-    return z(() => {
-      setTimeout(() => {
-        a.img = h.value;
-      }, 100);
-    }), (u, C) => {
-      const x = O("el-col"), T = O("el-row"), P = O("bc-icon"), W = O("el-button"), R = O("hs-upload");
-      return Y(), M("div", nt, [
-        v(T, null, {
-          default: y(() => [
-            v(x, {
-              xs: 24,
-              md: 13,
-              style: { height: "350px" }
-            }, {
-              default: y(() => [
-                v(at, {
-                  ref_key: "cropperRef",
-                  ref: l,
-                  img: a.img,
-                  info: !0,
-                  infoTrue: a.infoTrue,
-                  "auto-crop": a.autoCrop,
-                  "fixed-box": a.fixedBox,
-                  fixedNumber: a.fixedNumber,
-                  fixed: a.fixed,
-                  centerBox: a.centerBox,
-                  outputType: "png",
-                  onRealTime: b
-                }, null, 8, ["img", "infoTrue", "auto-crop", "fixed-box", "fixedNumber", "fixed", "centerBox"])
-              ]),
-              _: 1
-            }),
-            v(x, {
-              xs: 24,
-              md: 11,
-              style: { height: "350px" }
-            }, {
-              default: y(() => [
-                w("div", lt, [
-                  w("img", {
-                    src: c.value.url,
-                    style: S(c.value.img)
-                  }, null, 12, ct)
-                ])
-              ]),
-              _: 1
-            })
-          ]),
-          _: 1
-        }),
-        v(T, { class: "ptb2 py-3" }, {
-          default: y(() => [
-            v(x, {
-              lg: 2,
-              md: 2
-            }, {
-              default: y(() => [
-                v(R, {
-                  action: "#",
-                  "http-request": H(d),
-                  "show-file-list": !1,
-                  "before-upload": H(g),
-                  accept: "image/*"
-                }, {
-                  default: y(() => [
-                    v(W, { size: "default" }, {
-                      default: y(() => [
-                        E(" 选择 "),
-                        v(P, { name: "ele-UploadFilled" })
-                      ]),
-                      _: 1
-                    })
-                  ]),
-                  _: 1
-                }, 8, ["http-request", "before-upload"])
-              ]),
-              _: 1
-            }),
-            v(x, {
-              lg: { span: 1, offset: 1 },
-              md: 2
-            }, {
-              default: y(() => [
-                v(W, {
-                  size: "default",
-                  icon: "ele-Plus",
-                  onClick: C[0] || (C[0] = (X) => H(p)(1))
-                })
-              ]),
-              _: 1
-            }),
-            v(x, {
-              lg: { span: 1, offset: 1 },
-              md: 2
-            }, {
-              default: y(() => [
-                v(W, {
-                  size: "default",
-                  icon: "ele-Minus",
-                  onClick: C[1] || (C[1] = (X) => H(p)(-1))
-                })
-              ]),
-              _: 1
-            }),
-            v(x, {
-              lg: { span: 1, offset: 1 },
-              md: 2
-            }, {
-              default: y(() => [
-                v(W, {
-                  size: "default",
-                  icon: "ele-RefreshLeft",
-                  onClick: C[2] || (C[2] = (X) => H(n)("left"))
-                })
-              ]),
-              _: 1
-            }),
-            v(x, {
-              lg: { span: 1, offset: 1 },
-              md: 2
-            }, {
-              default: y(() => [
-                v(W, {
-                  size: "default",
-                  icon: "ele-RefreshRight",
-                  onClick: C[3] || (C[3] = (X) => H(n)("right"))
-                })
-              ]),
-              _: 1
-            }),
-            v(x, {
-              lg: { span: 1, offset: 1 },
-              md: 2
-            }, {
-              default: y(() => [
-                v(W, {
-                  size: "default",
-                  onClick: C[4] || (C[4] = (X) => H(f)())
-                }, {
-                  default: y(() => [
-                    E("重 置")
-                  ]),
-                  _: 1
-                })
-              ]),
-              _: 1
-            }),
-            v(x, {
-              lg: { span: 1, offset: 7 },
-              md: 2
-            }, {
-              default: y(() => [
-                v(W, {
-                  size: "default",
-                  type: "primary",
-                  onClick: C[5] || (C[5] = (X) => H(m)())
-                }, {
-                  default: y(() => [
-                    E("提 交")
-                  ]),
-                  _: 1
-                })
-              ]),
-              _: 1
-            })
-          ]),
-          _: 1
-        })
-      ]);
-    };
-  }
-}), dt = /* @__PURE__ */ B(pt, [["__scopeId", "data-v-26941f37"]]);
-export {
-  dt as default
-};