@farris/ui-vue 1.2.9 → 1.3.0

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

@@ -1,24 +1,24 @@
-import { inject as Ae, ref as v, onMounted as Te, onUnmounted as nt, watch as K, defineComponent as Ce, createVNode as T, withModifiers as F } from "vue";
-import { cloneDeep as lt } from "lodash-es";
-const Se = {}, Ee = {};
+import { inject as Te, ref as v, onMounted as Ce, onUnmounted as lt, watch as K, defineComponent as Se, createVNode as T, withModifiers as F } from "vue";
+import { isPlainObject as we, cloneDeep as ut } from "lodash-es";
+const Ee = {}, ze = {};
 function he(e) {
-  const { properties: i, title: r, ignore: y } = e, o = y && Array.isArray(y), t = Object.keys(i).reduce((h, g) => ((!o || !y.find((w) => w == g)) && (h[g] = i[g].type === "object" && i[g].properties ? he(i[g]) : lt(i[g].default)), h), {});
+  const { properties: i, title: r, ignore: y } = e, o = y && Array.isArray(y), t = Object.keys(i).reduce((h, g) => ((!o || !y.find((w) => w == g)) && (h[g] = i[g].type === "object" && i[g].properties ? he(i[g]) : ut(i[g].default)), h), {});
   return (!o || !y.find((h) => h == "id")) && (t.id = `${r}-${Date.now()}`), t;
 }
 function ve(e, i = {}, r) {
-  const y = Se[e];
+  const y = Ee[e];
   if (y) {
     let o = he(y);
-    const t = Ee[e];
+    const t = ze[e];
     return o = t ? t({ getSchemaByType: ve }, o, i, r) : o, o;
   }
   return null;
 }
