@farris/ui-vue 1.1.0 → 1.1.1

package/image-cropper/index.esm.js

@@ -1,1121 +0,0 @@
-import { inject as Ce, ref as h, onMounted as Ae, onUnmounted as it, watch as R, defineComponent as Te, createVNode as C, withModifiers as F } from "vue";
-import { cloneDeep as lt } from "lodash-es";
-const Se = {}, De = {};
-function he(e) {
-  const { properties: i, title: n } = e, M = Object.keys(i).reduce((c, t) => (c[t] = i[t].type === "object" && i[t].properties ? he(i[t]) : lt(i[t].default), c), {});
-  return M.id = `${n}-${Date.now()}`, M;
-}
-function ve(e, i = {}) {
-  const n = Se[e];
-  if (n) {
-    let M = he(n);
-    const c = De[e];
-    return M = c ? c({ getSchemaByType: ve }, M, i) : M, M;
-  }
-  return null;
-}
-function rt(e, i) {
-  const n = he(i);
-  return Object.keys(e).reduce((M, c) => (M[c] = e[c], M), n), n;
-}
-function ut(e, i) {
-  return Object.keys(e).filter((M) => e[M] != null).reduce((M, c) => {
-    if (i.has(c)) {
-      const t = i.get(c);
-      if (typeof t == "string")
-        M[t] = e[c];
-      else {
-        const p = t(c, e[c], e);
-        Object.assign(M, p);
-      }
-    } else
-      M[c] = e[c];
-    return M;
-  }, {});
-}
-function ot(e, i, n = /* @__PURE__ */ new Map()) {
-  const M = rt(e, i);
-  return ut(M, n);
-}
-function st(e = {}) {
-  function i(o, d, g, l) {
-    if (typeof g == "number")
-      return l[o].length === g;
-    if (typeof g == "object") {
-      const u = Object.keys(g)[0], w = g[u];
-      if (u === "not")
-        return Number(l[o].length) !== Number(w);
-      if (u === "moreThan")
-        return Number(l[o].length) >= Number(w);
-      if (u === "lessThan")
-        return Number(l[o].length) <= Number(w);
-    }
-    return !1;
-  }
-  function n(o, d, g, l) {
-    return l[d] && l[d].propertyValue && String(l[d].propertyValue.value) === String(g);
-  }
-  const M = /* @__PURE__ */ new Map([
-    ["length", i],
-    ["getProperty", n]
-  ]);
-  Object.keys(e).reduce((o, d) => (o.set(d, e[d]), o), M);
-  function c(o, d) {
-    const g = o;
-    return typeof d == "number" ? [{ target: g, operator: "length", param: null, value: Number(d) }] : typeof d == "boolean" ? [{ target: g, operator: "getProperty", param: o, value: !!d }] : typeof d == "object" ? Object.keys(d).map((l) => {
-      if (l === "length")
-        return { target: g, operator: "length", param: null, value: d[l] };
-      const u = l, w = d[l];
-      return { target: g, operator: o, param: u, value: w };
-    }) : [];
-  }
-  function t(o) {
-    return Object.keys(o).reduce((g, l) => {
-      const u = c(l, o[l]);
-      return g.push(...u), g;
-    }, []);
-  }
-  function p(o, d) {
-    if (M.has(o.operator)) {
-      const g = M.get(o.operator);
-      return g && g(o.target, o.param, o.value, d) || !1;
-    }
-    return !1;
-  }
-  function x(o, d) {
-    return t(o).reduce((u, w) => u && p(w, d), !0);
-  }
-  function A(o, d) {
-    const g = Object.keys(o), l = g.includes("allOf"), u = g.includes("anyOf"), w = l || u, W = (w ? o[w ? l ? "allOf" : "anyOf" : "allOf"] : [o]).map((z) => x(z, d));
-    return l ? !W.includes(!1) : W.includes(!0);
-  }
-  return { parseValueSchema: A };
-}
-const ct = {}, ft = {};
-st();
-function vt(e, i, n = /* @__PURE__ */ new Map(), M = (p, x, A) => x, c = {}, t = (p) => p) {
-  return Se[i.title] = i, De[i.title] = M, ct[i.title] = c, ft[i.title] = t, (p = {}) => {
-    const x = ot(p, i, n), A = Object.keys(e).reduce((o, d) => (o[d] = e[d].default, o), {});
-    return Object.assign(A, x);
-  };
-}
-function ht(e, i) {
-  return { customClass: i.class };
-}
-function mt(e, i, n) {
-  return i;
-}
-const dt = /* @__PURE__ */ new Map([
-  ["appearance", ht]
-]), gt = "https://json-schema.org/draft/2020-12/schema", pt = "https://farris-design.gitee.io/image-cropper.schema.json", yt = "image-cropper", xt = "A Farris Component", Mt = "object", bt = {
-  id: {
-    description: "The unique identifier for image-cropper",
-    type: "string"
-  },
-  type: {
-    description: "The type string of image-cropper",
-    type: "string",
-    default: "image-cropper"
-  },
-  appearance: {
-    description: "",
-    type: "object",
-    properties: {
-      class: {
-        type: "string"
-      },
-      style: {
-        type: "string"
-      }
-    },
-    default: {}
-  },
-  binding: {
-    description: "",
-    type: "object",
-    default: {}
-  },
-  disable: {
-    type: "string",
-    default: !1
-  },
-  editable: {
-    description: "",
-    type: "boolean",
-    default: !0
-  },
-  placeHolder: {
-    description: "",
-    type: "string",
-    default: ""
-  },
-  readonly: {
-    description: "",
-    type: "boolean",
-    default: !1
-  },
-  require: {
-    description: "",
-    type: "boolean",
-    default: !1
-  },
-  tabindex: {
-    description: "",
-    type: "number",
-    default: -1
-  },
-  visible: {
-    description: "",
-    type: "boolean",
-    default: !0
-  }
-}, wt = [
-  "id",
-  "type"
-], Ct = {
-  $schema: gt,
-  $id: pt,
-  title: yt,
-  description: xt,
-  type: Mt,
-  properties: bt,
-  required: wt
-}, At = "image-cropper", Tt = "A Farris Component", St = "object", Dt = {
-  basic: {
-    description: "Basic Infomation",
-    title: "基本信息",
-    properties: {
-      id: {
-        description: "组件标识",
-        title: "标识",
-        type: "string",
-        readonly: !0
-      },
-      type: {
-        description: "组件类型",
-        title: "控件类型",
-        type: "select",
-        editor: {
-          type: "waiting for modification",
-          enum: []
-        }
-      }
-    }
-  },
-  behavior: {
-    description: "Basic Infomation",
-    title: "行为",
-    properties: {
-      readonly: {
-        description: "",
-        title: "只读",
-        type: "string"
-      },
-      required: {
-        description: "",
-        title: "必填",
-        type: "boolean"
-      },
-      visible: {
-        description: "",
-        title: "可见",
-        type: "boolean"
-      },
-      placeHolder: {
-        description: "",
-        title: "提示文本",
-        type: "string"
-      },
-      tabindex: {
-        description: "",
-        title: "tab索引",
-        type: "number"
-      }
-    }
-  }
-}, Et = {
-  title: At,
-  description: Tt,
-  type: St,
-  categories: Dt
-}, me = {
-  /** 输出图片格式 */
-  format: { type: String, default: "png" },
-  /** 保持长宽比例 */
-  maintainAspectRatio: { type: Boolean, default: !0 },
-  /** scale缩放 rotate旋转 flipH横向反转 flipV垂直翻转 执行变化 */
-  transform: { type: Object, default: { scale: 0, rotate: 0, flipH: !1, flipV: !1 } },
-  /** 宽高比例 width/height */
-  aspectRatio: { type: Number, default: 1 },
-  /** 裁剪后图片被调整为的宽度 */
-  resizeToWidth: { type: Number, default: 0 },
-  /** 裁剪后图片被调整为的高度 */
-  resizeToHeight: { type: Number, default: 0 },
-  /** 裁剪最小宽度 */
-  cropperMinWidth: { type: Number, default: 0 },
-  /** 裁剪最小高度 */
-  cropperMinHeight: { type: Number, default: 0 },
-  /** 旋转画布 1 = 90deg  */
-  canvasRotation: { type: Number, default: 0 },
-  /** 裁剪形状是否为圆形 */
-  roundCropper: { type: Boolean, default: !0 },
-  /** 启用这个选项将确保较小的图像不会被放大 */
-  onlyScaleDown: { type: Boolean, default: !1 },
-  /** 适用于使用jpeg或webp作为输出格式时。输入0到100之间的数字将决定输出图像的质量 */
-  imageQuality: { type: Number, default: 92 },
-  /** 是否每次修改cropper的位置或大小时，cropper都会发出一个图像 */
-  autoCrop: { type: Boolean, default: !0 },
-  /** 背景色 */
-  backgroundColor: { type: String, default: "" },
-  /** 是否在图像周围添加填充以使其适合长宽比 */
-  containWithinAspectRatio: { type: Boolean, default: !1 },
-  /** 隐藏 */
-  hideResizeSquares: { type: Boolean, default: !1 },
-  /** 图片加载错误的提示 */
-  loadImageErrorText: { type: String, default: "图片加载错误" },
-  /** 图片居中 */
-  alignImage: { type: String, default: "center" },
-  /** 是否禁用 */
-  disabled: { type: Boolean, default: !1 },
-  /** 图片路径 */
-  imageURL: { type: String, default: "./src/assets/image01.png" },
-  /** 图片事件变化 */
-  imageChangedEvent: { type: Object, default: null },
-  /** imageBase64 */
-  imageBase64: { type: String, default: "" },
-  /** imageFile */
-  imageFile: { type: Object, default: null },
-  /** 裁剪的坐标 */
-  cropper: {
-    type: Object,
-    default: {
-      x1: -100,
-      y1: -100,
-      x2: 1e4,
-      y2: 1e4
-    }
-  }
-}, we = vt(me, Ct, dt, mt, Et);
-var ae = /* @__PURE__ */ ((e) => (e.Move = "move", e.Resize = "resize", e))(ae || {});
-function kt() {
-  function e(c) {
-    switch (typeof c == "string" && (c = i(c)), c) {
-      case 2:
-        return { rotate: 0, flip: !0 };
-      case 3:
-        return { rotate: 2, flip: !1 };
-      case 4:
-        return { rotate: 2, flip: !0 };
-      case 5:
-        return { rotate: 1, flip: !0 };
-      case 6:
-        return { rotate: 1, flip: !1 };
-      case 7:
-        return { rotate: 3, flip: !0 };
-      case 8:
-        return { rotate: 3, flip: !1 };
-      default:
-        return { rotate: 0, flip: !1 };
-    }
-  }
-  function i(c) {
-    const t = new DataView(n(c));
-    if (t.getUint16(0, !1) !== 65496)
-      return -2;
-    const p = t.byteLength;
-    let x = 2;
-    for (; x < p; ) {
-      if (t.getUint16(x + 2, !1) <= 8)
-        return -1;
-      const A = t.getUint16(x, !1);
-      if (x += 2, A === 65505) {
-        if (t.getUint32(x += 2, !1) !== 1165519206)
-          return -1;
-        const o = t.getUint16(x += 6, !1) === 18761;
-        x += t.getUint32(x + 4, o);
-        const d = t.getUint16(x, o);
-        x += 2;
-        for (let g = 0; g < d; g++)
-          if (t.getUint16(x + g * 12, o) === 274)
-            return t.getUint16(x + g * 12 + 8, o);
-      } else {
-        if ((A & 65280) !== 65280)
-          break;
-        x += t.getUint16(x, !1);
-      }
-    }
-    return -1;
-  }
-  function n(c) {
-    c = c.replace(/^data:([^;]+);base64,/gmi, "");
-    const t = atob(c), p = t.length, x = new Uint8Array(p);
-    for (let A = 0; A < p; A++)
-      x[A] = t.charCodeAt(A);
-    return x.buffer;
-  }
-  function M(c, t, p) {
-    const x = c.width, A = c.height;
-    t = Math.round(t), p = Math.round(p);
-    const o = x / t, d = A / p, g = Math.ceil(o / 2), l = Math.ceil(d / 2), u = c.getContext("2d");
-    if (u) {
-      const w = u.getImageData(0, 0, x, A), b = u.createImageData(t, p), { data: L } = w, W = b.data;
-      for (let P = 0; P < p; P++)
-        for (let z = 0; z < t; z++) {
-          const j = (z + P * t) * 4, k = P * d;
-          let m = 0, s = 0, v = 0, _ = 0, Q = 0, T = 0, S = 0;
-          const I = Math.floor(z * o), B = Math.floor(P * d);
-          let J = Math.ceil((z + 1) * o), Z = Math.ceil((P + 1) * d);
-          J = Math.min(J, x), Z = Math.min(Z, A);
-          for (let N = B; N < Z; N++) {
-            const D = Math.abs(k - N) / l, ne = z * o, ee = D * D;
-            for (let U = I; U < J; U++) {
-              const V = Math.abs(ne - U) / g, H = Math.sqrt(ee + V * V);
-              if (H >= 1)
-                continue;
-              m = 2 * H * H * H - 3 * H * H + 1;
-              const O = 4 * (U + N * x);
-              S += m * L[O + 3], v += m, L[O + 3] < 255 && (m = m * L[O + 3] / 250), _ += m * L[O], Q += m * L[O + 1], T += m * L[O + 2], s += m;
-            }
-          }
-          W[j] = _ / s, W[j + 1] = Q / s, W[j + 2] = T / s, W[j + 3] = S / v;
-        }
-      c.width = t, c.height = p, u.putImageData(b, 0, 0);
-    }
-  }
-  return {
-    resizeCanvas: M,
-    getTransformationsFromExifData: e
-  };
-}
-function zt(e, i, n, M) {
-  function c(l, u) {
-    e.value.x2 = e.value.x1 + (e.value.y2 - e.value.y1) * n.value, l = Math.max(e.value.x2 - i.value.width, 0), u = Math.max(0 - e.value.y1, 0), (l > 0 || u > 0) && (e.value.x2 -= u * n.value > l ? u * n.value : l, e.value.y1 += u * n.value > l ? u : l / n.value);
-  }
-  function t(l, u) {
-    e.value.x2 = e.value.x1 + (e.value.y2 - e.value.y1) * n.value, l = Math.max(e.value.x2 - i.value.width, 0), u = Math.max(e.value.y2 - i.value.height, 0), (l > 0 || u > 0) && (e.value.x2 -= u * n.value > l ? u * n.value : l, e.value.y2 -= u * n.value > l ? u : l / n.value);
-  }
-  function p(l, u) {
-    e.value.y1 = e.value.y2 - (e.value.x2 - e.value.x1) / n.value, l = Math.max(0 - e.value.x1, 0), u = Math.max(0 - e.value.y1, 0), (l > 0 || u > 0) && (e.value.x1 += u * n.value > l ? u * n.value : l, e.value.y1 += u * n.value > l ? u : l / n.value);
-  }
-  function x(l, u) {
-    e.value.y1 = e.value.y2 - (e.value.x2 - e.value.x1) / n.value, l = Math.max(e.value.x2 - i.value.width, 0), u = Math.max(0 - e.value.y1, 0), (l > 0 || u > 0) && (e.value.x2 -= u * n.value > l ? u * n.value : l, e.value.y1 += u * n.value > l ? u : l / n.value);
-  }
-  function A(l, u) {
-    e.value.y2 = e.value.y1 + (e.value.x2 - e.value.x1) / n.value, l = Math.max(e.value.x2 - i.value.width, 0), u = Math.max(e.value.y2 - i.value.height, 0), (l > 0 || u > 0) && (e.value.x2 -= u * n.value > l ? u * n.value : l, e.value.y2 -= u * n.value > l ? u : l / n.value);
-  }
-  function o(l, u) {
-    e.value.y2 = e.value.y1 + (e.value.x2 - e.value.x1) / n.value, l = Math.max(0 - e.value.x1, 0), u = Math.max(e.value.y2 - i.value.height, 0), (l > 0 || u > 0) && (e.value.x1 += u * n.value > l ? u * n.value : l, e.value.y2 -= u * n.value > l ? u : l / n.value);
-  }
-  function d() {
-    e.value.x2 = e.value.x1 + (e.value.y2 - e.value.y1) * n.value, e.value.y2 = e.value.y1 + (e.value.x2 - e.value.x1) / n.value;
-    const l = Math.max(0 - e.value.x1, 0), u = Math.max(e.value.x2 - i.value.width, 0), w = Math.max(e.value.y2 - i.value.height, 0), b = Math.max(0 - e.value.y1, 0);
-    (l > 0 || u > 0 || w > 0 || b > 0) && (e.value.x1 += w * n.value > l ? w * n.value : l, e.value.x2 -= b * n.value > u ? b * n.value : u, e.value.y1 += b * n.value > u ? b : u / n.value, e.value.y2 -= w * n.value > l ? w : l / n.value);
-  }
-  function g() {
-    if (i.value.width && i.value.height)
-      switch (M.position) {
-        case "top":
-          c(0, 0);
-          break;
-        case "bottom":
-          t(0, 0);
-          break;
-        case "topleft":
-          p(0, 0);
-          break;
-        case "topright":
-          x(0, 0);
-          break;
-        case "right":
-        case "bottomright":
-          A(0, 0);
-          break;
-        case "left":
-        case "bottomleft":
-          o(0, 0);
-          break;
-        case "center":
-          d();
-          break;
-      }
-  }
-  return { checkAspectRatio: g };
-}
-function Ee(e, i) {
-  const { resizeCanvas: n, getTransformationsFromExifData: M } = kt(), c = Ce("NotifyService"), t = h(e.cropper), p = h(e.transform), x = h(e.cropperMinWidth), A = h(e.maintainAspectRatio), o = h(e.aspectRatio), d = h(e.autoCrop), g = h(e.backgroundColor), l = h(e.resizeToWidth), u = h(e.onlyScaleDown), w = h(e.containWithinAspectRatio), b = h(e.canvasRotation), L = h(e.format), W = h(e.imageQuality), P = h(e.resizeToHeight), z = h(e.cropperMinHeight), j = h(""), k = h(!0), m = h(!0);
-  let s, v, _ = 0, Q, T, S;
-  const I = h(null), B = h(""), J = h(""), Z = h("0px"), N = h(), D = h({ width: 100, height: 100 }), ne = ae;
-  let ee, U = 20, V = 20, H = !1, O = { rotate: 0, flip: !1 }, y = { active: !1, type: null, position: null, x1: 0, y1: 0, x2: 0, y2: 0, clientX: 0, clientY: 0 };
-  const de = h(e.imageChangedEvent), ie = h(e.imageURL), ke = h(e.imageBase64), ze = h(e.imageFile);
-  function Be() {
-    J.value = "scaleX(" + (p.value.scale || 1) * (p.value.flipH ? -1 : 1) + ")scaleY(" + (p.value.scale || 1) * (p.value.flipV ? -1 : 1) + ")rotate(" + (p.value.rotate || 0) + "deg)";
-  }
-  function X() {
-    m.value = !1, N.value = null, j.value = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAC0lEQVQYV2NgAAIAAAUAAarVyFEAAAAASUVORK5CYII=", y = {
-      active: !1,
-      type: null,
-      position: null,
-      x1: 0,
-      y1: 0,
-      x2: 0,
-      y2: 0,
-      clientX: 0,
-      clientY: 0
-    }, D.value = {
-      width: 0,
-      height: 0
-    }, s = {
-      width: 0,
-      height: 0
-    }, v = {
-      width: 0,
-      height: 0
-    }, t.value.x1 = -100, t.value.y1 = -100, t.value.x2 = 1e4, t.value.y2 = 1e4;
-  }
-  function We(a) {
-    return /image\/(png|jpg|jpeg|bmp|gif|tiff|webp)/.test(a);
-  }
-  function Ne() {
-    if (b.value += O.rotate, w.value && s.width && s.height) {
-      if (b.value % 2) {
-        const f = s.width * o.value, E = s.height / o.value;
-        return {
-          width: Math.max(s.height, f),
-          height: Math.max(s.width, E)
-        };
-      }
-      const a = s.height * o.value, r = s.width / o.value;
-      return {
-        width: Math.max(s.width, a),
-        height: Math.max(s.height, r)
-      };
-    }
-    return b.value % 2 ? {
-      height: s.width,
-      width: s.height
-    } : {
-      width: s.width,
-      height: s.height
-    };
-  }
-  function Le() {
-    b.value += O.rotate;
-    const a = Ne(), r = document.createElement("canvas");
-    a.width && a.height && (r.width = a.width, r.height = a.height);
-    const f = r.getContext("2d");
-    return s.width && s.height && S && (f == null || f.setTransform(O.flip ? -1 : 1, 0, 0, 1, r.width / 2, r.height / 2), f == null || f.rotate(Math.PI * (b.value / 2)), f == null || f.drawImage(S, -s.width / 2, -s.height / 2)), r.toDataURL();
-  }
-  function Pe(a) {
-    return new Promise((r) => {
-      ee = a, j.value = a, N.value = new Image(), N.value.onload = () => {
-        var f, E;
-        v.width = (f = N.value) == null ? void 0 : f.naturalWidth, v.height = (E = N.value) == null ? void 0 : E.naturalHeight, r();
-      }, N.value.src = ee;
-    });
-  }
-  function ge() {
-    if (!S || !S.complete || !O)
-      return Promise.reject(new Error("No image loaded"));
-    const a = Le();
-    return Pe(a);
-  }
-  function le(a) {
-    const r = (f) => {
-      c.show({
-        showCloseButton: !1,
-        timeout: 3e3,
-        animate: "fadeIn",
-        toasts: [{ type: "string", title: "提示", msg: "图片上传错误，请重试" }]
-      }), k.value = !1, H = !0, i.emit("loadImageFailed"), S = null, B.value = "";
-    };
-    S = new Image(), S.onload = () => {
-      B.value = a, O = M(a), s.width = S == null ? void 0 : S.naturalWidth, s.height = S == null ? void 0 : S.naturalHeight, ge().then(() => {
-        H = !1;
-      }).catch(r);
-    }, S.onerror = r, S.src = a;
-  }
-  function He(a, r) {
-    We(r) ? (H = !1, le(a)) : (c.show({
-      showCloseButton: !1,
-      timeout: 3e3,
-      animate: "fadeIn",
-      toasts: [{ type: "string", title: "提示", msg: "图片类型不正确,请重试" }]
-    }), k.value = !1, H = !0, i.emit("loadImageFailed"));
-  }
-  function pe(a) {
-    const r = new FileReader();
-    r.onload = (f) => He(f.target.result, a.type), r.readAsDataURL(a);
-  }
-  function ye(a) {
-    const r = new Image();
-    r.onerror = () => {
-      c.show({
-        showCloseButton: !1,
-        timeout: 3e3,
-        animate: "fadeIn",
-        toasts: [{ type: "string", title: "提示", msg: "图片加载错误，请重试" }]
-      }), k.value = !1, H = !0, i.emit("loadImageFailed");
-    }, r.onload = () => {
-      H = !1;
-      const f = document.createElement("canvas"), E = f.getContext("2d");
-      f.width = r.width, f.height = r.height, E == null || E.drawImage(r, 0, 0), le(f.toDataURL());
-    }, r.crossOrigin = "anonymous", r.src = a;
-  }
-  function $e() {
-    return I.value && I.value && I.value.offsetWidth > 0;
-  }
-  function re() {
-    if (I.value) {
-      const a = I.value;
-      D.value.width = a.offsetWidth, D.value.height = a.offsetHeight, Z.value = "calc(50% - " + D.value.width / 2 + "px)";
-    }
-  }
-  function _e() {
-    N.value && D.value.width && (U = x.value > 0 ? Math.max(20, x.value / N.value.width * D.value.width) : 20);
-  }
-  function Ie() {
-    A.value ? V = Math.max(20, U / o.value) : z.value > 0 && N.value && D.value.height ? V = Math.max(20, z.value / N.value.height * D.value.height) : V = 20;
-  }
-  function ue() {
-    N.value ? (_e(), Ie()) : (U = 20, V = 20);
-  }
-  function Ue() {
-    const a = I.value, r = h({ x1: 0, x2: 0, y1: 0, y2: 0 });
-    if (a && v.width && v.height) {
-      const f = v.width / a.offsetWidth;
-      r.value = {
-        x1: Math.round(t.value.x1 * f),
-        y1: Math.round(t.value.y1 * f),
-        x2: Math.round(t.value.x2 * f),
-        y2: Math.round(t.value.y2 * f)
-      }, w.value || (r.value.x1 = Math.max(r.value.x1, 0), r.value.y1 = Math.max(r.value.y1, 0), r.value.x2 = Math.min(r.value.x2, v.width), r.value.y2 = Math.min(r.value.y2, v.height));
-    }
-    return r.value;
-  }
-  function Ve() {
-    b.value += O.rotate;
-    const a = I.value, r = h({ x1: 0, x2: 0, y1: 0, y2: 0 });
-    if (a && v.height && v.width && s.height && s.width) {
-      const f = v.width / a.offsetWidth;
-      let E, $;
-      b.value % 2 ? (E = (v.width - s.height) / 2, $ = (v.height - s.width) / 2) : (E = (v.width - s.width) / 2, $ = (v.height - s.height) / 2), r.value = {
-        x1: Math.round(t.value.x1 * f) - E,
-        y1: Math.round(t.value.y1 * f) - $,
-        x2: Math.round(t.value.x2 * f) - E,
-        y2: Math.round(t.value.y2 * f) - $
-      }, w.value || (r.value.x1 = Math.max(r.value.x1, 0), r.value.y1 = Math.max(r.value.y1, 0), r.value.x2 = Math.min(r.value.x2, v.width), r.value.y2 = Math.min(r.value.y2, v.height));
-    }
-    return r.value;
-  }
-  function je(a, r) {
-    if (l.value > 0) {
-      if (!u.value || a > l.value)
-        return l.value / a;
-    } else if (P.value > 0 && (!u.value || r > P.value))
-      return P.value / r;
-    return 1;
-  }
-  function Oe() {
-    return Math.min(1, Math.max(0, W.value / 100));
-  }
-  function Fe(a) {
-    return a.toDataURL("image/" + L.value, Oe());
-  }
-  function qe() {
-    if (I.value && I.value && N.value != null) {
-      const a = Ue(), r = a.x2 - a.x1, f = a.y2 - a.y1, E = document.createElement("canvas");
-      E.width = r, E.height = f;
-      const $ = E.getContext("2d");
-      if ($) {
-        g.value != null && ($.fillStyle = g.value, $.fillRect(0, 0, r, f));
-        const G = (p.value.scale || 1) * (p.value.flipH ? -1 : 1), Y = (p.value.scale || 1) * (p.value.flipV ? -1 : 1);
-        v.width && v.height && ($.setTransform(G, 0, 0, Y, v.width / 2, v.height / 2), $.translate(-a.x1 / G, -a.y1 / Y), $.rotate((p.value.rotate || 0) * Math.PI / 180), $.drawImage(N.value, -v.width / 2, -v.height / 2));
-        const q = {
-          width: r,
-          height: f,
-          imagePosition: a,
-          cropperPosition: { ...t.value }
-        };
-        w.value && (q.offsetImagePosition = Ve());
-        const K = je(r, f);
-        return K !== 1 && (q.width = Math.round(r * K), q.height = A.value ? Math.round(q.width / o.value) : Math.round(f * K), n(E, q.width, q.height)), q.base64 = Fe(E), i.emit("imageCropped", q), q;
-      }
-    }
-    return null;
-  }
-  function te() {
-    d.value && qe();
-  }
-  function xe() {
-    const a = I.value;
-    if (a) {
-      if (!A.value)
-        t.value.x1 = 0, t.value.x2 = a.offsetWidth, t.value.y1 = 0, t.value.y2 = a.offsetHeight;
-      else if (a.offsetWidth / o.value < a.offsetHeight) {
-        t.value.x1 = 0, t.value.x2 = a.offsetWidth;
-        const r = a.offsetWidth / o.value;
-        t.value.y1 = (a.offsetHeight - r) / 2, t.value.y2 = t.value.y1 + r;
-      } else {
-        t.value.y1 = 0, t.value.y2 = a.offsetHeight;
-        const r = a.offsetHeight * o.value;
-        t.value.x1 = (a.offsetWidth - r) / 2, t.value.x2 = t.value.x1 + r;
-      }
-      te(), m.value = !0;
-    }
-  }
-  function Me() {
-    _ > 40 ? (c.show({
-      showCloseButton: !1,
-      timeout: 3e3,
-      animate: "fadeIn",
-      toasts: [{ type: "string", title: "提示", msg: "图片加载超时，请重试" }]
-    }), H = !0, k.value = !1, i.emit("loadImageFailed")) : $e() ? (H = !1, re(), ue(), xe(), i.emit("cropperReady", { ...D.value })) : (_++, setTimeout(() => Me(), 50));
-  }
-  function Qe() {
-    N.value != null && (k.value = !1, i.emit("imageLoaded"), _ = 0, setTimeout(() => Me()));
-  }
-  function Je() {
-    const a = I.value;
-    (D.value.width !== (a == null ? void 0 : a.offsetWidth) || D.value.height !== (a == null ? void 0 : a.offsetHeight)) && D.value.width && D.value.height && a && (t.value.x1 = t.value.x1 * a.offsetWidth / D.value.width, t.value.x2 = t.value.x2 * a.offsetWidth / D.value.width, t.value.y1 = t.value.y1 * a.offsetHeight / D.value.height, t.value.y2 = t.value.y2 * a.offsetHeight / D.value.height);
-  }
-  const Ge = () => {
-    Je(), re(), ue();
-  }, be = () => {
-    clearTimeout(T), T = setTimeout(Ge, 300);
-  };
-  Ae(() => {
-    window.addEventListener("resize", be), ie.value && (X(), k.value = !0, ye(ie.value));
-  }), it(() => {
-    window.removeEventListener("resize", be);
-  });
-  function Ze() {
-    y.active && (y.active = !1, te());
-  }
-  function oe(a) {
-    return (a.touches && a.touches[0] ? a.touches[0].clientX : a.clientX) || 0;
-  }
-  function se(a) {
-    return (a.touches && a.touches[0] ? a.touches[0].clientY : a.clientY) || 0;
-  }
-  function Ye(a, r, f = null) {
-    y && y.active || (a.preventDefault && a.preventDefault(), y = {
-      active: !0,
-      type: r,
-      position: f,
-      clientX: oe(a),
-      clientY: se(a),
-      ...t.value
-    });
-  }
-  function ce(a = !1) {
-    t.value.x1 < 0 && (t.value.x2 -= a ? t.value.x1 : 0, t.value.x1 = 0), t.value.y1 < 0 && (t.value.y2 -= a ? t.value.y1 : 0, t.value.y1 = 0), t.value.x2 > D.value.width && (t.value.x1 -= a ? t.value.x2 - D.value.width : 0, t.value.x2 = D.value.width), t.value.y2 > D.value.height && (t.value.y1 -= a ? t.value.y2 - D.value.height : 0, t.value.y2 = D.value.height);
-  }
-  function Xe(a) {
-    const r = oe(a) - y.clientX, f = se(a) - y.clientY;
-    t.value.x1 = y.x1 + r, t.value.y1 = y.y1 + f, t.value.x2 = y.x2 + r, t.value.y2 = y.y2 + f;
-  }
-  const { checkAspectRatio: Ke } = zt(t, D, o, y);
-  function Re(a) {
-    const r = oe(a) - y.clientX, f = se(a) - y.clientY;
-    switch (y.position) {
-      case "left":
-        t.value.x1 = Math.min(y.x1 + r, t.value.x2 - U);
-        break;
-      case "topleft":
-        t.value.x1 = Math.min(y.x1 + r, t.value.x2 - U), t.value.y1 = Math.min(y.y1 + f, t.value.y2 - V);
-        break;
-      case "top":
-        t.value.y1 = Math.min(y.y1 + f, t.value.y2 - V);
-        break;
-      case "topright":
-        t.value.x2 = Math.max(y.x2 + r, t.value.x1 + U), t.value.y1 = Math.min(y.y1 + f, t.value.y2 - V);
-        break;
-      case "right":
-        t.value.x2 = Math.max(y.x2 + r, t.value.x1 + U);
-        break;
-      case "bottomright":
-        t.value.x2 = Math.max(y.x2 + r, t.value.x1 + U), t.value.y2 = Math.max(y.y2 + f, t.value.y1 + V);
-        break;
-      case "bottom":
-        t.value.y2 = Math.max(y.y2 + f, t.value.y1 + V);
-        break;
-      case "bottomleft":
-        t.value.x1 = Math.min(y.x1 + r, t.value.x2 - U), t.value.y2 = Math.max(y.y2 + f, t.value.y1 + V);
-        break;
-      case "center":
-        const { scale: E } = a, $ = Math.abs(y.x2 - y.x1) * E, G = Math.abs(y.y2 - y.y1) * E, { x1: Y } = t.value, { y1: q } = t.value;
-        t.value.x1 = Math.min(y.clientX - $ / 2, t.value.x2 - U), t.value.y1 = Math.min(y.clientY - G / 2, t.value.y2 - V), t.value.x2 = Math.max(y.clientX + $ / 2, Y + U), t.value.y2 = Math.max(y.clientY + G / 2, q + V);
-        break;
-    }
-    A.value && Ke();
-  }
-  function et(a) {
-    y && y.active && (a.stopPropagation && a.stopPropagation(), a.preventDefault && a.preventDefault(), clearTimeout(Q), Q = setTimeout(() => {
-      y.type === ae.Move ? (Xe(a), ce(!0)) : y.type === ae.Resize && (Re(a), ce(!1));
-    }, 300));
-  }
-  return R(de, (a) => {
-    X(), a && a.target && a.target.files && a.target.files.length > 0 && (k.value = !0, pe(a.target.files[0]));
-  }), R(ie, (a) => {
-    a ? (X(), k.value = !0, ye(a)) : (c.show({
-      showCloseButton: !1,
-      timeout: 3e3,
-      animate: "fadeIn",
-      toasts: [{ type: "string", title: "提示", msg: "图片路径为空" }]
-    }), k.value = !1, H = !0);
-  }), R(ke, (a) => {
-    X(), k.value = !0, le(a);
-  }), R(ze, (a) => {
-    X(), a && (k.value = !0, pe(a));
-  }), R(
-    () => [
-      e.containWithinAspectRatio,
-      e.canvasRotation,
-      e.cropper,
-      e.aspectRatio,
-      e.transform,
-      e.imageChangedEvent
-    ],
-    ([a, r, f, E, $, G], [Y, q, K, tt, at, nt]) => {
-      S && S.complete && O && (a !== Y || r !== q) && ge(), f !== K && (re(), ue(), ce(!1), te()), E !== tt && m.value && xe(), $ !== at && (Be(), te()), G !== nt && (de.value = G);
-    }
-  ), {
-    uploadError: H,
-    imageVisible: m,
-    backgroundColor: g,
-    sourceImage: I,
-    safeImgDataUrl: j,
-    safeTransformStyle: J,
-    maxSize: D,
-    cropper: t,
-    marginLeft: Z,
-    moveTypes: ne,
-    isLoading: k,
-    startMove: Ye,
-    imageLoadedInView: Qe,
-    moveStop: Ze,
-    moveImg: et
-  };
-}
-const fe = /* @__PURE__ */ Te({
-  name: "FImageCropper",
-  props: me,
-  emits: ["imageCropped", "imageLoaded", "cropperReady", "loadImageFailed"],
-  setup(e, i) {
-    const n = h(e.alignImage), M = h(e.roundCropper), c = h(e.hideResizeSquares), t = h(e.loadImageErrorText), p = h(e.disabled), x = h(null), {
-      uploadError: A,
-      imageVisible: o,
-      backgroundColor: d,
-      sourceImage: g,
-      safeImgDataUrl: l,
-      safeTransformStyle: u,
-      maxSize: w,
-      cropper: b,
-      marginLeft: L,
-      moveTypes: W,
-      isLoading: P,
-      startMove: z,
-      imageLoadedInView: j,
-      moveStop: k,
-      moveImg: m
-    } = Ee(e, i);
-    function s(T) {
-      return C("span", {
-        class: `farris-image-cropper-resize-bar ${T}`,
-        onMousedown: F((S) => z(S, W.Resize, T), ["prevent"])
-      }, null);
-    }
-    function v(T) {
-      return C("div", null, [C("span", {
-        class: `farris-image-cropper-resize-bar ${T}`,
-        onMousedown: F((S) => z(S, W.Resize, T), ["prevent"])
-      }, [C("span", {
-        class: "farris-image-cropper-square"
-      }, null)]), C("span", {
-        class: "farris-image-cropper-resize top"
-      }, [C("span", {
-        class: "farris-image-cropper-square"
-      }, null)])]);
-    }
-    const _ = ["top", "right", "bottom", "left"].map((T) => s(T)), Q = ["topleft", "topright", "bottomright", "bottomleft"].map((T) => v(T));
-    return () => C("div", {
-      class: ["farris-image-cropper-frame", {
-        "farris-image-cropper-disabled": p.value
-      }],
-      style: {
-        "text-align": n.value
-      },
-      onMousemove: F((T) => m(T), ["prevent"]),
-      onTouchmove: F((T) => m(T), ["prevent"]),
-      onMouseup: F(() => k(), ["prevent"]),
-      onTouchend: F(() => k(), ["prevent"])
-    }, [!A && C("div", {
-      ref: x,
-      class: "farris-image-cropper",
-      style: [{
-        background: o.value ? d.value : ""
-      }]
-    }, [l.value && C("img", {
-      ref: g,
-      class: "farris-source-image",
-      style: [{
-        visibility: o.value ? "visible" : "hidden"
-      }, {
-        transform: u.value
-      }],
-      src: l.value,
-      onLoad: () => j()
-    }, null), w.value && C("div", {
-      class: "farris-image-overlay",
-      style: [{
-        width: `${w.value.width || 0}px`
-      }, {
-        height: `${w.value.height || 0}px`
-      }, {
-        "margin-left": n.value === "center" ? L.value : ""
-      }]
-    }, null), o.value && C("div", {
-      class: ["farris-image-cropper-wrapper", {
-        "farris-image-cropper-rounded": M.value
-      }],
-      style: [{
-        top: `${b.value.y1}px`
-      }, {
-        left: `${b.value.x1}px`
-      }, {
-        width: `${b.value.x2 - b.value.x1}px`
-      }, {
-        height: `${b.value.y2 - b.value.y1}px`
-      }, {
-        visibility: o.value ? "visible" : "hidden"
-      }, {
-        "margin-left": n.value === "center" ? L.value : ""
-      }],
-      tabindex: "0"
-    }, [C("div", {
-      class: "farris-image-cropper-move",
-      onMousedown: F((T) => z(T, W.Move, "topleft"), ["prevent"])
-    }, null), !c.value && C("div", null, [Q, _])])]), P.value && C("div", {
-      class: "farris-image-cropper-loading"
-    }, [C("div", {
-      class: "farris-image-cropper-loading-spinner"
-    }, null)]), A && C("div", {
-      class: "farris-image-cropper-error"
-    }, [t.value])]);
-  }
-});
-function Bt(e, i, n) {
-  var k;
-  function M() {
-    n != null && n.resolveComponentContext && n.resolveComponentContext();
-  }
-  M();
-  const c = n && n.getStyles && n.getStyles() || "", t = n && n.getDesignerClass && n.getDesignerClass() || "", p = h();
-  function x() {
-    return (i == null ? void 0 : i.schema.componentType) === "frame" ? !1 : n && n.checkCanMoveComponent ? n.checkCanMoveComponent() : !0;
-  }
-  function A() {
-    return !1;
-  }
-  function o() {
-    return (i == null ? void 0 : i.schema.componentType) === "frame" ? !1 : n && n.checkCanDeleteComponent ? n.checkCanDeleteComponent() : !0;
-  }
-  function d() {
-    return (i == null ? void 0 : i.schema.componentType) === "frame" ? !0 : n && n.hideNestedPaddingInDesginerView ? n.hideNestedPaddingInDesginerView() : !1;
-  }
-  function g(m) {
-    if (!m || !m.value)
-      return null;
-    if (m.value.schema && m.value.schema.type === "component")
-      return m.value;
-    const s = h(m == null ? void 0 : m.value.parent), v = g(s);
-    return v || null;
-  }
-  function l(m = i) {
-    const { componentInstance: s, designerItemElementRef: v } = m;
-    return !s || !s.value ? null : s.value.canMove ? v : l(m.parent);
-  }
-  function u(m) {
-    return !!n && n.canAccepts(m);
-  }
-  function w() {
-    return (i == null ? void 0 : i.schema.label) || (i == null ? void 0 : i.schema.title) || (i == null ? void 0 : i.schema.name);
-  }
-  function b() {
-  }
-  function L(m, s) {
-    s && n != null && n.onAcceptMovedChildElement && n.onAcceptMovedChildElement(s);
-  }
-  function W(m) {
-    const { componentType: s } = m;
-    let v = ve(s, m);
-    n && n.onResolveNewComponentSchema && (v = n.onResolveNewComponentSchema(m, v));
-    const _ = s.toLowerCase().replace("-", "_");
-    return v && !v.id && v.type === s && (v.id = `${_}_${Math.random().toString().slice(2, 6)}`), v;
-  }
-  function P(m, s) {
-    const v = String(m.getAttribute("data-controltype")), _ = m.getAttribute("data-feature"), Q = _ ? JSON.parse(_) : {};
-    Q.parentComponentInstance = p.value;
-    let T = ve(v, Q);
-    n && n.onAcceptNewChildElement && (T = n.onAcceptNewChildElement(m, s, T));
-    const S = v.toLowerCase().replace("-", "_");
-    return T && !T.id && T.type === v && (T.id = `${S}_${Math.random().toString().slice(2, 6)}`), T;
-  }
-  function z(m) {
-  }
-  function j() {
-    return n && n.getPropsConfig ? n.getPropsConfig() : [];
-  }
-  return p.value = {
-    canMove: x(),
-    canSelectParent: A(),
-    canDelete: o(),
-    canNested: !d(),
-    contents: i == null ? void 0 : i.schema.contents,
-    elementRef: e,
-    parent: (k = i == null ? void 0 : i.parent) == null ? void 0 : k.componentInstance,
-    schema: i == null ? void 0 : i.schema,
-    styles: c,
-    designerClass: t,
-    canAccepts: u,
-    getBelongedComponentInstance: g,
-    getDraggableDesignItemElement: l,
-    getDraggingDisplayText: w,
-    getPropConfig: j,
-    getDragScopeElement: b,
-    onAcceptMovedChildElement: L,
-    onAcceptNewChildElement: P,
-    onChildElementMovedOut: z,
-    addNewChildComponentSchema: W,
-    updateDragAndDropRules: M,
-    triggerBelongedComponentToMoveWhenMoved: !!n && n.triggerBelongedComponentToMoveWhenMoved || h(!1),
-    triggerBelongedComponentToDeleteWhenDeleted: !!n && n.triggerBelongedComponentToDeleteWhenDeleted || h(!1)
-  }, p;
-}
-const Wt = /* @__PURE__ */ Te({
-  name: "FImageCropperDesign",
-  props: me,
-  emits: ["imageCropped", "imageLoaded", "cropperReady", "loadImageFailed"],
-  setup(e, i) {
-    const n = h(e.alignImage), M = h(e.roundCropper), c = h(e.hideResizeSquares), t = h(e.loadImageErrorText), p = h(e.disabled), x = h(null), {
-      uploadError: A,
-      imageVisible: o,
-      backgroundColor: d,
-      sourceImage: g,
-      safeImgDataUrl: l,
-      safeTransformStyle: u,
-      maxSize: w,
-      cropper: b,
-      marginLeft: L,
-      moveTypes: W,
-      isLoading: P,
-      startMove: z,
-      imageLoadedInView: j,
-      moveStop: k,
-      moveImg: m
-    } = Ee(e, i), s = h(), v = Ce("design-item-context"), _ = Bt(s, v);
-    Ae(() => {
-      s.value.componentInstance = _;
-    }), i.expose(_.value);
-    function Q(B) {
-      return C("span", {
-        class: `farris-image-cropper-resize-bar ${B}`,
-        onMousedown: F((J) => z(J, W.Resize, B), ["prevent"])
-      }, null);
-    }
-    function T(B) {
-      return C("div", null, [C("span", {
-        class: `farris-image-cropper-resize-bar ${B}`,
-        onMousedown: F((J) => z(J, W.Resize, B), ["prevent"])
-      }, [C("span", {
-        class: "farris-image-cropper-square"
-      }, null)]), C("span", {
-        class: "farris-image-cropper-resize top"
-      }, [C("span", {
-        class: "farris-image-cropper-square"
-      }, null)])]);
-    }
-    const S = ["top", "right", "bottom", "left"].map((B) => Q(B)), I = ["topleft", "topright", "bottomright", "bottomleft"].map((B) => T(B));
-    return () => C("div", {
-      ref: s,
-      class: ["farris-image-cropper-frame", {
-        "farris-image-cropper-disabled": p.value
-      }],
-      style: {
-        "text-align": n.value
-      },
-      onMousemove: F((B) => m(B), ["prevent"]),
-      onTouchmove: F((B) => m(B), ["prevent"]),
-      onMouseup: F(() => k(), ["prevent"]),
-      onTouchend: F(() => k(), ["prevent"])
-    }, [!A && C("div", {
-      ref: x,
-      class: "farris-image-cropper",
-      style: [{
-        background: o.value ? d.value : ""
-      }]
-    }, [l.value && C("img", {
-      ref: g,
-      class: "farris-source-image",
-      style: [{
-        visibility: o.value ? "visible" : "hidden"
-      }, {
-        transform: u.value
-      }],
-      src: l.value,
-      onLoad: () => j()
-    }, null), w.value && C("div", {
-      class: "farris-image-overlay",
-      style: [{
-        width: `${w.value.width || 0}px`
-      }, {
-        height: `${w.value.height || 0}px`
-      }, {
-        "margin-left": n.value === "center" ? L.value : ""
-      }]
-    }, null), o.value && C("div", {
-      class: ["farris-image-cropper-wrapper", {
-        "farris-image-cropper-rounded": M.value
-      }],
-      style: [{
-        top: `${b.value.y1}px`
-      }, {
-        left: `${b.value.x1}px`
-      }, {
-        width: `${b.value.x2 - b.value.x1}px`
-      }, {
-        height: `${b.value.y2 - b.value.y1}px`
-      }, {
-        visibility: o.value ? "visible" : "hidden"
-      }, {
-        "margin-left": n.value === "center" ? L.value : ""
-      }],
-      tabindex: "0"
-    }, [C("div", {
-      class: "farris-image-cropper-move",
-      onMousedown: F((B) => z(B, W.Move, "topleft"), ["prevent"])
-    }, null), !c.value && C("div", null, [I, S])])]), P.value && C("div", {
-      class: "farris-image-cropper-loading"
-    }, [C("div", {
-      class: "farris-image-cropper-loading-spinner"
-    }, null)]), A && C("div", {
-      class: "farris-image-cropper-error"
-    }, [t.value])]);
-  }
-}), Pt = {
-  install(e) {
-    e.component(fe.name, fe);
-  },
-  register(e, i, n) {
-    e["image-cropper"] = fe, i["image-cropper"] = we;
-  },
-  registerDesigner(e, i, n) {
-    e["image-cropper"] = Wt, i["image-cropper"] = we;
-  }
-};
-export {
-  fe as ImageCropper,
-  Pt as default,
-  me as imageCropperProps,
-  we as propsResolver
-};