@farris/ui-vue 1.3.4 → 1.3.6

package/components/image-cropper/index.esm.js

@@ -1,117 +1,131 @@
-import { inject as Te, ref as v, onMounted as Ae, onUnmounted as nt, watch as K, defineComponent as Se, createVNode as S, withModifiers as O } from "vue";
-import { isPlainObject as Me, cloneDeep as ut } from "lodash-es";
-const ze = {}, Ee = {};
+import { inject as Te, ref as h, onMounted as Ae, onUnmounted as ut, watch as K, defineComponent as Se, createVNode as S, withModifiers as I } from "vue";
+import { isPlainObject as Me, cloneDeep as ze } from "lodash-es";
+const Ee = {}, ke = {};
 function ve(e) {
-  const { properties: i, title: r, ignore: p } = e, o = p && Array.isArray(p), t = Object.keys(i).reduce((h, g) => ((!o || !p.find((w) => w === g)) && (h[g] = i[g].type === "object" && i[g].properties ? ve(i[g]) : ut(i[g].default)), h), {});
-  if (r && (!o || !p.find((h) => h === "id"))) {
-    const h = r.toLowerCase().replace(/-/g, "_");
-    t.id = `${h}_${Math.random().toString().slice(2, 6)}`;
+  const { properties: i, title: n, ignore: d } = e, o = d && Array.isArray(d), t = Object.keys(i).reduce((c, g) => ((!o || !d.find((w) => w === g)) && (c[g] = i[g].type === "object" && i[g].properties ? ve(i[g]) : ze(i[g].default)), c), {});
+  if (n && (!o || !d.find((c) => c === "id"))) {
+    const c = n.toLowerCase().replace(/-/g, "_");
+    t.id = `${c}_${Math.random().toString().slice(2, 6)}`;
   }
   return t;
 }
-function ke(e, i = {}, r) {
-  const p = ze[e];
-  if (p) {
-    let o = ve(p);
-    const t = Ee[e];
-    return o = t ? t({ getSchemaByType: ke }, o, i, r) : o, o;
+function rt(e) {
+  const { properties: i, title: n, required: d } = e;
+  if (d && Array.isArray(d)) {
+    const o = d.reduce((t, c) => (t[c] = i[c].type === "object" && i[c].properties ? ve(i[c]) : ze(i[c].default), t), {});
+    if (n && d.find((t) => t === "id")) {
+      const t = n.toLowerCase().replace(/-/g, "_");
+      o.id = `${t}_${Math.random().toString().slice(2, 6)}`;
+    }
+    return o;
   }
-  return null;
+  return {
+    type: n
+  };
 }
-function rt(e, i) {
-  const r = ve(i);
-  return Object.keys(r).reduce((p, o) => (p[o] && Me(p[o]) && Me(e[o] || !e[o]) ? Object.assign(p[o], e[o] || {}) : p[o] = e[o], p), r), r;
+function De(e, i = {}, n) {
+  const d = Ee[e];
+  if (d) {
+    let o = rt(d);
+    const t = ke[e];
+    return o = t ? t({ getSchemaByType: De }, o, i, n) : o, o;
+  }
+  return null;
 }
 function st(e, i) {
-  return Object.keys(e).filter((p) => e[p] != null).reduce((p, o) => {
+  const n = ve(i);
+  return Object.keys(n).reduce((d, o) => (Object.prototype.hasOwnProperty.call(e, o) && (d[o] && Me(d[o]) && Me(e[o] || !e[o]) ? Object.assign(d[o], e[o] || {}) : d[o] = e[o]), d), n), n;
+}
+function ot(e, i) {
+  return Object.keys(e).filter((d) => e[d] != null).reduce((d, o) => {
     if (i.has(o)) {
       const t = i.get(o);
       if (typeof t == "string")
-        p[t] = e[o];
+        d[t] = e[o];
       else {
-        const h = t(o, e[o], e);
-        Object.assign(p, h);
+        const c = t(o, e[o], e);
+        Object.assign(d, c);
       }
     } else
-      p[o] = e[o];
-    return p;
+      d[o] = e[o];
+    return d;
   }, {});
 }
-function ot(e, i, r = /* @__PURE__ */ new Map()) {
-  const p = rt(e, i);
-  return st(p, r);
+function ct(e, i, n = /* @__PURE__ */ new Map()) {
+  const d = st(e, i);
+  return ot(d, n);
 }
-function ct(e = {}) {
-  function i(s, y, m, l) {
-    if (typeof m == "number")
-      return l[s].length === m;
-    if (typeof m == "object") {
-      const u = Object.keys(m)[0], T = m[u];
-      if (u === "not")
+function ft(e = {}) {
+  function i(s, y, p, l) {
+    if (typeof p == "number")
+      return l[s].length === p;
+    if (typeof p == "object") {
+      const r = Object.keys(p)[0], T = p[r];
+      if (r === "not")
         return Number(l[s].length) !== Number(T);
-      if (u === "moreThan")
+      if (r === "moreThan")
         return Number(l[s].length) >= Number(T);
-      if (u === "lessThan")
+      if (r === "lessThan")
         return Number(l[s].length) <= Number(T);
     }
     return !1;
   }
-  function r(s, y, m, l) {
-    return l[s] && l[s].propertyValue && String(l[s].propertyValue.value) === String(m);
+  function n(s, y, p, l) {
+    return l[s] && l[s].propertyValue && String(l[s].propertyValue.value) === String(p);
   }
-  const p = /* @__PURE__ */ new Map([
+  const d = /* @__PURE__ */ new Map([
     ["length", i],
-    ["getProperty", r]
+    ["getProperty", n]
   ]);
-  Object.keys(e).reduce((s, y) => (s.set(y, e[y]), s), p);
+  Object.keys(e).reduce((s, y) => (s.set(y, e[y]), s), d);
   function o(s, y) {
-    const m = s;
-    return typeof y == "number" ? [{ target: m, operator: "length", param: null, value: Number(y) }] : typeof y == "boolean" ? [{ target: m, operator: "getProperty", param: s, value: !!y }] : typeof y == "object" ? Object.keys(y).map((l) => {
+    const p = s;
+    return typeof y == "number" ? [{ target: p, operator: "length", param: null, value: Number(y) }] : typeof y == "boolean" ? [{ target: p, operator: "getProperty", param: s, value: !!y }] : typeof y == "object" ? Object.keys(y).map((l) => {
       if (l === "length")
-        return { target: m, operator: "length", param: null, value: y[l] };
-      const u = l, T = y[l];
-      return { target: m, operator: "getProperty", param: u, value: T };
+        return { target: p, operator: "length", param: null, value: y[l] };
+      const r = l, T = y[l];
+      return { target: p, operator: "getProperty", param: r, value: T };
     }) : [];
   }
   function t(s) {
-    return Object.keys(s).reduce((m, l) => {
-      const u = o(l, s[l]);
-      return m.push(...u), m;
+    return Object.keys(s).reduce((p, l) => {
+      const r = o(l, s[l]);
+      return p.push(...r), p;
     }, []);
   }
-  function h(s, y) {
-    if (p.has(s.operator)) {
-      const m = p.get(s.operator);
-      return m && m(s.target, s.param, s.value, y) || !1;
+  function c(s, y) {
+    if (d.has(s.operator)) {
+      const p = d.get(s.operator);
+      return p && p(s.target, s.param, s.value, y) || !1;
     }
     return !1;
   }
   function g(s, y) {
-    return t(s).reduce((u, T) => u && h(T, y), !0);
+    return t(s).reduce((r, T) => r && c(T, y), !0);
   }
   function w(s, y) {
-    const m = Object.keys(s), l = m.includes("allOf"), u = m.includes("anyOf"), T = l || u, W = (T ? s[T ? l ? "allOf" : "anyOf" : "allOf"] : [s]).map((B) => g(B, y));
-    return l ? !W.includes(!1) : W.includes(!0);
+    const p = Object.keys(s), l = p.includes("allOf"), r = p.includes("anyOf"), T = l || r, L = (T ? s[T ? l ? "allOf" : "anyOf" : "allOf"] : [s]).map((B) => g(B, y));
+    return l ? !L.includes(!1) : L.includes(!0);
   }
   return { parseValueSchema: w };
 }
-const ft = {}, vt = {};
-ct();
-function ht(e, i, r = /* @__PURE__ */ new Map(), p = (h, g, w, s) => g, o = {}, t = (h) => h) {
-  return ze[i.title] = i, Ee[i.title] = p, ft[i.title] = o, vt[i.title] = t, (h = {}) => {
-    const g = ot(h, i, r), w = Object.keys(e).reduce((s, y) => (s[y] = e[y].default, s), {});
+const vt = {}, ht = {};
+ft();
+function dt(e, i, n = /* @__PURE__ */ new Map(), d = (c, g, w, s) => g, o = {}, t = (c) => c) {
+  return Ee[i.title] = i, ke[i.title] = d, vt[i.title] = o, ht[i.title] = t, (c = {}) => {
+    const g = ct(c, i, n), w = Object.keys(e).reduce((s, y) => (s[y] = e[y].default, s), {});
     return Object.assign(w, g);
   };
 }
 function gt(e, i) {
   return { customClass: i.class, customStyle: i.style };
 }
-function dt(e, i, r) {
+function mt(e, i, n) {
   return i;
 }
-const mt = /* @__PURE__ */ new Map([
+const pt = /* @__PURE__ */ new Map([
   ["appearance", gt]
-]), pt = "https://json-schema.org/draft/2020-12/schema", yt = "https://farris-design.gitee.io/image-cropper.schema.json", xt = "image-cropper", bt = "A Farris Component", Mt = "object", wt = {
+]), yt = "https://json-schema.org/draft/2020-12/schema", xt = "https://farris-design.gitee.io/image-cropper.schema.json", bt = "image-cropper", Mt = "A Farris Component", wt = "object", Tt = {
   id: {
     description: "The unique identifier for image-cropper",
     type: "string"
@@ -173,18 +187,18 @@ const mt = /* @__PURE__ */ new Map([
     type: "boolean",
     default: !0
   }
-}, Tt = [
+}, At = [
   "id",
   "type"
-], At = {
-  $schema: pt,
-  $id: yt,
-  title: xt,
-  description: bt,
-  type: Mt,
-  properties: wt,
-  required: Tt
-}, St = "image-cropper", zt = "A Farris Component", Et = "object", kt = {
+], St = {
+  $schema: yt,
+  $id: xt,
+  title: bt,
+  description: Mt,
+  type: wt,
+  properties: Tt,
+  required: At
+}, zt = "image-cropper", Et = "A Farris Component", kt = "object", Dt = {
   basic: {
     description: "Basic Infomation",
     title: "基本信息",
@@ -237,11 +251,11 @@ const mt = /* @__PURE__ */ new Map([
       }
     }
   }
-}, Dt = {
-  title: St,
-  description: zt,
-  type: Et,
-  categories: kt
+}, Bt = {
+  title: zt,
+  description: Et,
+  type: kt,
+  categories: Dt
 }, he = {
   /** 输出图片格式 */
   format: { type: String, default: "png" },
@@ -299,9 +313,9 @@ const mt = /* @__PURE__ */ new Map([
       y2: 1e4
     }
   }
-}, we = ht(he, At, mt, dt, Dt);
+}, we = dt(he, St, pt, mt, Bt);
 var ae = /* @__PURE__ */ ((e) => (e.Move = "move", e.Resize = "resize", e))(ae || {});
-function Bt() {
+function Ct() {
   function e(o) {
     switch (typeof o == "string" && (o = i(o)), o) {
       case 2:
@@ -323,12 +337,12 @@ function Bt() {
     }
   }
   function i(o) {
-    const t = new DataView(r(o));
+    const t = new DataView(n(o));
     if (t.getUint16(0, !1) !== 65496)
       return -2;
-    const h = t.byteLength;
+    const c = t.byteLength;
     let g = 2;
-    for (; g < h; ) {
+    for (; g < c; ) {
       if (t.getUint16(g + 2, !1) <= 8)
         return -1;
       const w = t.getUint16(g, !1);
@@ -339,9 +353,9 @@ function Bt() {
         g += t.getUint32(g + 4, s);
         const y = t.getUint16(g, s);
         g += 2;
-        for (let m = 0; m < y; m++)
-          if (t.getUint16(g + m * 12, s) === 274)
-            return t.getUint16(g + m * 12 + 8, s);
+        for (let p = 0; p < y; p++)
+          if (t.getUint16(g + p * 12, s) === 274)
+            return t.getUint16(g + p * 12 + 8, s);
       } else {
         if ((w & 65280) !== 65280)
           break;
@@ -350,74 +364,74 @@ function Bt() {
     }
     return -1;
   }
-  function r(o) {
+  function n(o) {
     o = o.replace(/^data:([^;]+);base64,/gmi, "");
-    const t = atob(o), h = t.length, g = new Uint8Array(h);
-    for (let w = 0; w < h; w++)
+    const t = atob(o), c = t.length, g = new Uint8Array(c);
+    for (let w = 0; w < c; w++)
       g[w] = t.charCodeAt(w);
     return g.buffer;
   }
-  function p(o, t, h) {
+  function d(o, t, c) {
     const g = o.width, w = o.height;
-    t = Math.round(t), h = Math.round(h);
-    const s = g / t, y = w / h, m = Math.ceil(s / 2), l = Math.ceil(y / 2), u = o.getContext("2d");
-    if (u) {
-      const T = u.getImageData(0, 0, g, w), M = u.createImageData(t, h), { data: P } = T, W = M.data;
-      for (let R = 0; R < h; R++)
+    t = Math.round(t), c = Math.round(c);
+    const s = g / t, y = w / c, p = Math.ceil(s / 2), l = Math.ceil(y / 2), r = o.getContext("2d");
+    if (r) {
+      const T = r.getImageData(0, 0, g, w), M = r.createImageData(t, c), { data: W } = T, L = M.data;
+      for (let R = 0; R < c; R++)
         for (let B = 0; B < t; B++) {
-          const j = (B + R * t) * 4, d = R * y;
-          let A = 0, c = 0, b = 0, V = 0, Q = 0, D = 0, E = 0;
-          const $ = Math.floor(B * s), C = Math.floor(R * y);
+          const j = (B + R * t) * 4, m = R * y;
+          let A = 0, f = 0, b = 0, V = 0, Q = 0, D = 0, E = 0;
+          const H = Math.floor(B * s), C = Math.floor(R * y);
           let q = Math.ceil((B + 1) * s), J = Math.ceil((R + 1) * y);
           q = Math.min(q, g), J = Math.min(J, w);
-          for (let L = C; L < J; L++) {
-            const z = Math.abs(d - L) / l, ie = B * s, ee = z * z;
-            for (let U = $; U < q; U++) {
-              const N = Math.abs(ie - U) / m, H = Math.sqrt(ee + N * N);
-              if (H >= 1)
+          for (let P = C; P < J; P++) {
+            const z = Math.abs(m - P) / l, ie = B * s, ee = z * z;
+            for (let U = H; U < q; U++) {
+              const N = Math.abs(ie - U) / p, _ = Math.sqrt(ee + N * N);
+              if (_ >= 1)
                 continue;
-              A = 2 * H * H * H - 3 * H * H + 1;
-              const I = 4 * (U + L * g);
-              E += A * P[I + 3], b += A, P[I + 3] < 255 && (A = A * P[I + 3] / 250), V += A * P[I], Q += A * P[I + 1], D += A * P[I + 2], c += A;
+              A = 2 * _ * _ * _ - 3 * _ * _ + 1;
+              const O = 4 * (U + P * g);
+              E += A * W[O + 3], b += A, W[O + 3] < 255 && (A = A * W[O + 3] / 250), V += A * W[O], Q += A * W[O + 1], D += A * W[O + 2], f += A;
             }
           }
-          W[j] = V / c, W[j + 1] = Q / c, W[j + 2] = D / c, W[j + 3] = E / b;
+          L[j] = V / f, L[j + 1] = Q / f, L[j + 2] = D / f, L[j + 3] = E / b;
         }
-      o.width = t, o.height = h, u.putImageData(M, 0, 0);
+      o.width = t, o.height = c, r.putImageData(M, 0, 0);
     }
   }
   return {
-    resizeCanvas: p,
+    resizeCanvas: d,
     getTransformationsFromExifData: e
   };
 }
-function Ct(e, i, r, p) {
-  function o(l, u) {
-    e.value.x2 = e.value.x1 + (e.value.y2 - e.value.y1) * r.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 * r.value > l ? u * r.value : l, e.value.y1 += u * r.value > l ? u : l / r.value);
+function Lt(e, i, n, d) {
+  function o(l, r) {
+    e.value.x2 = e.value.x1 + (e.value.y2 - e.value.y1) * n.value, l = Math.max(e.value.x2 - i.value.width, 0), r = Math.max(0 - e.value.y1, 0), (l > 0 || r > 0) && (e.value.x2 -= r * n.value > l ? r * n.value : l, e.value.y1 += r * n.value > l ? r : l / n.value);
   }
-  function t(l, u) {
-    e.value.x2 = e.value.x1 + (e.value.y2 - e.value.y1) * r.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 * r.value > l ? u * r.value : l, e.value.y2 -= u * r.value > l ? u : l / r.value);
+  function t(l, r) {
+    e.value.x2 = e.value.x1 + (e.value.y2 - e.value.y1) * n.value, l = Math.max(e.value.x2 - i.value.width, 0), r = Math.max(e.value.y2 - i.value.height, 0), (l > 0 || r > 0) && (e.value.x2 -= r * n.value > l ? r * n.value : l, e.value.y2 -= r * n.value > l ? r : l / n.value);
   }
-  function h(l, u) {
-    e.value.y1 = e.value.y2 - (e.value.x2 - e.value.x1) / r.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 * r.value > l ? u * r.value : l, e.value.y1 += u * r.value > l ? u : l / r.value);
+  function c(l, r) {
+    e.value.y1 = e.value.y2 - (e.value.x2 - e.value.x1) / n.value, l = Math.max(0 - e.value.x1, 0), r = Math.max(0 - e.value.y1, 0), (l > 0 || r > 0) && (e.value.x1 += r * n.value > l ? r * n.value : l, e.value.y1 += r * n.value > l ? r : l / n.value);
   }
-  function g(l, u) {
-    e.value.y1 = e.value.y2 - (e.value.x2 - e.value.x1) / r.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 * r.value > l ? u * r.value : l, e.value.y1 += u * r.value > l ? u : l / r.value);
+  function g(l, r) {
+    e.value.y1 = e.value.y2 - (e.value.x2 - e.value.x1) / n.value, l = Math.max(e.value.x2 - i.value.width, 0), r = Math.max(0 - e.value.y1, 0), (l > 0 || r > 0) && (e.value.x2 -= r * n.value > l ? r * n.value : l, e.value.y1 += r * n.value > l ? r : l / n.value);
   }
-  function w(l, u) {
-    e.value.y2 = e.value.y1 + (e.value.x2 - e.value.x1) / r.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 * r.value > l ? u * r.value : l, e.value.y2 -= u * r.value > l ? u : l / r.value);
+  function w(l, r) {
+    e.value.y2 = e.value.y1 + (e.value.x2 - e.value.x1) / n.value, l = Math.max(e.value.x2 - i.value.width, 0), r = Math.max(e.value.y2 - i.value.height, 0), (l > 0 || r > 0) && (e.value.x2 -= r * n.value > l ? r * n.value : l, e.value.y2 -= r * n.value > l ? r : l / n.value);
   }
-  function s(l, u) {
-    e.value.y2 = e.value.y1 + (e.value.x2 - e.value.x1) / r.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 * r.value > l ? u * r.value : l, e.value.y2 -= u * r.value > l ? u : l / r.value);
+  function s(l, r) {
+    e.value.y2 = e.value.y1 + (e.value.x2 - e.value.x1) / n.value, l = Math.max(0 - e.value.x1, 0), r = Math.max(e.value.y2 - i.value.height, 0), (l > 0 || r > 0) && (e.value.x1 += r * n.value > l ? r * n.value : l, e.value.y2 -= r * n.value > l ? r : l / n.value);
   }
   function y() {
-    e.value.x2 = e.value.x1 + (e.value.y2 - e.value.y1) * r.value, e.value.y2 = e.value.y1 + (e.value.x2 - e.value.x1) / r.value;
-    const l = Math.max(0 - e.value.x1, 0), u = Math.max(e.value.x2 - i.value.width, 0), T = Math.max(e.value.y2 - i.value.height, 0), M = Math.max(0 - e.value.y1, 0);
-    (l > 0 || u > 0 || T > 0 || M > 0) && (e.value.x1 += T * r.value > l ? T * r.value : l, e.value.x2 -= M * r.value > u ? M * r.value : u, e.value.y1 += M * r.value > u ? M : u / r.value, e.value.y2 -= T * r.value > l ? T : l / r.value);
+    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), r = Math.max(e.value.x2 - i.value.width, 0), T = Math.max(e.value.y2 - i.value.height, 0), M = Math.max(0 - e.value.y1, 0);
+    (l > 0 || r > 0 || T > 0 || M > 0) && (e.value.x1 += T * n.value > l ? T * n.value : l, e.value.x2 -= M * n.value > r ? M * n.value : r, e.value.y1 += M * n.value > r ? M : r / n.value, e.value.y2 -= T * n.value > l ? T : l / n.value);
   }
-  function m() {
+  function p() {
     if (i.value.width && i.value.height)
-      switch (p.position) {
+      switch (d.position) {
         case "top":
           o(0, 0);
           break;
@@ -425,7 +439,7 @@ function Ct(e, i, r, p) {
           t(0, 0);
           break;
         case "topleft":
-          h(0, 0);
+          c(0, 0);
           break;
         case "topright":
           g(0, 0);
@@ -443,19 +457,19 @@ function Ct(e, i, r, p) {
           break;
       }
   }
-  return { checkAspectRatio: m };
+  return { checkAspectRatio: p };
 }
-function De(e, i) {
-  const { resizeCanvas: r, getTransformationsFromExifData: p } = Bt(), o = Te("NotifyService"), t = v(e.cropper), h = v(e.transform), g = v(e.cropperMinWidth), w = v(e.maintainAspectRatio), s = v(e.aspectRatio), y = v(e.autoCrop), m = v(e.backgroundColor), l = v(e.resizeToWidth), u = v(e.onlyScaleDown), T = v(e.containWithinAspectRatio), M = v(e.canvasRotation), P = v(e.format), W = v(e.imageQuality), R = v(e.resizeToHeight), B = v(e.cropperMinHeight), j = v(""), d = v(!0), A = v(!0);
-  let c, b, V = 0, Q, D, E;
-  const $ = v(null), C = v(""), q = v(""), J = v("0px"), L = v(), z = v({ width: 100, height: 100 }), ie = ae;
-  let ee, U = 20, N = 20, H = !1, I = { rotate: 0, flip: !1 }, x = { active: !1, type: null, position: null, x1: 0, y1: 0, x2: 0, y2: 0, clientX: 0, clientY: 0 };
-  const ge = v(e.imageChangedEvent), le = v(e.imageURL), Be = v(e.imageBase64), Ce = v(e.imageFile);
-  function We() {
-    q.value = "scaleX(" + (h.value.scale || 1) * (h.value.flipH ? -1 : 1) + ")scaleY(" + (h.value.scale || 1) * (h.value.flipV ? -1 : 1) + ")rotate(" + (h.value.rotate || 0) + "deg)";
+function Be(e, i) {
+  const { resizeCanvas: n, getTransformationsFromExifData: d } = Ct(), o = Te("NotifyService"), t = h(e.cropper), c = h(e.transform), g = h(e.cropperMinWidth), w = h(e.maintainAspectRatio), s = h(e.aspectRatio), y = h(e.autoCrop), p = h(e.backgroundColor), l = h(e.resizeToWidth), r = h(e.onlyScaleDown), T = h(e.containWithinAspectRatio), M = h(e.canvasRotation), W = h(e.format), L = h(e.imageQuality), R = h(e.resizeToHeight), B = h(e.cropperMinHeight), j = h(""), m = h(!0), A = h(!0);
+  let f, b, V = 0, Q, D, E;
+  const H = h(null), C = h(""), q = h(""), J = h("0px"), P = h(), z = h({ width: 100, height: 100 }), ie = ae;
+  let ee, U = 20, N = 20, _ = !1, O = { rotate: 0, flip: !1 }, x = { active: !1, type: null, position: null, x1: 0, y1: 0, x2: 0, y2: 0, clientX: 0, clientY: 0 };
+  const de = h(e.imageChangedEvent), le = h(e.imageURL), Ce = h(e.imageBase64), Le = h(e.imageFile);
+  function Pe() {
+    q.value = "scaleX(" + (c.value.scale || 1) * (c.value.flipH ? -1 : 1) + ")scaleY(" + (c.value.scale || 1) * (c.value.flipV ? -1 : 1) + ")rotate(" + (c.value.rotate || 0) + "deg)";
   }
   function Y() {
-    A.value = !1, L.value = null, j.value = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAC0lEQVQYV2NgAAIAAAUAAarVyFEAAAAASUVORK5CYII=", x = {
+    A.value = !1, P.value = null, j.value = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAC0lEQVQYV2NgAAIAAAUAAarVyFEAAAAASUVORK5CYII=", x = {
       active: !1,
       type: null,
       position: null,
@@ -468,7 +482,7 @@ function De(e, i) {
     }, z.value = {
       width: 0,
       height: 0
-    }, c = {
+    }, f = {
       width: 0,
       height: 0
     }, b = {
@@ -476,193 +490,193 @@ function De(e, i) {
       height: 0
     }, t.value.x1 = -100, t.value.y1 = -100, t.value.x2 = 1e4, t.value.y2 = 1e4;
   }
-  function Le(a) {
+  function We(a) {
     return /image\/(png|jpg|jpeg|bmp|gif|tiff|webp)/.test(a);
   }
-  function Pe() {
-    if (M.value += I.rotate, T.value && c.width && c.height) {
+  function Re() {
+    if (M.value += O.rotate, T.value && f.width && f.height) {
       if (M.value % 2) {
-        const f = c.width * s.value, k = c.height / s.value;
+        const v = f.width * s.value, k = f.height / s.value;
         return {
-          width: Math.max(c.height, f),
-          height: Math.max(c.width, k)
+          width: Math.max(f.height, v),
+          height: Math.max(f.width, k)
         };
       }
-      const a = c.height * s.value, n = c.width / s.value;
+      const a = f.height * s.value, u = f.width / s.value;
       return {
-        width: Math.max(c.width, a),
-        height: Math.max(c.height, n)
+        width: Math.max(f.width, a),
+        height: Math.max(f.height, u)
       };
     }
     return M.value % 2 ? {
-      height: c.width,
-      width: c.height
+      height: f.width,
+      width: f.height
     } : {
-      width: c.width,
-      height: c.height
+      width: f.width,
+      height: f.height
     };
   }
-  function Re() {
-    M.value += I.rotate;
-    const a = Pe(), n = document.createElement("canvas");
-    a.width && a.height && (n.width = a.width, n.height = a.height);
-    const f = n.getContext("2d");
-    return c.width && c.height && E && (f == null || f.setTransform(I.flip ? -1 : 1, 0, 0, 1, n.width / 2, n.height / 2), f == null || f.rotate(Math.PI * (M.value / 2)), f == null || f.drawImage(E, -c.width / 2, -c.height / 2)), n.toDataURL();
-  }
-  function He(a) {
-    return new Promise((n) => {
-      ee = a, j.value = a, L.value = new Image(), L.value.onload = () => {
-        var f, k;
-        b.width = (f = L.value) == null ? void 0 : f.naturalWidth, b.height = (k = L.value) == null ? void 0 : k.naturalHeight, n();
-      }, L.value.src = ee;
+  function _e() {
+    M.value += O.rotate;
+    const a = Re(), u = document.createElement("canvas");
+    a.width && a.height && (u.width = a.width, u.height = a.height);
+    const v = u.getContext("2d");
+    return f.width && f.height && E && (v == null || v.setTransform(O.flip ? -1 : 1, 0, 0, 1, u.width / 2, u.height / 2), v == null || v.rotate(Math.PI * (M.value / 2)), v == null || v.drawImage(E, -f.width / 2, -f.height / 2)), u.toDataURL();
+  }
+  function $e(a) {
+    return new Promise((u) => {
+      ee = a, j.value = a, P.value = new Image(), P.value.onload = () => {
+        var v, k;
+        b.width = (v = P.value) == null ? void 0 : v.naturalWidth, b.height = (k = P.value) == null ? void 0 : k.naturalHeight, u();
+      }, P.value.src = ee;
     });
   }
-  function de() {
-    if (!E || !E.complete || !I)
+  function ge() {
+    if (!E || !E.complete || !O)
       return Promise.reject(new Error("No image loaded"));
-    const a = Re();
-    return He(a);
+    const a = _e();
+    return $e(a);
   }
   function ne(a) {
-    const n = (f) => {
+    const u = (v) => {
       o.show({
         showCloseButton: !1,
         timeout: 3e3,
         animate: "fadeIn",
         toasts: [{ type: "string", title: "提示", msg: "图片上传错误，请重试" }]
-      }), d.value = !1, H = !0, i.emit("loadImageFailed"), E = null, C.value = "";
+      }), m.value = !1, _ = !0, i.emit("loadImageFailed"), E = null, C.value = "";
     };
     E = new Image(), E.onload = () => {
-      C.value = a, I = p(a), c.width = E == null ? void 0 : E.naturalWidth, c.height = E == null ? void 0 : E.naturalHeight, de().then(() => {
-        H = !1;
-      }).catch(n);
-    }, E.onerror = n, E.src = a;
+      C.value = a, O = d(a), f.width = E == null ? void 0 : E.naturalWidth, f.height = E == null ? void 0 : E.naturalHeight, ge().then(() => {
+        _ = !1;
+      }).catch(u);
+    }, E.onerror = u, E.src = a;
   }
-  function _e(a, n) {
-    Le(n) ? (H = !1, ne(a)) : (o.show({
+  function He(a, u) {
+    We(u) ? (_ = !1, ne(a)) : (o.show({
       showCloseButton: !1,
       timeout: 3e3,
       animate: "fadeIn",
       toasts: [{ type: "string", title: "提示", msg: "图片类型不正确,请重试" }]
-    }), d.value = !1, H = !0, i.emit("loadImageFailed"));
+    }), m.value = !1, _ = !0, i.emit("loadImageFailed"));
   }
   function me(a) {
-    const n = new FileReader();
-    n.onload = (f) => _e(f.target.result, a.type), n.readAsDataURL(a);
+    const u = new FileReader();
+    u.onload = (v) => He(v.target.result, a.type), u.readAsDataURL(a);
   }
   function pe(a) {
-    const n = new Image();
-    n.onerror = () => {
+    const u = new Image();
+    u.onerror = () => {
       o.show({
         showCloseButton: !1,
         timeout: 3e3,
         animate: "fadeIn",
         toasts: [{ type: "string", title: "提示", msg: "图片加载错误，请重试" }]
-      }), d.value = !1, H = !0, i.emit("loadImageFailed");
-    }, n.onload = () => {
-      H = !1;
-      const f = document.createElement("canvas"), k = f.getContext("2d");
-      f.width = n.width, f.height = n.height, k == null || k.drawImage(n, 0, 0), ne(f.toDataURL());
-    }, n.crossOrigin = "anonymous", n.src = a;
+      }), m.value = !1, _ = !0, i.emit("loadImageFailed");
+    }, u.onload = () => {
+      _ = !1;
+      const v = document.createElement("canvas"), k = v.getContext("2d");
+      v.width = u.width, v.height = u.height, k == null || k.drawImage(u, 0, 0), ne(v.toDataURL());
+    }, u.crossOrigin = "anonymous", u.src = a;
   }
-  function $e() {
-    return $.value && $.value && $.value.offsetWidth > 0;
+  function Ue() {
+    return H.value && H.value && H.value.offsetWidth > 0;
   }
   function ue() {
-    if ($.value) {
-      const a = $.value;
+    if (H.value) {
+      const a = H.value;
       z.value.width = a.offsetWidth, z.value.height = a.offsetHeight, J.value = "calc(50% - " + z.value.width / 2 + "px)";
     }
   }
-  function Ue() {
-    L.value && z.value.width && (U = g.value > 0 ? Math.max(20, g.value / L.value.width * z.value.width) : 20);
-  }
   function je() {
-    w.value ? N = Math.max(20, U / s.value) : B.value > 0 && L.value && z.value.height ? N = Math.max(20, B.value / L.value.height * z.value.height) : N = 20;
+    P.value && z.value.width && (U = g.value > 0 ? Math.max(20, g.value / P.value.width * z.value.width) : 20);
+  }
+  function Ne() {
+    w.value ? N = Math.max(20, U / s.value) : B.value > 0 && P.value && z.value.height ? N = Math.max(20, B.value / P.value.height * z.value.height) : N = 20;
   }
   function re() {
-    L.value ? (Ue(), je()) : (U = 20, N = 20);
+    P.value ? (je(), Ne()) : (U = 20, N = 20);
   }
-  function Ne() {
-    const a = $.value, n = v({ x1: 0, x2: 0, y1: 0, y2: 0 });
+  function Oe() {
+    const a = H.value, u = h({ x1: 0, x2: 0, y1: 0, y2: 0 });
     if (a && b.width && b.height) {
-      const f = b.width / a.offsetWidth;
-      n.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)
-      }, T.value || (n.value.x1 = Math.max(n.value.x1, 0), n.value.y1 = Math.max(n.value.y1, 0), n.value.x2 = Math.min(n.value.x2, b.width), n.value.y2 = Math.min(n.value.y2, b.height));
+      const v = b.width / a.offsetWidth;
+      u.value = {
+        x1: Math.round(t.value.x1 * v),
+        y1: Math.round(t.value.y1 * v),
+        x2: Math.round(t.value.x2 * v),
+        y2: Math.round(t.value.y2 * v)
+      }, T.value || (u.value.x1 = Math.max(u.value.x1, 0), u.value.y1 = Math.max(u.value.y1, 0), u.value.x2 = Math.min(u.value.x2, b.width), u.value.y2 = Math.min(u.value.y2, b.height));
     }
-    return n.value;
+    return u.value;
   }
   function Ie() {
-    M.value += I.rotate;
-    const a = $.value, n = v({ x1: 0, x2: 0, y1: 0, y2: 0 });
-    if (a && b.height && b.width && c.height && c.width) {
-      const f = b.width / a.offsetWidth;
-      let k, _;
-      M.value % 2 ? (k = (b.width - c.height) / 2, _ = (b.height - c.width) / 2) : (k = (b.width - c.width) / 2, _ = (b.height - c.height) / 2), n.value = {
-        x1: Math.round(t.value.x1 * f) - k,
-        y1: Math.round(t.value.y1 * f) - _,
-        x2: Math.round(t.value.x2 * f) - k,
-        y2: Math.round(t.value.y2 * f) - _
-      }, T.value || (n.value.x1 = Math.max(n.value.x1, 0), n.value.y1 = Math.max(n.value.y1, 0), n.value.x2 = Math.min(n.value.x2, b.width), n.value.y2 = Math.min(n.value.y2, b.height));
+    M.value += O.rotate;
+    const a = H.value, u = h({ x1: 0, x2: 0, y1: 0, y2: 0 });
+    if (a && b.height && b.width && f.height && f.width) {
+      const v = b.width / a.offsetWidth;
+      let k, $;
+      M.value % 2 ? (k = (b.width - f.height) / 2, $ = (b.height - f.width) / 2) : (k = (b.width - f.width) / 2, $ = (b.height - f.height) / 2), u.value = {
+        x1: Math.round(t.value.x1 * v) - k,
+        y1: Math.round(t.value.y1 * v) - $,
+        x2: Math.round(t.value.x2 * v) - k,
+        y2: Math.round(t.value.y2 * v) - $
+      }, T.value || (u.value.x1 = Math.max(u.value.x1, 0), u.value.y1 = Math.max(u.value.y1, 0), u.value.x2 = Math.min(u.value.x2, b.width), u.value.y2 = Math.min(u.value.y2, b.height));
     }
-    return n.value;
+    return u.value;
   }
-  function Oe(a, n) {
+  function Ve(a, u) {
     if (l.value > 0) {
-      if (!u.value || a > l.value)
+      if (!r.value || a > l.value)
         return l.value / a;
-    } else if (R.value > 0 && (!u.value || n > R.value))
-      return R.value / n;
+    } else if (R.value > 0 && (!r.value || u > R.value))
+      return R.value / u;
     return 1;
   }
-  function Ve() {
-    return Math.min(1, Math.max(0, W.value / 100));
-  }
-  function Fe(a) {
-    return a.toDataURL("image/" + P.value, Ve());
-  }
-  function qe() {
-    if ($.value && $.value && L.value != null) {
-      const a = Ne(), n = a.x2 - a.x1, f = a.y2 - a.y1, k = document.createElement("canvas");
-      k.width = n, k.height = f;
-      const _ = k.getContext("2d");
-      if (_) {
-        m.value != null && (_.fillStyle = m.value, _.fillRect(0, 0, n, f));
-        const G = (h.value.scale || 1) * (h.value.flipH ? -1 : 1), Z = (h.value.scale || 1) * (h.value.flipV ? -1 : 1);
-        b.width && b.height && (_.setTransform(G, 0, 0, Z, b.width / 2, b.height / 2), _.translate(-a.x1 / G, -a.y1 / Z), _.rotate((h.value.rotate || 0) * Math.PI / 180), _.drawImage(L.value, -b.width / 2, -b.height / 2));
+  function Fe() {
+    return Math.min(1, Math.max(0, L.value / 100));
+  }
+  function qe(a) {
+    return a.toDataURL("image/" + W.value, Fe());
+  }
+  function Qe() {
+    if (H.value && H.value && P.value != null) {
+      const a = Oe(), u = a.x2 - a.x1, v = a.y2 - a.y1, k = document.createElement("canvas");
+      k.width = u, k.height = v;
+      const $ = k.getContext("2d");
+      if ($) {
+        p.value != null && ($.fillStyle = p.value, $.fillRect(0, 0, u, v));
+        const G = (c.value.scale || 1) * (c.value.flipH ? -1 : 1), Z = (c.value.scale || 1) * (c.value.flipV ? -1 : 1);
+        b.width && b.height && ($.setTransform(G, 0, 0, Z, b.width / 2, b.height / 2), $.translate(-a.x1 / G, -a.y1 / Z), $.rotate((c.value.rotate || 0) * Math.PI / 180), $.drawImage(P.value, -b.width / 2, -b.height / 2));
         const F = {
-          width: n,
-          height: f,
+          width: u,
+          height: v,
           imagePosition: a,
           cropperPosition: { ...t.value }
         };
         T.value && (F.offsetImagePosition = Ie());
-        const X = Oe(n, f);
-        return X !== 1 && (F.width = Math.round(n * X), F.height = w.value ? Math.round(F.width / s.value) : Math.round(f * X), r(k, F.width, F.height)), F.base64 = Fe(k), i.emit("imageCropped", F), F;
+        const X = Ve(u, v);
+        return X !== 1 && (F.width = Math.round(u * X), F.height = w.value ? Math.round(F.width / s.value) : Math.round(v * X), n(k, F.width, F.height)), F.base64 = qe(k), i.emit("imageCropped", F), F;
       }
     }
     return null;
   }
   function te() {
-    y.value && qe();
+    y.value && Qe();
   }
   function ye() {
-    const a = $.value;
+    const a = H.value;
     if (a) {
       if (!w.value)
         t.value.x1 = 0, t.value.x2 = a.offsetWidth, t.value.y1 = 0, t.value.y2 = a.offsetHeight;
       else if (a.offsetWidth / s.value < a.offsetHeight) {
         t.value.x1 = 0, t.value.x2 = a.offsetWidth;
-        const n = a.offsetWidth / s.value;
-        t.value.y1 = (a.offsetHeight - n) / 2, t.value.y2 = t.value.y1 + n;
+        const u = a.offsetWidth / s.value;
+        t.value.y1 = (a.offsetHeight - u) / 2, t.value.y2 = t.value.y1 + u;
       } else {
         t.value.y1 = 0, t.value.y2 = a.offsetHeight;
-        const n = a.offsetHeight * s.value;
-        t.value.x1 = (a.offsetWidth - n) / 2, t.value.x2 = t.value.x1 + n;
+        const u = a.offsetHeight * s.value;
+        t.value.x1 = (a.offsetWidth - u) / 2, t.value.x2 = t.value.x1 + u;
       }
       te(), A.value = !0;
     }
@@ -673,26 +687,26 @@ function De(e, i) {
       timeout: 3e3,
       animate: "fadeIn",
       toasts: [{ type: "string", title: "提示", msg: "图片加载超时，请重试" }]
-    }), H = !0, d.value = !1, i.emit("loadImageFailed")) : $e() ? (H = !1, ue(), re(), ye(), i.emit("cropperReady", { ...z.value })) : (V++, setTimeout(() => xe(), 50));
-  }
-  function Qe() {
-    L.value != null && (d.value = !1, i.emit("imageLoaded"), V = 0, setTimeout(() => xe()));
+    }), _ = !0, m.value = !1, i.emit("loadImageFailed")) : Ue() ? (_ = !1, ue(), re(), ye(), i.emit("cropperReady", { ...z.value })) : (V++, setTimeout(() => xe(), 50));
   }
   function Ge() {
-    const a = $.value;
+    P.value != null && (m.value = !1, i.emit("imageLoaded"), V = 0, setTimeout(() => xe()));
+  }
+  function Je() {
+    const a = H.value;
     (z.value.width !== (a == null ? void 0 : a.offsetWidth) || z.value.height !== (a == null ? void 0 : a.offsetHeight)) && z.value.width && z.value.height && a && (t.value.x1 = t.value.x1 * a.offsetWidth / z.value.width, t.value.x2 = t.value.x2 * a.offsetWidth / z.value.width, t.value.y1 = t.value.y1 * a.offsetHeight / z.value.height, t.value.y2 = t.value.y2 * a.offsetHeight / z.value.height);
   }
-  const Je = () => {
-    Ge(), ue(), re();
+  const Ze = () => {
+    Je(), ue(), re();
   }, be = () => {
-    clearTimeout(D), D = setTimeout(Je, 300);
+    clearTimeout(D), D = setTimeout(Ze, 300);
   };
   Ae(() => {
-    window.addEventListener("resize", be), le.value && (Y(), d.value = !0, pe(le.value));
-  }), nt(() => {
+    window.addEventListener("resize", be), le.value && (Y(), m.value = !0, pe(le.value));
+  }), ut(() => {
     window.removeEventListener("resize", be);
   });
-  function Ze() {
+  function Ye() {
     x.active && (x.active = !1, te());
   }
   function se(a) {
@@ -701,11 +715,11 @@ function De(e, i) {
   function oe(a) {
     return (a.touches && a.touches[0] ? a.touches[0].clientY : a.clientY) || 0;
   }
-  function Ye(a, n, f = null) {
+  function Xe(a, u, v = null) {
     x && x.active || (a.preventDefault && a.preventDefault(), x = {
       active: !0,
-      type: n,
-      position: f,
+      type: u,
+      position: v,
       clientX: se(a),
       clientY: oe(a),
       ...t.value
@@ -714,63 +728,63 @@ function De(e, i) {
   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 > z.value.width && (t.value.x1 -= a ? t.value.x2 - z.value.width : 0, t.value.x2 = z.value.width), t.value.y2 > z.value.height && (t.value.y1 -= a ? t.value.y2 - z.value.height : 0, t.value.y2 = z.value.height);
   }
-  function Xe(a) {
-    const n = se(a) - x.clientX, f = oe(a) - x.clientY;
-    t.value.x1 = x.x1 + n, t.value.y1 = x.y1 + f, t.value.x2 = x.x2 + n, t.value.y2 = x.y2 + f;
+  function Ke(a) {
+    const u = se(a) - x.clientX, v = oe(a) - x.clientY;
+    t.value.x1 = x.x1 + u, t.value.y1 = x.y1 + v, t.value.x2 = x.x2 + u, t.value.y2 = x.y2 + v;
   }
-  const { checkAspectRatio: Ke } = Ct(t, z, s, x);
-  function et(a) {
-    const n = se(a) - x.clientX, f = oe(a) - x.clientY;
+  const { checkAspectRatio: et } = Lt(t, z, s, x);
+  function tt(a) {
+    const u = se(a) - x.clientX, v = oe(a) - x.clientY;
     switch (x.position) {
       case "left":
-        t.value.x1 = Math.min(x.x1 + n, t.value.x2 - U);
+        t.value.x1 = Math.min(x.x1 + u, t.value.x2 - U);
         break;
       case "topleft":
-        t.value.x1 = Math.min(x.x1 + n, t.value.x2 - U), t.value.y1 = Math.min(x.y1 + f, t.value.y2 - N);
+        t.value.x1 = Math.min(x.x1 + u, t.value.x2 - U), t.value.y1 = Math.min(x.y1 + v, t.value.y2 - N);
         break;
       case "top":
-        t.value.y1 = Math.min(x.y1 + f, t.value.y2 - N);
+        t.value.y1 = Math.min(x.y1 + v, t.value.y2 - N);
         break;
       case "topright":
-        t.value.x2 = Math.max(x.x2 + n, t.value.x1 + U), t.value.y1 = Math.min(x.y1 + f, t.value.y2 - N);
+        t.value.x2 = Math.max(x.x2 + u, t.value.x1 + U), t.value.y1 = Math.min(x.y1 + v, t.value.y2 - N);
         break;
       case "right":
-        t.value.x2 = Math.max(x.x2 + n, t.value.x1 + U);
+        t.value.x2 = Math.max(x.x2 + u, t.value.x1 + U);
         break;
       case "bottomright":
-        t.value.x2 = Math.max(x.x2 + n, t.value.x1 + U), t.value.y2 = Math.max(x.y2 + f, t.value.y1 + N);
+        t.value.x2 = Math.max(x.x2 + u, t.value.x1 + U), t.value.y2 = Math.max(x.y2 + v, t.value.y1 + N);
         break;
       case "bottom":
-        t.value.y2 = Math.max(x.y2 + f, t.value.y1 + N);
+        t.value.y2 = Math.max(x.y2 + v, t.value.y1 + N);
         break;
       case "bottomleft":
-        t.value.x1 = Math.min(x.x1 + n, t.value.x2 - U), t.value.y2 = Math.max(x.y2 + f, t.value.y1 + N);
+        t.value.x1 = Math.min(x.x1 + u, t.value.x2 - U), t.value.y2 = Math.max(x.y2 + v, t.value.y1 + N);
         break;
       case "center":
-        const { scale: k } = a, _ = Math.abs(x.x2 - x.x1) * k, G = Math.abs(x.y2 - x.y1) * k, { x1: Z } = t.value, { y1: F } = t.value;
-        t.value.x1 = Math.min(x.clientX - _ / 2, t.value.x2 - U), t.value.y1 = Math.min(x.clientY - G / 2, t.value.y2 - N), t.value.x2 = Math.max(x.clientX + _ / 2, Z + U), t.value.y2 = Math.max(x.clientY + G / 2, F + N);
+        const { scale: k } = a, $ = Math.abs(x.x2 - x.x1) * k, G = Math.abs(x.y2 - x.y1) * k, { x1: Z } = t.value, { y1: F } = t.value;
+        t.value.x1 = Math.min(x.clientX - $ / 2, t.value.x2 - U), t.value.y1 = Math.min(x.clientY - G / 2, t.value.y2 - N), t.value.x2 = Math.max(x.clientX + $ / 2, Z + U), t.value.y2 = Math.max(x.clientY + G / 2, F + N);
         break;
     }
-    w.value && Ke();
+    w.value && et();
   }
-  function tt(a) {
+  function at(a) {
     x && x.active && (a.stopPropagation && a.stopPropagation(), a.preventDefault && a.preventDefault(), clearTimeout(Q), Q = setTimeout(() => {
-      x.type === ae.Move ? (Xe(a), ce(!0)) : x.type === ae.Resize && (et(a), ce(!1));
+      x.type === ae.Move ? (Ke(a), ce(!0)) : x.type === ae.Resize && (tt(a), ce(!1));
     }, 300));
   }
-  return K(ge, (a) => {
-    Y(), a && a.target && a.target.files && a.target.files.length > 0 && (d.value = !0, me(a.target.files[0]));
+  return K(de, (a) => {
+    Y(), a && a.target && a.target.files && a.target.files.length > 0 && (m.value = !0, me(a.target.files[0]));
   }), K(le, (a) => {
-    a ? (Y(), d.value = !0, pe(a)) : (o.show({
+    a ? (Y(), m.value = !0, pe(a)) : (o.show({
       showCloseButton: !1,
       timeout: 3e3,
       animate: "fadeIn",
       toasts: [{ type: "string", title: "提示", msg: "图片路径为空" }]
-    }), d.value = !1, H = !0);
-  }), K(Be, (a) => {
-    Y(), d.value = !0, ne(a);
+    }), m.value = !1, _ = !0);
   }), K(Ce, (a) => {
-    Y(), a && (d.value = !0, me(a));
+    Y(), m.value = !0, ne(a);
+  }), K(Le, (a) => {
+    Y(), a && (m.value = !0, me(a));
   }), K(
     () => [
       e.containWithinAspectRatio,
@@ -780,25 +794,25 @@ function De(e, i) {
       e.transform,
       e.imageChangedEvent
     ],
-    ([a, n, f, k, _, G], [Z, F, X, at, it, lt]) => {
-      E && E.complete && I && (a !== Z || n !== F) && de(), f !== X && (ue(), re(), ce(!1), te()), k !== at && A.value && ye(), _ !== it && (We(), te()), G !== lt && (ge.value = G);
+    ([a, u, v, k, $, G], [Z, F, X, it, lt, nt]) => {
+      E && E.complete && O && (a !== Z || u !== F) && ge(), v !== X && (ue(), re(), ce(!1), te()), k !== it && A.value && ye(), $ !== lt && (Pe(), te()), G !== nt && (de.value = G);
     }
   ), {
-    uploadError: H,
+    uploadError: _,
     imageVisible: A,
-    backgroundColor: m,
-    sourceImage: $,
+    backgroundColor: p,
+    sourceImage: H,
     safeImgDataUrl: j,
     safeTransformStyle: q,
     maxSize: z,
     cropper: t,
     marginLeft: J,
     moveTypes: ie,
-    isLoading: d,
-    startMove: Ye,
-    imageLoadedInView: Qe,
-    moveStop: Ze,
-    moveImg: tt
+    isLoading: m,
+    startMove: Xe,
+    imageLoadedInView: Ge,
+    moveStop: Ye,
+    moveImg: at
   };
 }
 const fe = /* @__PURE__ */ Se({
@@ -806,33 +820,33 @@ const fe = /* @__PURE__ */ Se({
   props: he,
   emits: ["imageCropped", "imageLoaded", "cropperReady", "loadImageFailed"],
   setup(e, i) {
-    const r = v(e.alignImage), p = v(e.roundCropper), o = v(e.hideResizeSquares), t = v(e.loadImageErrorText), h = v(e.disabled), g = v(null), {
+    const n = h(e.alignImage), d = h(e.roundCropper), o = h(e.hideResizeSquares), t = h(e.loadImageErrorText), c = h(e.disabled), g = h(null), {
       uploadError: w,
       imageVisible: s,
       backgroundColor: y,
-      sourceImage: m,
+      sourceImage: p,
       safeImgDataUrl: l,
-      safeTransformStyle: u,
+      safeTransformStyle: r,
       maxSize: T,
       cropper: M,
-      marginLeft: P,
-      moveTypes: W,
+      marginLeft: W,
+      moveTypes: L,
       isLoading: R,
       startMove: B,
       imageLoadedInView: j,
-      moveStop: d,
+      moveStop: m,
       moveImg: A
-    } = De(e, i);
-    function c(D) {
+    } = Be(e, i);
+    function f(D) {
       return S("span", {
         class: `farris-image-cropper-resize-bar ${D}`,
-        onMousedown: O((E) => B(E, W.Resize, D), ["prevent"])
+        onMousedown: I((E) => B(E, L.Resize, D), ["prevent"])
       }, null);
     }
     function b(D) {
       return S("div", null, [S("span", {
         class: `farris-image-cropper-resize-bar ${D}`,
-        onMousedown: O((E) => B(E, W.Resize, D), ["prevent"])
+        onMousedown: I((E) => B(E, L.Resize, D), ["prevent"])
       }, [S("span", {
         class: "farris-image-cropper-square"
       }, null)]), S("span", {
@@ -841,18 +855,18 @@ const fe = /* @__PURE__ */ Se({
         class: "farris-image-cropper-square"
       }, null)])]);
     }
-    const V = ["top", "right", "bottom", "left"].map((D) => c(D)), Q = ["topleft", "topright", "bottomright", "bottomleft"].map((D) => b(D));
+    const V = ["top", "right", "bottom", "left"].map((D) => f(D)), Q = ["topleft", "topright", "bottomright", "bottomleft"].map((D) => b(D));
     return () => S("div", {
       class: ["farris-image-cropper-frame", {
-        "farris-image-cropper-disabled": h.value
+        "farris-image-cropper-disabled": c.value
       }],
       style: {
-        "text-align": r.value
+        "text-align": n.value
       },
-      onMousemove: O((D) => A(D), ["prevent"]),
-      onTouchmove: O((D) => A(D), ["prevent"]),
-      onMouseup: O(() => d(), ["prevent"]),
-      onTouchend: O(() => d(), ["prevent"])
+      onMousemove: I((D) => A(D), ["prevent"]),
+      onTouchmove: I((D) => A(D), ["prevent"]),
+      onMouseup: I(() => m(), ["prevent"]),
+      onTouchend: I(() => m(), ["prevent"])
     }, [!w && S("div", {
       ref: g,
       class: "farris-image-cropper",
@@ -861,12 +875,12 @@ const fe = /* @__PURE__ */ Se({
       }]
     }, [l.value && S("img", {
       title: "farris-source-image",
-      ref: m,
+      ref: p,
       class: "farris-source-image",
       style: [{
         visibility: s.value ? "visible" : "hidden"
       }, {
-        transform: u.value
+        transform: r.value
       }],
       src: l.value,
       onLoad: () => j()
@@ -877,11 +891,11 @@ const fe = /* @__PURE__ */ Se({
       }, {
         height: `${T.value.height || 0}px`
       }, {
-        "margin-left": r.value === "center" ? P.value : ""
+        "margin-left": n.value === "center" ? W.value : ""
       }]
     }, null), s.value && S("div", {
       class: ["farris-image-cropper-wrapper", {
-        "farris-image-cropper-rounded": p.value
+        "farris-image-cropper-rounded": d.value
       }],
       style: [{
         top: `${M.value.y1}px`
@@ -894,12 +908,12 @@ const fe = /* @__PURE__ */ Se({
       }, {
         visibility: s.value ? "visible" : "hidden"
       }, {
-        "margin-left": r.value === "center" ? P.value : ""
+        "margin-left": n.value === "center" ? W.value : ""
       }],
       tabindex: "0"
     }, [S("div", {
       class: "farris-image-cropper-move",
-      onMousedown: O((D) => B(D, W.Move, "topleft"), ["prevent"])
+      onMousedown: I((D) => B(D, L.Move, "topleft"), ["prevent"])
     }, null), !o.value && S("div", null, [Q, V])])]), R.value && S("div", {
       class: "farris-image-cropper-loading"
     }, [S("div", {
@@ -909,10 +923,10 @@ const fe = /* @__PURE__ */ Se({
     }, [t.value])]);
   }
 });
-function Wt(e, i, r) {
+function Pt(e, i, n) {
   var j;
-  const p = "", o = "", t = v();
-  function h() {
+  const d = "", o = "", t = h();
+  function c() {
     return (i == null ? void 0 : i.schema.componentType) !== "frame";
   }
   function g() {
@@ -924,49 +938,49 @@ function Wt(e, i, r) {
   function s() {
     return (i == null ? void 0 : i.schema.componentType) === "frame";
   }
-  function y(d) {
-    if (!d || !d.value)
+  function y(m) {
+    if (!m || !m.value)
       return null;
-    if (d.value.schema && d.value.schema.type === "component")
-      return d.value;
-    const A = v(d == null ? void 0 : d.value.parent), c = y(A);
-    return c || null;
+    if (m.value.schema && m.value.schema.type === "component")
+      return m.value;
+    const A = h(m == null ? void 0 : m.value.parent), f = y(A);
+    return f || null;
   }
-  function m(d = i) {
-    const { componentInstance: A, designerItemElementRef: c } = d;
-    return !A || !A.value ? null : A.value.canMove ? c : m(d.parent);
+  function p(m = i) {
+    const { componentInstance: A, designerItemElementRef: f } = m;
+    return !A || !A.value ? null : A.value.canMove ? f : p(m.parent);
   }
-  function l(d) {
-    return !!r;
+  function l(m) {
+    return !!n;
   }
-  function u() {
+  function r() {
     return (i == null ? void 0 : i.schema.label) || (i == null ? void 0 : i.schema.title) || (i == null ? void 0 : i.schema.name);
   }
   function T() {
   }
-  function M(d, A) {
+  function M(m, A) {
   }
-  function P(d, A) {
-    const { componentType: c } = d;
-    let b = ke(c, d, A);
-    const V = c.toLowerCase().replace(/-/g, "_");
-    return b && !b.id && b.type === c && (b.id = `${V}_${Math.random().toString().slice(2, 6)}`), b;
+  function W(m, A) {
+    const { componentType: f } = m;
+    let b = De(f, m, A);
+    const V = f.toLowerCase().replace(/-/g, "_");
+    return b && !b.id && b.type === f && (b.id = `${V}_${Math.random().toString().slice(2, 6)}`), b;
   }
-  function W(d) {
+  function L(m) {
   }
-  function R(...d) {
+  function R(...m) {
   }
   function B() {
-    i != null && i.schema.contents && i.schema.contents.map((d) => {
+    i != null && i.schema.contents && i.schema.contents.map((m) => {
       var b;
-      let A = d.id;
-      d.type === "component-ref" && (A = d.component);
-      const c = e.value.querySelector(`#${A}-design-item`);
-      (b = c == null ? void 0 : c.componentInstance) != null && b.value.onRemoveComponent && c.componentInstance.value.onRemoveComponent();
+      let A = m.id;
+      m.type === "component-ref" && (A = m.component);
+      const f = e.value.querySelector(`#${A}-design-item`);
+      (b = f == null ? void 0 : f.componentInstance) != null && b.value.onRemoveComponent && f.componentInstance.value.onRemoveComponent();
     });
   }
   return t.value = {
-    canMove: h(),
+    canMove: c(),
     canSelectParent: g(),
     canDelete: w(),
     canNested: !s(),
@@ -974,57 +988,57 @@ function Wt(e, i, r) {
     elementRef: e,
     parent: (j = i == null ? void 0 : i.parent) == null ? void 0 : j.componentInstance,
     schema: i == null ? void 0 : i.schema,
-    styles: p,
+    styles: d,
     designerClass: o,
     canAccepts: l,
     getBelongedComponentInstance: y,
-    getDraggableDesignItemElement: m,
-    getDraggingDisplayText: u,
+    getDraggableDesignItemElement: p,
+    getDraggingDisplayText: r,
     getPropConfig: R,
     getDragScopeElement: T,
     onAcceptMovedChildElement: M,
-    onChildElementMovedOut: W,
-    addNewChildComponentSchema: P,
-    triggerBelongedComponentToMoveWhenMoved: v(!1),
-    triggerBelongedComponentToDeleteWhenDeleted: v(!1),
+    onChildElementMovedOut: L,
+    addNewChildComponentSchema: W,
+    triggerBelongedComponentToMoveWhenMoved: h(!1),
+    triggerBelongedComponentToDeleteWhenDeleted: h(!1),
     onRemoveComponent: B
   }, t;
 }
-const Lt = /* @__PURE__ */ Se({
+const Wt = /* @__PURE__ */ Se({
   name: "FImageCropperDesign",
   props: he,
   emits: ["imageCropped", "imageLoaded", "cropperReady", "loadImageFailed"],
   setup(e, i) {
-    const r = v(e.alignImage), p = v(e.roundCropper), o = v(e.hideResizeSquares), t = v(e.loadImageErrorText), h = v(e.disabled), g = v(null), {
+    const n = h(e.alignImage), d = h(e.roundCropper), o = h(e.hideResizeSquares), t = h(e.loadImageErrorText), c = h(e.disabled), g = h(null), {
       uploadError: w,
       imageVisible: s,
       backgroundColor: y,
-      sourceImage: m,
+      sourceImage: p,
       safeImgDataUrl: l,
-      safeTransformStyle: u,
+      safeTransformStyle: r,
       maxSize: T,
       cropper: M,
-      marginLeft: P,
-      moveTypes: W,
+      marginLeft: W,
+      moveTypes: L,
       isLoading: R,
       startMove: B,
       imageLoadedInView: j,
-      moveStop: d,
+      moveStop: m,
       moveImg: A
-    } = De(e, i), c = v(), b = Te("design-item-context"), V = Wt(c, b);
+    } = Be(e, i), f = h(), b = Te("design-item-context"), V = Pt(f, b);
     Ae(() => {
-      c.value.componentInstance = V;
+      f.value.componentInstance = V;
     }), i.expose(V.value);
     function Q(C) {
       return S("span", {
         class: `farris-image-cropper-resize-bar ${C}`,
-        onMousedown: O((q) => B(q, W.Resize, C), ["prevent"])
+        onMousedown: I((q) => B(q, L.Resize, C), ["prevent"])
       }, null);
     }
     function D(C) {
       return S("div", null, [S("span", {
         class: `farris-image-cropper-resize-bar ${C}`,
-        onMousedown: O((q) => B(q, W.Resize, C), ["prevent"])
+        onMousedown: I((q) => B(q, L.Resize, C), ["prevent"])
       }, [S("span", {
         class: "farris-image-cropper-square"
       }, null)]), S("span", {
@@ -1033,19 +1047,19 @@ const Lt = /* @__PURE__ */ Se({
         class: "farris-image-cropper-square"
       }, null)])]);
     }
-    const E = ["top", "right", "bottom", "left"].map((C) => Q(C)), $ = ["topleft", "topright", "bottomright", "bottomleft"].map((C) => D(C));
+    const E = ["top", "right", "bottom", "left"].map((C) => Q(C)), H = ["topleft", "topright", "bottomright", "bottomleft"].map((C) => D(C));
     return () => S("div", {
-      ref: c,
+      ref: f,
       class: ["farris-image-cropper-frame", {
-        "farris-image-cropper-disabled": h.value
+        "farris-image-cropper-disabled": c.value
       }],
       style: {
-        "text-align": r.value
+        "text-align": n.value
       },
-      onMousemove: O((C) => A(C), ["prevent"]),
-      onTouchmove: O((C) => A(C), ["prevent"]),
-      onMouseup: O(() => d(), ["prevent"]),
-      onTouchend: O(() => d(), ["prevent"])
+      onMousemove: I((C) => A(C), ["prevent"]),
+      onTouchmove: I((C) => A(C), ["prevent"]),
+      onMouseup: I(() => m(), ["prevent"]),
+      onTouchend: I(() => m(), ["prevent"])
     }, [!w && S("div", {
       ref: g,
       class: "farris-image-cropper",
@@ -1054,12 +1068,12 @@ const Lt = /* @__PURE__ */ Se({
       }]
     }, [l.value && S("img", {
       title: "farris-source-image",
-      ref: m,
+      ref: p,
       class: "farris-source-image",
       style: [{
         visibility: s.value ? "visible" : "hidden"
       }, {
-        transform: u.value
+        transform: r.value
       }],
       src: l.value,
       onLoad: () => j()
@@ -1070,11 +1084,11 @@ const Lt = /* @__PURE__ */ Se({
       }, {
         height: `${T.value.height || 0}px`
       }, {
-        "margin-left": r.value === "center" ? P.value : ""
+        "margin-left": n.value === "center" ? W.value : ""
       }]
     }, null), s.value && S("div", {
       class: ["farris-image-cropper-wrapper", {
-        "farris-image-cropper-rounded": p.value
+        "farris-image-cropper-rounded": d.value
       }],
       style: [{
         top: `${M.value.y1}px`
@@ -1087,13 +1101,13 @@ const Lt = /* @__PURE__ */ Se({
       }, {
         visibility: s.value ? "visible" : "hidden"
       }, {
-        "margin-left": r.value === "center" ? P.value : ""
+        "margin-left": n.value === "center" ? W.value : ""
       }],
       tabindex: "0"
     }, [S("div", {
       class: "farris-image-cropper-move",
-      onMousedown: O((C) => B(C, W.Move, "topleft"), ["prevent"])
-    }, null), !o.value && S("div", null, [$, E])])]), R.value && S("div", {
+      onMousedown: I((C) => B(C, L.Move, "topleft"), ["prevent"])
+    }, null), !o.value && S("div", null, [H, E])])]), R.value && S("div", {
       class: "farris-image-cropper-loading"
     }, [S("div", {
       class: "farris-image-cropper-loading-spinner"
@@ -1101,20 +1115,20 @@ const Lt = /* @__PURE__ */ Se({
       class: "farris-image-cropper-error"
     }, [t.value])]);
   }
-}), Ht = {
+}), $t = {
   install(e) {
     e.component(fe.name, fe);
   },
-  register(e, i, r, p) {
+  register(e, i, n, d) {
     e["image-cropper"] = fe, i["image-cropper"] = we;
   },
-  registerDesigner(e, i, r) {
-    e["image-cropper"] = Lt, i["image-cropper"] = we;
+  registerDesigner(e, i, n) {
+    e["image-cropper"] = Wt, i["image-cropper"] = we;
   }
 };
 export {
   fe as ImageCropper,
-  Ht as default,
+  $t as default,
   he as imageCropperProps,
   we as propsResolver
 };