-function ut(e, i) {
+function rt(e, i) {
   const r = he(i);
-  return Object.keys(e).reduce((y, o) => (y[o] && typeof y[o] == "object" ? Object.assign(y[o], e[o]) : y[o] = e[o], y), r), r;
+  return Object.keys(e).reduce((y, o) => (y[o] && we(y[o]) && we(e[o]) ? Object.assign(y[o], e[o]) : y[o] = e[o], y), r), r;
 }
-function rt(e, i) {
+function st(e, i) {
   return Object.keys(e).filter((y) => e[y] != null).reduce((y, o) => {
     if (i.has(o)) {
       const t = i.get(o);
@@ -33,11 +33,11 @@ function rt(e, i) {
     return y;
   }, {});
 }
-function st(e, i, r = /* @__PURE__ */ new Map()) {
-  const y = ut(e, i);
-  return rt(y, r);
+function ot(e, i, r = /* @__PURE__ */ new Map()) {
+  const y = rt(e, i);
+  return st(y, r);
 }
-function ot(e = {}) {
+function ct(e = {}) {
   function i(s, x, m, n) {
     if (typeof m == "number")
       return n[s].length === m;
@@ -91,23 +91,23 @@ function ot(e = {}) {
   }
   return { parseValueSchema: w };
 }
-const ct = {}, ft = {};
-ot();
-function vt(e, i, r = /* @__PURE__ */ new Map(), y = (h, g, w) => g, o = {}, t = (h) => h) {
-  return Se[i.title] = i, Ee[i.title] = y, ct[i.title] = o, ft[i.title] = t, (h = {}) => {
-    const g = st(h, i, r), w = Object.keys(e).reduce((s, x) => (s[x] = e[x].default, s), {});
+const ft = {}, vt = {};
+ct();
+function ht(e, i, r = /* @__PURE__ */ new Map(), y = (h, g, w) => g, o = {}, t = (h) => h) {
+  return Ee[i.title] = i, ze[i.title] = y, ft[i.title] = o, vt[i.title] = t, (h = {}) => {
+    const g = ot(h, i, r), w = Object.keys(e).reduce((s, x) => (s[x] = e[x].default, s), {});
     return Object.assign(w, g);
   };
 }
-function ht(e, i) {
+function gt(e, i) {
   return { customClass: i.class, customStyle: i.style };
 }
-function gt(e, i, r) {
+function dt(e, i, r) {
   return i;
 }
-const dt = /* @__PURE__ */ new Map([
-  ["appearance", ht]
-]), mt = "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", bt = "object", Mt = {
+const mt = /* @__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 = {
   id: {
     description: "The unique identifier for image-cropper",
     type: "string"
@@ -169,18 +169,18 @@ const dt = /* @__PURE__ */ new Map([
     type: "boolean",
     default: !0
   }
-}, wt = [
+}, At = [
   "id",
   "type"
-], At = {
-  $schema: mt,
-  $id: pt,
-  title: yt,
-  description: xt,
-  type: bt,
-  properties: Mt,
-  required: wt
-}, Tt = "image-cropper", Ct = "A Farris Component", St = "object", Et = {
+], Tt = {
+  $schema: pt,
+  $id: yt,
+  title: xt,
+  description: bt,
+  type: Mt,
+  properties: wt,
+  required: At
+}, Ct = "image-cropper", St = "A Farris Component", Et = "object", zt = {
   basic: {
     description: "Basic Infomation",
     title: "基本信息",
@@ -233,11 +233,11 @@ const dt = /* @__PURE__ */ new Map([
       }
     }
   }
-}, zt = {
-  title: Tt,
-  description: Ct,
-  type: St,
-  categories: Et
+}, kt = {
+  title: Ct,
+  description: St,
+  type: Et,
+  categories: zt
 }, ge = {
   /** 输出图片格式 */
   format: { type: String, default: "png" },
@@ -295,9 +295,9 @@ const dt = /* @__PURE__ */ new Map([
       y2: 1e4
     }
   }
-}, we = vt(ge, At, dt, gt, zt);
+}, Ae = ht(ge, Tt, mt, dt, kt);
 var ae = /* @__PURE__ */ ((e) => (e.Move = "move", e.Resize = "resize", e))(ae || {});
-function kt() {
+function Dt() {
   function e(o) {
     switch (typeof o == "string" && (o = i(o)), o) {
       case 2:
@@ -361,7 +361,7 @@ function kt() {
       for (let R = 0; R < h; R++)
         for (let D = 0; D < t; D++) {
           const j = (D + R * t) * 4, k = R * x;
-          let p = 0, f = 0, d = 0, B = 0, V = 0, C = 0, S = 0;
+          let p = 0, f = 0, d = 0, B = 0, O = 0, C = 0, S = 0;
           const I = Math.floor(D * s), W = Math.floor(R * x);
           let Q = Math.ceil((D + 1) * s), G = Math.ceil((R + 1) * x);
           Q = Math.min(Q, g), G = Math.min(G, w);
@@ -372,11 +372,11 @@ function kt() {
               if (_ >= 1)
                 continue;
               p = 2 * _ * _ * _ - 3 * _ * _ + 1;
-              const O = 4 * (U + P * g);
-              S += p * $[O + 3], d += p, $[O + 3] < 255 && (p = p * $[O + 3] / 250), B += p * $[O], V += p * $[O + 1], C += p * $[O + 2], f += p;
+              const V = 4 * (U + P * g);
+              S += p * $[V + 3], d += p, $[V + 3] < 255 && (p = p * $[V + 3] / 250), B += p * $[V], O += p * $[V + 1], C += p * $[V + 2], f += p;
             }
           }
-          L[j] = B / f, L[j + 1] = V / f, L[j + 2] = C / f, L[j + 3] = S / d;
+          L[j] = B / f, L[j + 1] = O / f, L[j + 2] = C / f, L[j + 3] = S / d;
         }
       o.width = t, o.height = h, u.putImageData(M, 0, 0);
     }
@@ -386,7 +386,7 @@ function kt() {
     getTransformationsFromExifData: e
   };
 }
-function Dt(e, i, r, y) {
+function Bt(e, i, r, y) {
   function o(n, u) {
     e.value.x2 = e.value.x1 + (e.value.y2 - e.value.y1) * r.value, n = Math.max(e.value.x2 - i.value.width, 0), u = Math.max(0 - e.value.y1, 0), (n > 0 || u > 0) && (e.value.x2 -= u * r.value > n ? u * r.value : n, e.value.y1 += u * r.value > n ? u : n / r.value);
   }
@@ -440,13 +440,13 @@ function Dt(e, i, r, y) {
   }
   return { checkAspectRatio: m };
 }
-function ze(e, i) {
-  const { resizeCanvas: r, getTransformationsFromExifData: y } = kt(), o = Ae("NotifyService"), t = v(e.cropper), h = v(e.transform), g = v(e.cropperMinWidth), w = v(e.maintainAspectRatio), s = v(e.aspectRatio), x = v(e.autoCrop), m = v(e.backgroundColor), n = v(e.resizeToWidth), u = v(e.onlyScaleDown), A = v(e.containWithinAspectRatio), M = v(e.canvasRotation), $ = v(e.format), L = v(e.imageQuality), R = v(e.resizeToHeight), D = v(e.cropperMinHeight), j = v(""), k = v(!0), p = v(!0);
-  let f, d, B = 0, V, C, S;
+function ke(e, i) {
+  const { resizeCanvas: r, getTransformationsFromExifData: y } = Dt(), o = Te("NotifyService"), t = v(e.cropper), h = v(e.transform), g = v(e.cropperMinWidth), w = v(e.maintainAspectRatio), s = v(e.aspectRatio), x = v(e.autoCrop), m = v(e.backgroundColor), n = v(e.resizeToWidth), u = v(e.onlyScaleDown), A = v(e.containWithinAspectRatio), M = v(e.canvasRotation), $ = v(e.format), L = v(e.imageQuality), R = v(e.resizeToHeight), D = v(e.cropperMinHeight), j = v(""), k = v(!0), p = v(!0);
+  let f, d, B = 0, O, C, S;
   const I = v(null), W = v(""), Q = v(""), G = v("0px"), P = v(), E = v({ width: 100, height: 100 }), ie = ae;
-  let ee, U = 20, N = 20, _ = !1, O = { rotate: 0, flip: !1 }, b = { active: !1, type: null, position: null, x1: 0, y1: 0, x2: 0, y2: 0, clientX: 0, clientY: 0 };
-  const de = v(e.imageChangedEvent), ne = v(e.imageURL), ke = v(e.imageBase64), De = v(e.imageFile);
-  function Be() {
+  let ee, U = 20, N = 20, _ = !1, V = { rotate: 0, flip: !1 }, b = { active: !1, type: null, position: null, x1: 0, y1: 0, x2: 0, y2: 0, clientX: 0, clientY: 0 };
+  const de = v(e.imageChangedEvent), ne = v(e.imageURL), De = v(e.imageBase64), Be = 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 Y() {
@@ -471,11 +471,11 @@ function ze(e, i) {
       height: 0
     }, t.value.x1 = -100, t.value.y1 = -100, t.value.x2 = 1e4, t.value.y2 = 1e4;
   }
-  function We(a) {
+  function Le(a) {
     return /image\/(png|jpg|jpeg|bmp|gif|tiff|webp)/.test(a);
   }
-  function Le() {
-    if (M.value += O.rotate, A.value && f.width && f.height) {
+  function Pe() {
+    if (M.value += V.rotate, A.value && f.width && f.height) {
       if (M.value % 2) {
         const c = f.width * s.value, z = f.height / s.value;
         return {
@@ -497,14 +497,14 @@ function ze(e, i) {
       height: f.height
     };
   }
-  function Pe() {
-    M.value += O.rotate;
-    const a = Le(), l = document.createElement("canvas");
+  function $e() {
+    M.value += V.rotate;
+    const a = Pe(), l = document.createElement("canvas");
     a.width && a.height && (l.width = a.width, l.height = a.height);
     const c = l.getContext("2d");
-    return f.width && f.height && S && (c == null || c.setTransform(O.flip ? -1 : 1, 0, 0, 1, l.width / 2, l.height / 2), c == null || c.rotate(Math.PI * (M.value / 2)), c == null || c.drawImage(S, -f.width / 2, -f.height / 2)), l.toDataURL();
+    return f.width && f.height && S && (c == null || c.setTransform(V.flip ? -1 : 1, 0, 0, 1, l.width / 2, l.height / 2), c == null || c.rotate(Math.PI * (M.value / 2)), c == null || c.drawImage(S, -f.width / 2, -f.height / 2)), l.toDataURL();
   }
-  function $e(a) {
+  function Re(a) {
     return new Promise((l) => {
       ee = a, j.value = a, P.value = new Image(), P.value.onload = () => {
         var c, z;
@@ -513,10 +513,10 @@ function ze(e, i) {
     });
   }
   function me() {
-    if (!S || !S.complete || !O)
+    if (!S || !S.complete || !V)
       return Promise.reject(new Error("No image loaded"));
-    const a = Pe();
-    return $e(a);
+    const a = $e();
+    return Re(a);
   }
   function le(a) {
     const l = (c) => {
@@ -528,13 +528,13 @@ function ze(e, i) {
       }), k.value = !1, _ = !0, i.emit("loadImageFailed"), S = null, W.value = "";
     };
     S = new Image(), S.onload = () => {
-      W.value = a, O = y(a), f.width = S == null ? void 0 : S.naturalWidth, f.height = S == null ? void 0 : S.naturalHeight, me().then(() => {
+      W.value = a, V = y(a), f.width = S == null ? void 0 : S.naturalWidth, f.height = S == null ? void 0 : S.naturalHeight, me().then(() => {
         _ = !1;
       }).catch(l);
     }, S.onerror = l, S.src = a;
   }
-  function Re(a, l) {
-    We(l) ? (_ = !1, le(a)) : (o.show({
+  function _e(a, l) {
+    Le(l) ? (_ = !1, le(a)) : (o.show({
       showCloseButton: !1,
       timeout: 3e3,
       animate: "fadeIn",
@@ -543,7 +543,7 @@ function ze(e, i) {
   }
   function pe(a) {
     const l = new FileReader();
-    l.onload = (c) => Re(c.target.result, a.type), l.readAsDataURL(a);
+    l.onload = (c) => _e(c.target.result, a.type), l.readAsDataURL(a);
   }
   function ye(a) {
     const l = new Image();
@@ -560,7 +560,7 @@ function ze(e, i) {
       c.width = l.width, c.height = l.height, z == null || z.drawImage(l, 0, 0), le(c.toDataURL());
     }, l.crossOrigin = "anonymous", l.src = a;
   }
-  function _e() {
+  function He() {
     return I.value && I.value && I.value.offsetWidth > 0;
   }
   function ue() {
@@ -569,16 +569,16 @@ function ze(e, i) {
       E.value.width = a.offsetWidth, E.value.height = a.offsetHeight, G.value = "calc(50% - " + E.value.width / 2 + "px)";
     }
   }
-  function He() {
+  function Ie() {
     P.value && E.value.width && (U = g.value > 0 ? Math.max(20, g.value / P.value.width * E.value.width) : 20);
   }
-  function Ie() {
+  function Ue() {
     w.value ? N = Math.max(20, U / s.value) : D.value > 0 && P.value && E.value.height ? N = Math.max(20, D.value / P.value.height * E.value.height) : N = 20;
   }
   function re() {
-    P.value ? (He(), Ie()) : (U = 20, N = 20);
+    P.value ? (Ie(), Ue()) : (U = 20, N = 20);
   }
-  function Ue() {
+  function Ne() {
     const a = I.value, l = v({ x1: 0, x2: 0, y1: 0, y2: 0 });
     if (a && d.width && d.height) {
       const c = d.width / a.offsetWidth;
@@ -591,8 +591,8 @@ function ze(e, i) {
     }
     return l.value;
   }
-  function Ne() {
-    M.value += O.rotate;
+  function je() {
+    M.value += V.rotate;
     const a = I.value, l = v({ x1: 0, x2: 0, y1: 0, y2: 0 });
     if (a && d.height && d.width && f.height && f.width) {
       const c = d.width / a.offsetWidth;
@@ -606,7 +606,7 @@ function ze(e, i) {
     }
     return l.value;
   }
-  function je(a, l) {
+  function Oe(a, l) {
     if (n.value > 0) {
       if (!u.value || a > n.value)
         return n.value / a;
@@ -617,12 +617,12 @@ function ze(e, i) {
   function Ve() {
     return Math.min(1, Math.max(0, L.value / 100));
   }
-  function Oe(a) {
+  function Fe(a) {
     return a.toDataURL("image/" + $.value, Ve());
   }
-  function Fe() {
+  function qe() {
     if (I.value && I.value && P.value != null) {
-      const a = Ue(), l = a.x2 - a.x1, c = a.y2 - a.y1, z = document.createElement("canvas");
+      const a = Ne(), l = a.x2 - a.x1, c = a.y2 - a.y1, z = document.createElement("canvas");
       z.width = l, z.height = c;
       const H = z.getContext("2d");
       if (H) {
@@ -635,15 +635,15 @@ function ze(e, i) {
           imagePosition: a,
           cropperPosition: { ...t.value }
         };
-        A.value && (q.offsetImagePosition = Ne());
-        const X = je(l, c);
-        return X !== 1 && (q.width = Math.round(l * X), q.height = w.value ? Math.round(q.width / s.value) : Math.round(c * X), r(z, q.width, q.height)), q.base64 = Oe(z), i.emit("imageCropped", q), q;
+        A.value && (q.offsetImagePosition = je());
+        const X = Oe(l, c);
+        return X !== 1 && (q.width = Math.round(l * X), q.height = w.value ? Math.round(q.width / s.value) : Math.round(c * X), r(z, q.width, q.height)), q.base64 = Fe(z), i.emit("imageCropped", q), q;
       }
     }
     return null;
   }
   function te() {
-    x.value && Fe();
+    x.value && qe();
   }
   function xe() {
     const a = I.value;
@@ -668,26 +668,26 @@ function ze(e, i) {
       timeout: 3e3,
       animate: "fadeIn",
       toasts: [{ type: "string", title: "提示", msg: "图片加载超时，请重试" }]
-    }), _ = !0, k.value = !1, i.emit("loadImageFailed")) : _e() ? (_ = !1, ue(), re(), xe(), i.emit("cropperReady", { ...E.value })) : (B++, setTimeout(() => be(), 50));
+    }), _ = !0, k.value = !1, i.emit("loadImageFailed")) : He() ? (_ = !1, ue(), re(), xe(), i.emit("cropperReady", { ...E.value })) : (B++, setTimeout(() => be(), 50));
   }
-  function qe() {
+  function Qe() {
     P.value != null && (k.value = !1, i.emit("imageLoaded"), B = 0, setTimeout(() => be()));
   }
-  function Qe() {
+  function Je() {
     const a = I.value;
     (E.value.width !== (a == null ? void 0 : a.offsetWidth) || E.value.height !== (a == null ? void 0 : a.offsetHeight)) && E.value.width && E.value.height && a && (t.value.x1 = t.value.x1 * a.offsetWidth / E.value.width, t.value.x2 = t.value.x2 * a.offsetWidth / E.value.width, t.value.y1 = t.value.y1 * a.offsetHeight / E.value.height, t.value.y2 = t.value.y2 * a.offsetHeight / E.value.height);
   }
-  const Je = () => {
-    Qe(), ue(), re();
+  const Ge = () => {
+    Je(), ue(), re();
   }, Me = () => {
-    clearTimeout(C), C = setTimeout(Je, 300);
+    clearTimeout(C), C = setTimeout(Ge, 300);
   };
-  Te(() => {
+  Ce(() => {
     window.addEventListener("resize", Me), ne.value && (Y(), k.value = !0, ye(ne.value));
-  }), nt(() => {
+  }), lt(() => {
     window.removeEventListener("resize", Me);
   });
-  function Ge() {
+  function Ze() {
     b.active && (b.active = !1, te());
   }
   function se(a) {
@@ -696,7 +696,7 @@ function ze(e, i) {
   function oe(a) {
     return (a.touches && a.touches[0] ? a.touches[0].clientY : a.clientY) || 0;
   }
-  function Ze(a, l, c = null) {
+  function Ye(a, l, c = null) {
     b && b.active || (a.preventDefault && a.preventDefault(), b = {
       active: !0,
       type: l,
@@ -709,12 +709,12 @@ function ze(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 > E.value.width && (t.value.x1 -= a ? t.value.x2 - E.value.width : 0, t.value.x2 = E.value.width), t.value.y2 > E.value.height && (t.value.y1 -= a ? t.value.y2 - E.value.height : 0, t.value.y2 = E.value.height);
   }
-  function Ye(a) {
+  function Xe(a) {
     const l = se(a) - b.clientX, c = oe(a) - b.clientY;
     t.value.x1 = b.x1 + l, t.value.y1 = b.y1 + c, t.value.x2 = b.x2 + l, t.value.y2 = b.y2 + c;
   }
-  const { checkAspectRatio: Xe } = Dt(t, E, s, b);
-  function Ke(a) {
+  const { checkAspectRatio: Ke } = Bt(t, E, s, b);
+  function et(a) {
     const l = se(a) - b.clientX, c = oe(a) - b.clientY;
     switch (b.position) {
       case "left":
@@ -746,11 +746,11 @@ function ze(e, i) {
         t.value.x1 = Math.min(b.clientX - H / 2, t.value.x2 - U), t.value.y1 = Math.min(b.clientY - J / 2, t.value.y2 - N), t.value.x2 = Math.max(b.clientX + H / 2, Z + U), t.value.y2 = Math.max(b.clientY + J / 2, q + N);
         break;
     }
-    w.value && Xe();
+    w.value && Ke();
   }
-  function et(a) {
-    b && b.active && (a.stopPropagation && a.stopPropagation(), a.preventDefault && a.preventDefault(), clearTimeout(V), V = setTimeout(() => {
-      b.type === ae.Move ? (Ye(a), ce(!0)) : b.type === ae.Resize && (Ke(a), ce(!1));
+  function tt(a) {
+    b && b.active && (a.stopPropagation && a.stopPropagation(), a.preventDefault && a.preventDefault(), clearTimeout(O), O = setTimeout(() => {
+      b.type === ae.Move ? (Xe(a), ce(!0)) : b.type === ae.Resize && (et(a), ce(!1));
     }, 300));
   }
   return K(de, (a) => {
@@ -762,9 +762,9 @@ function ze(e, i) {
       animate: "fadeIn",
       toasts: [{ type: "string", title: "提示", msg: "图片路径为空" }]
     }), k.value = !1, _ = !0);
-  }), K(ke, (a) => {
-    Y(), k.value = !0, le(a);
   }), K(De, (a) => {
+    Y(), k.value = !0, le(a);
+  }), K(Be, (a) => {
     Y(), a && (k.value = !0, pe(a));
   }), K(
     () => [
@@ -775,8 +775,8 @@ function ze(e, i) {
       e.transform,
       e.imageChangedEvent
     ],
-    ([a, l, c, z, H, J], [Z, q, X, tt, at, it]) => {
-      S && S.complete && O && (a !== Z || l !== q) && me(), c !== X && (ue(), re(), ce(!1), te()), z !== tt && p.value && xe(), H !== at && (Be(), te()), J !== it && (de.value = J);
+    ([a, l, c, z, H, J], [Z, q, X, at, it, nt]) => {
+      S && S.complete && V && (a !== Z || l !== q) && me(), c !== X && (ue(), re(), ce(!1), te()), z !== at && p.value && xe(), H !== it && (We(), te()), J !== nt && (de.value = J);
     }
   ), {
     uploadError: _,
@@ -790,13 +790,13 @@ function ze(e, i) {
     marginLeft: G,
     moveTypes: ie,
     isLoading: k,
-    startMove: Ze,
-    imageLoadedInView: qe,
-    moveStop: Ge,
-    moveImg: et
+    startMove: Ye,
+    imageLoadedInView: Qe,
+    moveStop: Ze,
+    moveImg: tt
   };
 }
-const fe = /* @__PURE__ */ Ce({
+const fe = /* @__PURE__ */ Se({
   name: "FImageCropper",
   props: ge,
   emits: ["imageCropped", "imageLoaded", "cropperReady", "loadImageFailed"],
@@ -817,7 +817,7 @@ const fe = /* @__PURE__ */ Ce({
       imageLoadedInView: j,
       moveStop: k,
       moveImg: p
-    } = ze(e, i);
+    } = ke(e, i);
     function f(C) {
       return T("span", {
         class: `farris-image-cropper-resize-bar ${C}`,
@@ -836,7 +836,7 @@ const fe = /* @__PURE__ */ Ce({
         class: "farris-image-cropper-square"
       }, null)])]);
     }
-    const B = ["top", "right", "bottom", "left"].map((C) => f(C)), V = ["topleft", "topright", "bottomright", "bottomleft"].map((C) => d(C));
+    const B = ["top", "right", "bottom", "left"].map((C) => f(C)), O = ["topleft", "topright", "bottomright", "bottomleft"].map((C) => d(C));
     return () => T("div", {
       class: ["farris-image-cropper-frame", {
         "farris-image-cropper-disabled": h.value
@@ -895,7 +895,7 @@ const fe = /* @__PURE__ */ Ce({
     }, [T("div", {
       class: "farris-image-cropper-move",
       onMousedown: F((C) => D(C, L.Move, "topleft"), ["prevent"])
-    }, null), !o.value && T("div", null, [V, B])])]), R.value && T("div", {
+    }, null), !o.value && T("div", null, [O, B])])]), R.value && T("div", {
       class: "farris-image-cropper-loading"
     }, [T("div", {
       class: "farris-image-cropper-loading-spinner"
@@ -904,7 +904,7 @@ const fe = /* @__PURE__ */ Ce({
     }, [t.value])]);
   }
 });
-function Bt(e, i, r) {
+function Wt(e, i, r) {
   var k;
   function y() {
   }
@@ -946,13 +946,13 @@ function Bt(e, i, r) {
   function L(p, f) {
     const { componentType: d } = p;
     let B = ve(d, p, f);
-    const V = d.toLowerCase().replace("-", "_");
-    return B && !B.id && B.type === d && (B.id = `${V}_${Math.random().toString().slice(2, 6)}`), B;
+    const O = d.toLowerCase().replace("-", "_");
+    return B && !B.id && B.type === d && (B.id = `${O}_${Math.random().toString().slice(2, 6)}`), B;
   }
   function R(p, f) {
-    const d = String(p.getAttribute("data-controltype")), B = p.getAttribute("data-feature"), V = B ? JSON.parse(B) : {};
-    V.parentComponentInstance = h.value;
-    let C = ve(d, V);
+    const d = String(p.getAttribute("data-controltype")), B = p.getAttribute("data-feature"), O = B ? JSON.parse(B) : {};
+    O.parentComponentInstance = h.value;
+    let C = ve(d, O);
     const S = d.toLowerCase().replace("-", "_");
     return C && !C.id && C.type === d && (C.id = `${S}_${Math.random().toString().slice(2, 6)}`), C;
   }
@@ -986,7 +986,7 @@ function Bt(e, i, r) {
     triggerBelongedComponentToDeleteWhenDeleted: v(!1)
   }, h;
 }
-const Wt = /* @__PURE__ */ Ce({
+const Lt = /* @__PURE__ */ Se({
   name: "FImageCropperDesign",
   props: ge,
   emits: ["imageCropped", "imageLoaded", "cropperReady", "loadImageFailed"],
@@ -1007,11 +1007,11 @@ const Wt = /* @__PURE__ */ Ce({
       imageLoadedInView: j,
       moveStop: k,
       moveImg: p
-    } = ze(e, i), f = v(), d = Ae("design-item-context"), B = Bt(f, d);
-    Te(() => {
+    } = ke(e, i), f = v(), d = Te("design-item-context"), B = Wt(f, d);
+    Ce(() => {
       f.value.componentInstance = B;
     }), i.expose(B.value);
-    function V(W) {
+    function O(W) {
       return T("span", {
         class: `farris-image-cropper-resize-bar ${W}`,
         onMousedown: F((Q) => D(Q, L.Resize, W), ["prevent"])
@@ -1029,7 +1029,7 @@ const Wt = /* @__PURE__ */ Ce({
         class: "farris-image-cropper-square"
       }, null)])]);
     }
-    const S = ["top", "right", "bottom", "left"].map((W) => V(W)), I = ["topleft", "topright", "bottomright", "bottomleft"].map((W) => C(W));
+    const S = ["top", "right", "bottom", "left"].map((W) => O(W)), I = ["topleft", "topright", "bottomright", "bottomleft"].map((W) => C(W));
     return () => T("div", {
       ref: f,
       class: ["farris-image-cropper-frame", {
@@ -1097,20 +1097,20 @@ const Wt = /* @__PURE__ */ Ce({
       class: "farris-image-cropper-error"
     }, [t.value])]);
   }
-}), $t = {
+}), Rt = {
   install(e) {
     e.component(fe.name, fe);
   },
   register(e, i, r, y) {
-    e["image-cropper"] = fe, i["image-cropper"] = we;
+    e["image-cropper"] = fe, i["image-cropper"] = Ae;
   },
   registerDesigner(e, i, r) {
-    e["image-cropper"] = Wt, i["image-cropper"] = we;
+    e["image-cropper"] = Lt, i["image-cropper"] = Ae;
   }
 };
 export {
   fe as ImageCropper,
-  $t as default,
+  Rt as default,
   ge as imageCropperProps,
-  we as propsResolver
+  Ae as propsResolver
 };