@farris/ui-vue 1.6.5-beta.7 → 1.6.5

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

@@ -1,10 +1,10 @@
-import { ref as T, computed as mt, inject as we, onMounted as Te, onUnmounted as dt, watch as re, defineComponent as Se, createVNode as R, withModifiers as Z } from "vue";
-import { isPlainObject as xe, cloneDeep as Me } from "lodash-es";
+import { ref as T, computed as mt, inject as we, onMounted as Te, onUnmounted as dt, watch as re, defineComponent as Se, createVNode as j, withModifiers as Z } from "vue";
+import { cloneDeep as xe, isPlainObject as Me } from "lodash-es";
 import { getSchemaByTypeForDesigner as gt } from "../dynamic-resolver/index.esm.js";
 function Fe(e, t) {
   let a;
   function m(s) {
-    const { properties: i, title: o, ignore: u } = s, l = u && Array.isArray(u), d = Object.keys(i).reduce((w, D) => ((!l || !u.find((O) => O === D)) && (w[D] = i[D].type === "object" && i[D].properties ? m(i[D]) : Me(i[D].default)), w), {});
+    const { properties: i, title: o, ignore: u } = s, l = u && Array.isArray(u), d = Object.keys(i).reduce((w, E) => ((!l || !u.find((O) => O === E)) && (w[E] = i[E].type === "object" && i[E].properties ? m(i[E]) : xe(i[E].default)), w), {});
     if (o && (!l || !u.find((w) => w === "id"))) {
       const w = o.toLowerCase().replace(/-/g, "_");
       d.id = `${w}_${Math.random().toString().slice(2, 6)}`;
@@ -14,7 +14,7 @@ function Fe(e, t) {
   function y(s) {
     const { properties: i, title: o, required: u } = s;
     if (u && Array.isArray(u)) {
-      const l = u.reduce((d, w) => (d[w] = i[w].type === "object" && i[w].properties ? m(i[w]) : Me(i[w].default), d), {});
+      const l = u.reduce((d, w) => (d[w] = i[w].type === "object" && i[w].properties ? m(i[w]) : xe(i[w].default), d), {});
       if (o && u.find((d) => d === "id")) {
         const d = o.toLowerCase().replace(/-/g, "_");
         l.id = `${d}_${Math.random().toString().slice(2, 6)}`;
@@ -36,7 +36,7 @@ function Fe(e, t) {
   }
   function M(s, i) {
     const o = m(i);
-    return Object.keys(o).reduce((u, l) => (Object.prototype.hasOwnProperty.call(s, l) && (u[l] && xe(u[l]) && xe(s[l] || !s[l]) ? Object.assign(u[l], s[l] || {}) : u[l] = s[l]), u), o), o;
+    return Object.keys(o).reduce((u, l) => (Object.prototype.hasOwnProperty.call(s, l) && (u[l] && Me(u[l]) && Me(s[l] || !s[l]) ? Object.assign(u[l], s[l] || {}) : u[l] = s[l]), u), o), o;
   }
   function F(s, i) {
     return Object.keys(s).filter((u) => s[u] != null).reduce((u, l) => {
@@ -66,8 +66,8 @@ function Fe(e, t) {
         return s;
       const l = M(s, u), d = ((o = s.editor) == null ? void 0 : o.type) || "";
       if (d) {
-        const w = e[d], D = M(s.editor, w);
-        l.editor = D;
+        const w = e[d], E = M(s.editor, w);
+        l.editor = E;
       }
       return l;
     }
@@ -78,7 +78,7 @@ function Fe(e, t) {
   }
   return { getSchemaByType: n, resolveSchemaWithDefaultValue: v, resolveSchemaToProps: B, mappingSchemaToProps: F, setDesignerContext: S };
 }
-const Ae = {}, Ee = {}, { resolveSchemaWithDefaultValue: pt, resolveSchemaToProps: ht, mappingSchemaToProps: yt } = Fe(Ae, Ee);
+const Ae = {}, Pe = {}, { getSchemaByType: va, resolveSchemaWithDefaultValue: pt, resolveSchemaToProps: ht, mappingSchemaToProps: yt, setDesignerContext: ma } = Fe(Ae, Pe);
 function bt(e = {}) {
   function t(v, S, s, i) {
     if (typeof s == "number")
@@ -145,7 +145,7 @@ const xt = {
     e.editor && (e.editor[t] = a);
   },
   convertFrom: (e, t, a) => e.editor && Object.prototype.hasOwnProperty.call(e.editor, t) ? e.editor[t] : e[t]
-}, ke = {
+}, De = {
   button: { type: "button", name: "按钮" },
   "response-toolbar": { type: "response-toolbar", name: "工具栏" },
   "response-toolbar-item": { type: "response-toolbar-item", name: "按钮" },
@@ -196,7 +196,7 @@ const xt = {
   convertFrom: (e, t, a) => {
     var y;
     const m = e.editor && e.editor[t] ? e.editor[t] : e[t];
-    return ((y = ke[m]) == null ? void 0 : y.name) || m;
+    return ((y = De[m]) == null ? void 0 : y.name) || m;
   }
 }, St = {
   convertTo: (e, t, a, m) => {
@@ -252,7 +252,7 @@ const xt = {
     ]));
   },
   convertFrom: (e, t, a) => e.command && t === "enable" ? e.command.enable : ""
-}, Et = {
+}, Pt = {
   convertTo: (e, t, a, m) => {
     e.column ? e.column[t] = a : e.column = {
       [t]: a
@@ -267,7 +267,7 @@ const xt = {
     }
     return "";
   }
-}, kt = {
+}, Dt = {
   convertTo: (e, t, a, m) => {
     e.summary ? e.summary[t] = a : e.summary = {
       [t]: a
@@ -277,7 +277,7 @@ const xt = {
     });
   },
   convertFrom: (e, t, a) => e.summary && t === "enable" ? e.summary.enable : e.type === "data-grid-column" ? e.enableSummary === void 0 ? !1 : e.enableSummary : ""
-}, Dt = {
+}, Et = {
   convertTo: (e, t, a, m) => {
     e.group ? e.group[t] = a : e.group = {
       [t]: a
@@ -295,7 +295,7 @@ const xt = {
         return e.group.showSummary;
     }
   }
-}, Pt = {
+}, kt = {
   convertFrom: (e, t) => e.binding ? e.binding.path : "",
   convertTo: (e, t, a) => {
     if (a && a.length > 0) {
@@ -323,22 +323,22 @@ const xt = {
   }
 }, Ot = {
   convertFrom: (e, t, a) => e[t] && e[t].length ? `共 ${e[t].length} 项` : ""
-}, Nt = {
+}, $t = {
   convertFrom: (e, t) => e[t] || "",
   convertTo: (e, t, a) => {
     e[t] = a;
   }
-}, $t = {
+}, Nt = {
   convertTo: (e, t, a, m) => {
     e.size || (e.size = {}), e.size[t] = a;
   },
   convertFrom: (e, t, a) => e.size ? e.size[t] : e[t]
-}, Rt = {
+}, jt = {
   convertFrom: (e, t, a) => {
     var m, y;
     return (m = e.formatter) != null && m.data && t === "formatterEnumData" && !e.formatterEnumData ? (y = e.formatter) == null ? void 0 : y.data : e.formatterEnumData;
   }
-}, jt = {
+}, Rt = {
   convertTo: (e, t, a, m) => {
     e.sort || (e.sort = {}), e.sort[t] = a;
   },
@@ -374,7 +374,7 @@ const xt = {
     return "";
   }
 };
-function De(e, t, a) {
+function Ee(e, t, a) {
   const m = /* @__PURE__ */ new Map([
     ["/converter/appearance.converter", xt],
     ["/converter/buttons.converter", Mt],
@@ -384,17 +384,17 @@ function De(e, t, a) {
     ["/converter/change-editor.converter", St],
     ["/converter/change-formatter.converter", Ft],
     ["/converter/column-command.converter", At],
-    ["/converter/column-option.converter", Et],
-    ["/converter/summary.converter", kt],
-    ["/converter/group.converter", Dt],
-    ["/converter/form-group-label.converter", Nt],
-    ["/converter/field-selector.converter", Pt],
+    ["/converter/column-option.converter", Pt],
+    ["/converter/summary.converter", Dt],
+    ["/converter/group.converter", Et],
+    ["/converter/form-group-label.converter", $t],
+    ["/converter/field-selector.converter", kt],
     ["/converter/pagination.converter", Ct],
     ["/converter/row-number.converter", Bt],
     ["/converter/grid-selection.converter", zt],
-    ["/converter/size.converter", $t],
-    ["/converter/change-formatter-enum.converter", Rt],
-    ["/converter/grid-sort.converter", jt],
+    ["/converter/size.converter", Nt],
+    ["/converter/change-formatter-enum.converter", jt],
+    ["/converter/grid-sort.converter", Rt],
     ["/converter/grid-filter.converter", Wt],
     ["/converter/row-option.converter", Lt]
   ]), y = /* @__PURE__ */ new Map([
@@ -435,61 +435,61 @@ function De(e, t, a) {
     const d = u.$converter || l;
     return typeof d == "string" && d && m.has(d) ? m.get(d) || null : d || null;
   }
-  function S(u, l, d, w, D, O = "", W = "") {
+  function S(u, l, d, w, E, O = "", W = "") {
     return Object.keys(u).map((A) => {
-      const b = T(1), E = A, g = u[A], L = Object.keys(g), $ = g.title, f = g.type, x = y.get(f) || { type: "input-group", enableClear: !1 }, p = g.editor ? Object.assign({}, x, g.editor) : Object.assign({}, x), P = F(L, g, l), j = B(L, g, l);
-      p.readonly = p.readonly === void 0 ? j() : p.readonly;
-      const N = g.type === "cascade" ? S(g.properties, l, d, w, D, O, W) : [], C = !0;
+      const b = T(1), P = A, g = u[A], L = Object.keys(g), N = g.title, f = g.type, x = y.get(f) || { type: "input-group", enableClear: !1 }, p = g.editor ? Object.assign({}, x, g.editor) : Object.assign({}, x), k = F(L, g, l), R = B(L, g, l);
+      p.readonly = p.readonly === void 0 ? R() : p.readonly;
+      const $ = g.type === "cascade" ? S(g.properties, l, d, w, E, O, W) : [], C = !0;
       let H = v(g, W);
       const J = mt({
         get() {
           if (b.value) {
-            if (["class", "style"].find((te) => te === E) && !H && (H = m.get("/converter/appearance.converter") || null), H && H.convertFrom)
-              return H.convertFrom(d, A, D, O);
+            if (["class", "style"].find((te) => te === P) && !H && (H = m.get("/converter/appearance.converter") || null), H && H.convertFrom)
+              return H.convertFrom(d, A, E, O);
             const I = d[A];
             return Object.prototype.hasOwnProperty.call(g, "defaultValue") && (I === void 0 || typeof I == "string" && I === "") ? g.type === "boolean" ? g.defaultValue : g.defaultValue || "" : I;
           }
           return null;
         },
         set(I) {
-          b.value += 1, H && H.convertTo ? (H.convertTo(w, A, I, D, O), H.convertTo(d, A, I, D, O)) : (w[A] = I, d[A] = I);
+          b.value += 1, H && H.convertTo ? (H.convertTo(w, A, I, E, O), H.convertTo(d, A, I, E, O)) : (w[A] = I, d[A] = I);
         }
-      }), { refreshPanelAfterChanged: U, description: V, isExpand: q, parentPropertyID: G } = g, k = { propertyID: E, propertyName: $, propertyType: f, propertyValue: J, editor: p, visible: P, readonly: j, cascadeConfig: N, hideCascadeTitle: C, refreshPanelAfterChanged: U, description: V, isExpand: q, parentPropertyID: G };
-      return l[E] = k, k;
+      }), { refreshPanelAfterChanged: U, description: V, isExpand: q, parentPropertyID: G } = g, D = { propertyID: P, propertyName: N, propertyType: f, propertyValue: J, editor: p, visible: k, readonly: R, cascadeConfig: $, hideCascadeTitle: C, refreshPanelAfterChanged: U, description: V, isExpand: q, parentPropertyID: G };
+      return l[P] = D, D;
     });
   }
   function s(u, l, d = {}) {
-    const w = {}, D = e[u];
-    return D && D.categories ? Object.keys(D.categories).map((W) => {
-      const z = D.categories[W], A = z == null ? void 0 : z.title, b = S(z.properties || {}, w, {}, d, l);
+    const w = {}, E = e[u];
+    return E && E.categories ? Object.keys(E.categories).map((W) => {
+      const z = E.categories[W], A = z == null ? void 0 : z.title, b = S(z.properties || {}, w, {}, d, l);
       return { categoryId: W, categoryName: A, properties: b };
     }) : [];
   }
-  function i(u, l, d, w, D = "") {
-    const O = l.$ref.schema, W = l.$ref.converter, z = d[O], A = z.type, b = a(z), E = {}, g = e[A];
+  function i(u, l, d, w, E = "") {
+    const O = l.$ref.schema, W = l.$ref.converter, z = d[O], A = z.type, b = a(z), P = {}, g = e[A];
     if (g && g.categories) {
-      const L = g.categories[u], $ = L == null ? void 0 : L.title;
+      const L = g.categories[u], N = L == null ? void 0 : L.title;
       W && Object.keys(L.properties).forEach((p) => {
         L.properties[p].$converter = W;
       });
-      const f = (L == null ? void 0 : L.properties) || {}, x = S(f, E, b, z, w, D);
-      return { categoryId: u, categoryName: $, properties: x };
+      const f = (L == null ? void 0 : L.properties) || {}, x = S(f, P, b, z, w, E);
+      return { categoryId: u, categoryName: N, properties: x };
     }
     return { categoryId: u, categoryName: "", properties: [] };
   }
-  function o(u, l, d, w, D) {
+  function o(u, l, d, w, E) {
     const O = u.type, W = a(u), z = {};
-    let A = D || e[O];
+    let A = E || e[O];
     if (A && Object.keys(A).length === 0 && d && d.getPropConfig && (A = d.getPropConfig(w)), A && A.categories) {
       const b = [];
-      return Object.keys(A.categories).map((E) => {
-        const g = A.categories[E];
+      return Object.keys(A.categories).map((P) => {
+        const g = A.categories[P];
         if (g.$ref) {
-          b.push(i(E, g, u, l, w));
+          b.push(i(P, g, u, l, w));
           return;
         }
-        const L = g == null ? void 0 : g.title, $ = g == null ? void 0 : g.tabId, f = g == null ? void 0 : g.tabName, x = g == null ? void 0 : g.hide, p = g == null ? void 0 : g.hideTitle, P = S(g.properties || {}, z, W, u, l, w, g.$converter), { setPropertyRelates: j } = g, N = g == null ? void 0 : g.parentPropertyID;
-        b.push({ categoryId: E, categoryName: L, tabId: $, tabName: f, hide: x, properties: P, hideTitle: p, setPropertyRelates: j, parentPropertyID: N });
+        const L = g == null ? void 0 : g.title, N = g == null ? void 0 : g.tabId, f = g == null ? void 0 : g.tabName, x = g == null ? void 0 : g.hide, p = g == null ? void 0 : g.hideTitle, k = S(g.properties || {}, z, W, u, l, w, g.$converter), { setPropertyRelates: R } = g, $ = g == null ? void 0 : g.parentPropertyID;
+        b.push({ categoryId: P, categoryName: L, tabId: N, tabName: f, hide: x, properties: k, hideTitle: p, setPropertyRelates: R, parentPropertyID: $ });
       }), b;
     }
     return [];
@@ -500,12 +500,12 @@ function De(e, t, a) {
     propertyConverterMap: m
   };
 }
-const Pe = {}, Ce = {};
-De(Pe, Ce, pt);
-const Be = {}, ze = {}, { resolveSchemaWithDefaultValue: _t } = Fe(Be, ze), Oe = {}, Ne = {};
-De(Oe, Ne, _t);
+const ke = {}, Ce = {};
+Ee(ke, Ce, pt);
+const Be = {}, ze = {}, { getSchemaByType: da, resolveSchemaWithDefaultValue: _t, resolveSchemaToProps: ga, mappingSchemaToProps: pa, setDesignerContext: ha } = Fe(Be, ze), Oe = {}, $e = {};
+Ee(Oe, $e, _t);
 function Ut(e, t, a = /* @__PURE__ */ new Map(), m = (M, F, B, v) => F, y = {}, n = (M) => M) {
-  return Ae[t.title] = t, Ee[t.title] = m, Pe[t.title] = y, Ce[t.title] = n, Be[t.title] = t, ze[t.title] = m, Oe[t.title] = y, Ne[t.title] = n, (M = {}, F = !0) => {
+  return Ae[t.title] = t, Pe[t.title] = m, ke[t.title] = y, Ce[t.title] = n, Be[t.title] = t, ze[t.title] = m, Oe[t.title] = y, $e[t.title] = n, (M = {}, F = !0) => {
     if (!F)
       return yt(M, a);
     const B = ht(M, t, a), v = Object.keys(e).reduce((S, s) => (S[s] = e[s].default, S), {});
@@ -708,7 +708,7 @@ const Vt = /* @__PURE__ */ new Map([
       y2: 1e4
     }
   }
-}, $e = Ut(me, Kt, Vt, qt, ra);
+}, Ne = Ut(me, Kt, Vt, qt, ra);
 var oe = /* @__PURE__ */ ((e) => (e.Move = "move", e.Resize = "resize", e))(oe || {});
 function ia() {
   function e(y) {
@@ -772,25 +772,25 @@ function ia() {
     const v = F / n, S = B / M, s = Math.ceil(v / 2), i = Math.ceil(S / 2), o = y.getContext("2d");
     if (o) {
       const u = o.getImageData(0, 0, F, B), l = o.createImageData(n, M), { data: d } = u, w = l.data;
-      for (let D = 0; D < M; D++)
+      for (let E = 0; E < M; E++)
         for (let O = 0; O < n; O++) {
-          const W = (O + D * n) * 4, z = D * S;
-          let A = 0, b = 0, E = 0, g = 0, L = 0, $ = 0, f = 0;
-          const x = Math.floor(O * v), p = Math.floor(D * S);
-          let P = Math.ceil((O + 1) * v), j = Math.ceil((D + 1) * S);
-          P = Math.min(P, F), j = Math.min(j, B);
-          for (let N = p; N < j; N++) {
-            const C = Math.abs(z - N) / i, H = O * v, J = C * C;
-            for (let U = x; U < P; U++) {
+          const W = (O + E * n) * 4, z = E * S;
+          let A = 0, b = 0, P = 0, g = 0, L = 0, N = 0, f = 0;
+          const x = Math.floor(O * v), p = Math.floor(E * S);
+          let k = Math.ceil((O + 1) * v), R = Math.ceil((E + 1) * S);
+          k = Math.min(k, F), R = Math.min(R, B);
+          for (let $ = p; $ < R; $++) {
+            const C = Math.abs(z - $) / i, H = O * v, J = C * C;
+            for (let U = x; U < k; U++) {
               const V = Math.abs(H - U) / s, q = Math.sqrt(J + V * V);
               if (q >= 1)
                 continue;
               A = 2 * q * q * q - 3 * q * q + 1;
-              const G = 4 * (U + N * F);
-              f += A * d[G + 3], E += A, d[G + 3] < 255 && (A = A * d[G + 3] / 250), g += A * d[G], L += A * d[G + 1], $ += A * d[G + 2], b += A;
+              const G = 4 * (U + $ * F);
+              f += A * d[G + 3], P += A, d[G + 3] < 255 && (A = A * d[G + 3] / 250), g += A * d[G], L += A * d[G + 1], N += A * d[G + 2], b += A;
             }
           }
-          w[W] = g / b, w[W + 1] = L / b, w[W + 2] = $ / b, w[W + 3] = f / E;
+          w[W] = g / b, w[W + 1] = L / b, w[W + 2] = N / b, w[W + 3] = f / P;
         }
       y.width = n, y.height = M, o.putImageData(l, 0, 0);
     }
@@ -854,17 +854,17 @@ function oa(e, t, a, m) {
   }
   return { checkAspectRatio: s };
 }
-function Re(e, t) {
-  const { resizeCanvas: a, getTransformationsFromExifData: m } = ia(), y = we("NotifyService"), n = T(e.cropper), M = T(e.transform), F = T(e.cropperMinWidth), B = T(e.maintainAspectRatio), v = T(e.aspectRatio), S = T(e.autoCrop), s = T(e.backgroundColor), i = T(e.resizeToWidth), o = T(e.onlyScaleDown), u = T(e.containWithinAspectRatio), l = T(e.canvasRotation), d = T(e.format), w = T(e.imageQuality), D = T(e.resizeToHeight), O = T(e.cropperMinHeight), W = T(""), z = T(!0), A = T(!0);
-  let b, E, g = 0, L, $, f;
-  const x = T(null), p = T(""), P = T(""), j = T("0px"), N = T(), C = T({ width: 100, height: 100 }), H = oe;
-  let J, U = 20, V = 20, q = !1, G = { rotate: 0, flip: !1 }, k = { active: !1, type: null, position: null, x1: 0, y1: 0, x2: 0, y2: 0, clientX: 0, clientY: 0 };
-  const I = T(e.imageChangedEvent), te = T(e.imageURL), je = T(e.imageBase64), We = T(e.imageFile);
+function je(e, t) {
+  const { resizeCanvas: a, getTransformationsFromExifData: m } = ia(), y = we("NotifyService"), n = T(e.cropper), M = T(e.transform), F = T(e.cropperMinWidth), B = T(e.maintainAspectRatio), v = T(e.aspectRatio), S = T(e.autoCrop), s = T(e.backgroundColor), i = T(e.resizeToWidth), o = T(e.onlyScaleDown), u = T(e.containWithinAspectRatio), l = T(e.canvasRotation), d = T(e.format), w = T(e.imageQuality), E = T(e.resizeToHeight), O = T(e.cropperMinHeight), W = T(""), z = T(!0), A = T(!0);
+  let b, P, g = 0, L, N, f;
+  const x = T(null), p = T(""), k = T(""), R = T("0px"), $ = T(), C = T({ width: 100, height: 100 }), H = oe;
+  let J, U = 20, V = 20, q = !1, G = { rotate: 0, flip: !1 }, D = { active: !1, type: null, position: null, x1: 0, y1: 0, x2: 0, y2: 0, clientX: 0, clientY: 0 };
+  const I = T(e.imageChangedEvent), te = T(e.imageURL), Re = T(e.imageBase64), We = T(e.imageFile);
   function Le() {
-    P.value = "scaleX(" + (M.value.scale || 1) * (M.value.flipH ? -1 : 1) + ")scaleY(" + (M.value.scale || 1) * (M.value.flipV ? -1 : 1) + ")rotate(" + (M.value.rotate || 0) + "deg)";
+    k.value = "scaleX(" + (M.value.scale || 1) * (M.value.flipH ? -1 : 1) + ")scaleY(" + (M.value.scale || 1) * (M.value.flipV ? -1 : 1) + ")rotate(" + (M.value.rotate || 0) + "deg)";
   }
   function ae() {
-    A.value = !1, N.value = null, W.value = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAC0lEQVQYV2NgAAIAAAUAAarVyFEAAAAASUVORK5CYII=", k = {
+    A.value = !1, $.value = null, W.value = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAC0lEQVQYV2NgAAIAAAUAAarVyFEAAAAASUVORK5CYII=", D = {
       active: !1,
       type: null,
       position: null,
@@ -880,7 +880,7 @@ function Re(e, t) {
     }, b = {
       width: 0,
       height: 0
-    }, E = {
+    }, P = {
       width: 0,
       height: 0
     }, n.value.x1 = -100, n.value.y1 = -100, n.value.x2 = 1e4, n.value.y2 = 1e4;
@@ -920,10 +920,10 @@ function Re(e, t) {
   }
   function qe(r) {
     return new Promise((c) => {
-      J = r, W.value = r, N.value = new Image(), N.value.onload = () => {
+      J = r, W.value = r, $.value = new Image(), $.value.onload = () => {
         var h, _;
-        E.width = (h = N.value) == null ? void 0 : h.naturalWidth, E.height = (_ = N.value) == null ? void 0 : _.naturalHeight, c();
-      }, N.value.src = J;
+        P.width = (h = $.value) == null ? void 0 : h.naturalWidth, P.height = (_ = $.value) == null ? void 0 : _.naturalHeight, c();
+      }, $.value.src = J;
     });
   }
   function de() {
@@ -980,43 +980,43 @@ function Re(e, t) {
   function ue() {
     if (x.value) {
       const r = x.value;
-      C.value.width = r.offsetWidth, C.value.height = r.offsetHeight, j.value = "calc(50% - " + C.value.width / 2 + "px)";
+      C.value.width = r.offsetWidth, C.value.height = r.offsetHeight, R.value = "calc(50% - " + C.value.width / 2 + "px)";
     }
   }
   function Ge() {
-    N.value && C.value.width && (U = F.value > 0 ? Math.max(20, F.value / N.value.width * C.value.width) : 20);
+    $.value && C.value.width && (U = F.value > 0 ? Math.max(20, F.value / $.value.width * C.value.width) : 20);
   }
   function Je() {
-    B.value ? V = Math.max(20, U / v.value) : O.value > 0 && N.value && C.value.height ? V = Math.max(20, O.value / N.value.height * C.value.height) : V = 20;
+    B.value ? V = Math.max(20, U / v.value) : O.value > 0 && $.value && C.value.height ? V = Math.max(20, O.value / $.value.height * C.value.height) : V = 20;
   }
   function se() {
-    N.value ? (Ge(), Je()) : (U = 20, V = 20);
+    $.value ? (Ge(), Je()) : (U = 20, V = 20);
   }
   function Ze() {
     const r = x.value, c = T({ x1: 0, x2: 0, y1: 0, y2: 0 });
-    if (r && E.width && E.height) {
-      const h = E.width / r.offsetWidth;
+    if (r && P.width && P.height) {
+      const h = P.width / r.offsetWidth;
       c.value = {
         x1: Math.round(n.value.x1 * h),
         y1: Math.round(n.value.y1 * h),
         x2: Math.round(n.value.x2 * h),
         y2: Math.round(n.value.y2 * h)
-      }, u.value || (c.value.x1 = Math.max(c.value.x1, 0), c.value.y1 = Math.max(c.value.y1, 0), c.value.x2 = Math.min(c.value.x2, E.width), c.value.y2 = Math.min(c.value.y2, E.height));
+      }, u.value || (c.value.x1 = Math.max(c.value.x1, 0), c.value.y1 = Math.max(c.value.y1, 0), c.value.x2 = Math.min(c.value.x2, P.width), c.value.y2 = Math.min(c.value.y2, P.height));
     }
     return c.value;
   }
   function Ye() {
     l.value += G.rotate;
     const r = x.value, c = T({ x1: 0, x2: 0, y1: 0, y2: 0 });
-    if (r && E.height && E.width && b.height && b.width) {
-      const h = E.width / r.offsetWidth;
+    if (r && P.height && P.width && b.height && b.width) {
+      const h = P.width / r.offsetWidth;
       let _, Q;
-      l.value % 2 ? (_ = (E.width - b.height) / 2, Q = (E.height - b.width) / 2) : (_ = (E.width - b.width) / 2, Q = (E.height - b.height) / 2), c.value = {
+      l.value % 2 ? (_ = (P.width - b.height) / 2, Q = (P.height - b.width) / 2) : (_ = (P.width - b.width) / 2, Q = (P.height - b.height) / 2), c.value = {
         x1: Math.round(n.value.x1 * h) - _,
         y1: Math.round(n.value.y1 * h) - Q,
         x2: Math.round(n.value.x2 * h) - _,
         y2: Math.round(n.value.y2 * h) - Q
-      }, u.value || (c.value.x1 = Math.max(c.value.x1, 0), c.value.y1 = Math.max(c.value.y1, 0), c.value.x2 = Math.min(c.value.x2, E.width), c.value.y2 = Math.min(c.value.y2, E.height));
+      }, u.value || (c.value.x1 = Math.max(c.value.x1, 0), c.value.y1 = Math.max(c.value.y1, 0), c.value.x2 = Math.min(c.value.x2, P.width), c.value.y2 = Math.min(c.value.y2, P.height));
     }
     return c.value;
   }
@@ -1024,8 +1024,8 @@ function Re(e, t) {
     if (i.value > 0) {
       if (!o.value || r > i.value)
         return i.value / r;
-    } else if (D.value > 0 && (!o.value || c > D.value))
-      return D.value / c;
+    } else if (E.value > 0 && (!o.value || c > E.value))
+      return E.value / c;
     return 1;
   }
   function Xe() {
@@ -1035,14 +1035,14 @@ function Re(e, t) {
     return r.toDataURL("image/" + d.value, Xe());
   }
   function et() {
-    if (x.value && x.value && N.value != null) {
+    if (x.value && x.value && $.value != null) {
       const r = Ze(), c = r.x2 - r.x1, h = r.y2 - r.y1, _ = document.createElement("canvas");
       _.width = c, _.height = h;
       const Q = _.getContext("2d");
       if (Q) {
         s.value != null && (Q.fillStyle = s.value, Q.fillRect(0, 0, c, h));
         const X = (M.value.scale || 1) * (M.value.flipH ? -1 : 1), K = (M.value.scale || 1) * (M.value.flipV ? -1 : 1);
-        E.width && E.height && (Q.setTransform(X, 0, 0, K, E.width / 2, E.height / 2), Q.translate(-r.x1 / X, -r.y1 / K), Q.rotate((M.value.rotate || 0) * Math.PI / 180), Q.drawImage(N.value, -E.width / 2, -E.height / 2));
+        P.width && P.height && (Q.setTransform(X, 0, 0, K, P.width / 2, P.height / 2), Q.translate(-r.x1 / X, -r.y1 / K), Q.rotate((M.value.rotate || 0) * Math.PI / 180), Q.drawImage($.value, -P.width / 2, -P.height / 2));
         const Y = {
           width: c,
           height: h,
@@ -1085,7 +1085,7 @@ function Re(e, t) {
     }), q = !0, z.value = !1, t.emit("loadImageFailed")) : Qe() ? (q = !1, ue(), se(), he(), t.emit("cropperReady", { ...C.value })) : (g++, setTimeout(() => ye(), 50));
   }
   function tt() {
-    N.value != null && (z.value = !1, t.emit("imageLoaded"), g = 0, setTimeout(() => ye()));
+    $.value != null && (z.value = !1, t.emit("imageLoaded"), g = 0, setTimeout(() => ye()));
   }
   function at() {
     const r = x.value;
@@ -1094,7 +1094,7 @@ function Re(e, t) {
   const nt = () => {
     at(), ue(), se();
   }, be = () => {
-    clearTimeout($), $ = setTimeout(nt, 300);
+    clearTimeout(N), N = setTimeout(nt, 300);
   };
   Te(() => {
     window.addEventListener("resize", be), te.value && (ae(), z.value = !0, pe(te.value));
@@ -1102,7 +1102,7 @@ function Re(e, t) {
     window.removeEventListener("resize", be);
   });
   function rt() {
-    k.active && (k.active = !1, ie());
+    D.active && (D.active = !1, ie());
   }
   function ce(r) {
     return (r.touches && r.touches[0] ? r.touches[0].clientX : r.clientX) || 0;
@@ -1111,7 +1111,7 @@ function Re(e, t) {
     return (r.touches && r.touches[0] ? r.touches[0].clientY : r.clientY) || 0;
   }
   function it(r, c, h = null) {
-    k && k.active || (r.preventDefault && r.preventDefault(), k = {
+    D && D.active || (r.preventDefault && r.preventDefault(), D = {
       active: !0,
       type: c,
       position: h,
@@ -1124,47 +1124,47 @@ function Re(e, t) {
     n.value.x1 < 0 && (n.value.x2 -= r ? n.value.x1 : 0, n.value.x1 = 0), n.value.y1 < 0 && (n.value.y2 -= r ? n.value.y1 : 0, n.value.y1 = 0), n.value.x2 > C.value.width && (n.value.x1 -= r ? n.value.x2 - C.value.width : 0, n.value.x2 = C.value.width), n.value.y2 > C.value.height && (n.value.y1 -= r ? n.value.y2 - C.value.height : 0, n.value.y2 = C.value.height);
   }
   function ot(r) {
-    const c = ce(r) - k.clientX, h = fe(r) - k.clientY;
-    n.value.x1 = k.x1 + c, n.value.y1 = k.y1 + h, n.value.x2 = k.x2 + c, n.value.y2 = k.y2 + h;
+    const c = ce(r) - D.clientX, h = fe(r) - D.clientY;
+    n.value.x1 = D.x1 + c, n.value.y1 = D.y1 + h, n.value.x2 = D.x2 + c, n.value.y2 = D.y2 + h;
   }
-  const { checkAspectRatio: lt } = oa(n, C, v, k);
+  const { checkAspectRatio: lt } = oa(n, C, v, D);
   function ut(r) {
-    const c = ce(r) - k.clientX, h = fe(r) - k.clientY;
-    switch (k.position) {
+    const c = ce(r) - D.clientX, h = fe(r) - D.clientY;
+    switch (D.position) {
       case "left":
-        n.value.x1 = Math.min(k.x1 + c, n.value.x2 - U);
+        n.value.x1 = Math.min(D.x1 + c, n.value.x2 - U);
         break;
       case "topleft":
-        n.value.x1 = Math.min(k.x1 + c, n.value.x2 - U), n.value.y1 = Math.min(k.y1 + h, n.value.y2 - V);
+        n.value.x1 = Math.min(D.x1 + c, n.value.x2 - U), n.value.y1 = Math.min(D.y1 + h, n.value.y2 - V);
         break;
       case "top":
-        n.value.y1 = Math.min(k.y1 + h, n.value.y2 - V);
+        n.value.y1 = Math.min(D.y1 + h, n.value.y2 - V);
         break;
       case "topright":
-        n.value.x2 = Math.max(k.x2 + c, n.value.x1 + U), n.value.y1 = Math.min(k.y1 + h, n.value.y2 - V);
+        n.value.x2 = Math.max(D.x2 + c, n.value.x1 + U), n.value.y1 = Math.min(D.y1 + h, n.value.y2 - V);
         break;
       case "right":
-        n.value.x2 = Math.max(k.x2 + c, n.value.x1 + U);
+        n.value.x2 = Math.max(D.x2 + c, n.value.x1 + U);
         break;
       case "bottomright":
-        n.value.x2 = Math.max(k.x2 + c, n.value.x1 + U), n.value.y2 = Math.max(k.y2 + h, n.value.y1 + V);
+        n.value.x2 = Math.max(D.x2 + c, n.value.x1 + U), n.value.y2 = Math.max(D.y2 + h, n.value.y1 + V);
         break;
       case "bottom":
-        n.value.y2 = Math.max(k.y2 + h, n.value.y1 + V);
+        n.value.y2 = Math.max(D.y2 + h, n.value.y1 + V);
         break;
       case "bottomleft":
-        n.value.x1 = Math.min(k.x1 + c, n.value.x2 - U), n.value.y2 = Math.max(k.y2 + h, n.value.y1 + V);
+        n.value.x1 = Math.min(D.x1 + c, n.value.x2 - U), n.value.y2 = Math.max(D.y2 + h, n.value.y1 + V);
         break;
       case "center":
-        const { scale: _ } = r, Q = Math.abs(k.x2 - k.x1) * _, X = Math.abs(k.y2 - k.y1) * _, { x1: K } = n.value, { y1: Y } = n.value;
-        n.value.x1 = Math.min(k.clientX - Q / 2, n.value.x2 - U), n.value.y1 = Math.min(k.clientY - X / 2, n.value.y2 - V), n.value.x2 = Math.max(k.clientX + Q / 2, K + U), n.value.y2 = Math.max(k.clientY + X / 2, Y + V);
+        const { scale: _ } = r, Q = Math.abs(D.x2 - D.x1) * _, X = Math.abs(D.y2 - D.y1) * _, { x1: K } = n.value, { y1: Y } = n.value;
+        n.value.x1 = Math.min(D.clientX - Q / 2, n.value.x2 - U), n.value.y1 = Math.min(D.clientY - X / 2, n.value.y2 - V), n.value.x2 = Math.max(D.clientX + Q / 2, K + U), n.value.y2 = Math.max(D.clientY + X / 2, Y + V);
         break;
     }
     B.value && lt();
   }
   function st(r) {
-    k && k.active && (r.stopPropagation && r.stopPropagation(), r.preventDefault && r.preventDefault(), clearTimeout(L), L = setTimeout(() => {
-      k.type === oe.Move ? (ot(r), ve(!0)) : k.type === oe.Resize && (ut(r), ve(!1));
+    D && D.active && (r.stopPropagation && r.stopPropagation(), r.preventDefault && r.preventDefault(), clearTimeout(L), L = setTimeout(() => {
+      D.type === oe.Move ? (ot(r), ve(!0)) : D.type === oe.Resize && (ut(r), ve(!1));
     }, 300));
   }
   return re(I, (r) => {
@@ -1176,7 +1176,7 @@ function Re(e, t) {
       animate: "fadeIn",
       toasts: [{ type: "string", title: "提示", msg: "图片路径为空" }]
     }), z.value = !1, q = !0);
-  }), re(je, (r) => {
+  }), re(Re, (r) => {
     ae(), z.value = !0, le(r);
   }), re(We, (r) => {
     ae(), r && (z.value = !0, ge(r));
@@ -1198,10 +1198,10 @@ function Re(e, t) {
     backgroundColor: s,
     sourceImage: x,
     safeImgDataUrl: W,
-    safeTransformStyle: P,
+    safeTransformStyle: k,
     maxSize: C,
     cropper: n,
-    marginLeft: j,
+    marginLeft: R,
     moveTypes: H,
     isLoading: z,
     startMove: it,
@@ -1226,49 +1226,49 @@ const ee = /* @__PURE__ */ Se({
       cropper: l,
       marginLeft: d,
       moveTypes: w,
-      isLoading: D,
+      isLoading: E,
       startMove: O,
       imageLoadedInView: W,
       moveStop: z,
       moveImg: A
-    } = Re(e, t);
-    function b($) {
-      return R("span", {
-        class: `farris-image-cropper-resize-bar ${$}`,
-        onMousedown: Z((f) => O(f, w.Resize, $), ["prevent"])
+    } = je(e, t);
+    function b(N) {
+      return j("span", {
+        class: `farris-image-cropper-resize-bar ${N}`,
+        onMousedown: Z((f) => O(f, w.Resize, N), ["prevent"])
       }, null);
     }
-    function E($) {
-      return R("div", null, [R("span", {
-        class: `farris-image-cropper-resize-bar ${$}`,
-        onMousedown: Z((f) => O(f, w.Resize, $), ["prevent"])
-      }, [R("span", {
+    function P(N) {
+      return j("div", null, [j("span", {
+        class: `farris-image-cropper-resize-bar ${N}`,
+        onMousedown: Z((f) => O(f, w.Resize, N), ["prevent"])
+      }, [j("span", {
         class: "farris-image-cropper-square"
-      }, null)]), R("span", {
+      }, null)]), j("span", {
         class: "farris-image-cropper-resize top"
-      }, [R("span", {
+      }, [j("span", {
         class: "farris-image-cropper-square"
       }, null)])]);
     }
-    const g = ["top", "right", "bottom", "left"].map(($) => b($)), L = ["topleft", "topright", "bottomright", "bottomleft"].map(($) => E($));
-    return () => R("div", {
+    const g = ["top", "right", "bottom", "left"].map((N) => b(N)), L = ["topleft", "topright", "bottomright", "bottomleft"].map((N) => P(N));
+    return () => j("div", {
       class: ["farris-image-cropper-frame", {
         "farris-image-cropper-disabled": M.value
       }],
       style: {
         "text-align": a.value
       },
-      onMousemove: Z(($) => A($), ["prevent"]),
-      onTouchmove: Z(($) => A($), ["prevent"]),
+      onMousemove: Z((N) => A(N), ["prevent"]),
+      onTouchmove: Z((N) => A(N), ["prevent"]),
       onMouseup: Z(() => z(), ["prevent"]),
       onTouchend: Z(() => z(), ["prevent"])
-    }, [!B && R("div", {
+    }, [!B && j("div", {
       ref: F,
       class: "farris-image-cropper",
       style: [{
         background: v.value ? S.value : ""
       }]
-    }, [i.value && R("img", {
+    }, [i.value && j("img", {
       title: "farris-source-image",
       ref: s,
       class: "farris-source-image",
@@ -1279,7 +1279,7 @@ const ee = /* @__PURE__ */ Se({
       }],
       src: i.value,
       onLoad: () => W()
-    }, null), u.value && R("div", {
+    }, null), u.value && j("div", {
       class: "farris-image-overlay",
       style: [{
         width: `${u.value.width || 0}px`
@@ -1288,7 +1288,7 @@ const ee = /* @__PURE__ */ Se({
       }, {
         "margin-left": a.value === "center" ? d.value : ""
       }]
-    }, null), v.value && R("div", {
+    }, null), v.value && j("div", {
       class: ["farris-image-cropper-wrapper", {
         "farris-image-cropper-rounded": m.value
       }],
@@ -1306,20 +1306,20 @@ const ee = /* @__PURE__ */ Se({
         "margin-left": a.value === "center" ? d.value : ""
       }],
       tabindex: "0"
-    }, [R("div", {
+    }, [j("div", {
       class: "farris-image-cropper-move",
-      onMousedown: Z(($) => O($, w.Move, "topleft"), ["prevent"])
-    }, null), !y.value && R("div", null, [L, g])])]), D.value && R("div", {
+      onMousedown: Z((N) => O(N, w.Move, "topleft"), ["prevent"])
+    }, null), !y.value && j("div", null, [L, g])])]), E.value && j("div", {
       class: "farris-image-cropper-loading"
-    }, [R("div", {
+    }, [j("div", {
       class: "farris-image-cropper-loading-spinner"
-    }, null)]), B && R("div", {
+    }, null)]), B && j("div", {
       class: "farris-image-cropper-error"
     }, [n.value])]);
   }
 });
 function la(e, t, a) {
-  var $;
+  var N;
   const m = "", y = "", n = T();
   let M;
   function F() {
@@ -1343,15 +1343,15 @@ function la(e, t, a) {
     return p || null;
   }
   function i(f = t) {
-    var j;
+    var R;
     const { componentInstance: x, designerItemElementRef: p } = f;
     if (!x || !x.value)
       return null;
-    const { getCustomButtons: P } = x.value;
-    return x.value.canMove || P && ((j = P()) != null && j.length) ? p : i(f.parent);
+    const { getCustomButtons: k } = x.value;
+    return x.value.canMove || k && ((R = k()) != null && R.length) ? p : i(f.parent);
   }
   function o(f) {
-    return !1;
+    return !!a;
   }
   function u() {
     return (t == null ? void 0 : t.schema.label) || (t == null ? void 0 : t.schema.title) || (t == null ? void 0 : t.schema.name);
@@ -1364,11 +1364,11 @@ function la(e, t, a) {
   }
   function w(f, x) {
     const { componentType: p } = f;
-    let P = gt(p, f, x);
-    const j = p.toLowerCase().replace(/-/g, "_");
-    return P && !P.id && P.type === p && (P.id = `${j}_${Math.random().toString().slice(2, 6)}`), P;
+    let k = gt(p, f, x);
+    const R = p.toLowerCase().replace(/-/g, "_");
+    return k && !k.id && k.type === p && (k.id = `${R}_${Math.random().toString().slice(2, 6)}`), k;
   }
-  function D(f) {
+  function E(f) {
   }
   function O(...f) {
   }
@@ -1377,8 +1377,8 @@ function la(e, t, a) {
       return;
     const x = t == null ? void 0 : t.schema, { formSchemaUtils: p } = f;
     if (x && p.getExpressions().length) {
-      const P = p.getExpressions().findIndex((j) => j.target === x.id);
-      P > -1 && p.getExpressions().splice(P, 1);
+      const k = p.getExpressions().findIndex((R) => R.target === x.id);
+      k > -1 && p.getExpressions().splice(k, 1);
     }
   }
   function z(f) {
@@ -1391,24 +1391,24 @@ function la(e, t, a) {
     W(f), z(f), t != null && t.schema.contents && t.schema.contents.map((x) => {
       let p = x.id;
       x.type === "component-ref" && (p = x.component);
-      const P = e.value.querySelectorAll(`#${p}-design-item`);
-      P != null && P.length && Array.from(P).map((j) => {
-        var N;
-        (N = j == null ? void 0 : j.componentInstance) != null && N.value.onRemoveComponent && j.componentInstance.value.onRemoveComponent(f);
+      const k = e.value.querySelectorAll(`#${p}-design-item`);
+      k != null && k.length && Array.from(k).map((R) => {
+        var $;
+        ($ = R == null ? void 0 : R.componentInstance) != null && $.value.onRemoveComponent && R.componentInstance.value.onRemoveComponent(f);
       });
     });
   }
   function b() {
   }
-  function E(f) {
-    var p, P;
+  function P(f) {
+    var p, k;
     if (!((p = t == null ? void 0 : t.schema) != null && p.id))
       return;
     !M && f && (M = f.formSchemaUtils);
     let x = "";
     {
-      const { text: j, title: N, label: C, mainTitle: H, name: J, type: U } = t.schema;
-      x = j || N || C || H || J || ((P = ke[U]) == null ? void 0 : P.name);
+      const { text: R, title: $, label: C, mainTitle: H, name: J, type: U } = t.schema;
+      x = R || $ || C || H || J || ((k = De[U]) == null ? void 0 : k.name);
     }
     x && M.getControlBasicInfoMap().set(t.schema.id, {
       componentTitle: x,
@@ -1416,16 +1416,16 @@ function la(e, t, a) {
     });
   }
   function g(f) {
-    var j;
-    const { changeObject: x } = f, { propertyID: p, propertyValue: P } = x;
-    if (["text", "title", "label", "name", "mainTitle"].includes((j = f == null ? void 0 : f.changeObject) == null ? void 0 : j.propertyID) && p && P && (E(), M)) {
-      const N = M.getControlBasicInfoMap(), C = N.keys().toArray().filter((H) => {
+    var R;
+    const { changeObject: x } = f, { propertyID: p, propertyValue: k } = x;
+    if (["text", "title", "label", "name", "mainTitle"].includes((R = f == null ? void 0 : f.changeObject) == null ? void 0 : R.propertyID) && p && k && (P(), M)) {
+      const $ = M.getControlBasicInfoMap(), C = $.keys().toArray().filter((H) => {
         var J, U;
-        return ((J = N.get(H)) == null ? void 0 : J.reliedComponentId) === ((U = t == null ? void 0 : t.schema) == null ? void 0 : U.id);
+        return ((J = $.get(H)) == null ? void 0 : J.reliedComponentId) === ((U = t == null ? void 0 : t.schema) == null ? void 0 : U.id);
       });
       C != null && C.length && C.forEach((H) => {
-        const J = N.get(H).parentPathName.split(" > ");
-        J[0] = P, N.get(H).parentPathName = J.join(" > ");
+        const J = $.get(H).parentPathName.split(" > ");
+        J[0] = k, $.get(H).parentPathName = J.join(" > ");
       });
     }
   }
@@ -1439,7 +1439,7 @@ function la(e, t, a) {
     canNested: !S(),
     contents: t == null ? void 0 : t.schema.contents,
     elementRef: e,
-    parent: ($ = t == null ? void 0 : t.parent) == null ? void 0 : $.componentInstance,
+    parent: (N = t == null ? void 0 : t.parent) == null ? void 0 : N.componentInstance,
     schema: t == null ? void 0 : t.schema,
     styles: m,
     designerClass: y,
@@ -1450,14 +1450,14 @@ function la(e, t, a) {
     getPropConfig: O,
     getDragScopeElement: l,
     onAcceptMovedChildElement: d,
-    onChildElementMovedOut: D,
+    onChildElementMovedOut: E,
     addNewChildComponentSchema: w,
     triggerBelongedComponentToMoveWhenMoved: T(!1),
     triggerBelongedComponentToDeleteWhenDeleted: T(!1),
     onRemoveComponent: A,
     getCustomButtons: b,
     onPropertyChanged: L,
-    setComponentBasicInfoMap: E,
+    setComponentBasicInfoMap: P,
     updateContextSchema: t == null ? void 0 : t.updateContextSchema
   }, n;
 }
@@ -1477,35 +1477,35 @@ const ua = /* @__PURE__ */ Se({
       cropper: l,
       marginLeft: d,
       moveTypes: w,
-      isLoading: D,
+      isLoading: E,
       startMove: O,
       imageLoadedInView: W,
       moveStop: z,
       moveImg: A
-    } = Re(e, t), b = T(), E = we("design-item-context"), g = la(b, E);
+    } = je(e, t), b = T(), P = we("design-item-context"), g = la(b, P);
     Te(() => {
       b.value.componentInstance = g;
     }), t.expose(g.value);
     function L(p) {
-      return R("span", {
+      return j("span", {
         class: `farris-image-cropper-resize-bar ${p}`,
-        onMousedown: Z((P) => O(P, w.Resize, p), ["prevent"])
+        onMousedown: Z((k) => O(k, w.Resize, p), ["prevent"])
       }, null);
     }
-    function $(p) {
-      return R("div", null, [R("span", {
+    function N(p) {
+      return j("div", null, [j("span", {
         class: `farris-image-cropper-resize-bar ${p}`,
-        onMousedown: Z((P) => O(P, w.Resize, p), ["prevent"])
-      }, [R("span", {
+        onMousedown: Z((k) => O(k, w.Resize, p), ["prevent"])
+      }, [j("span", {
         class: "farris-image-cropper-square"
-      }, null)]), R("span", {
+      }, null)]), j("span", {
         class: "farris-image-cropper-resize top"
-      }, [R("span", {
+      }, [j("span", {
         class: "farris-image-cropper-square"
       }, null)])]);
     }
-    const f = ["top", "right", "bottom", "left"].map((p) => L(p)), x = ["topleft", "topright", "bottomright", "bottomleft"].map((p) => $(p));
-    return () => R("div", {
+    const f = ["top", "right", "bottom", "left"].map((p) => L(p)), x = ["topleft", "topright", "bottomright", "bottomleft"].map((p) => N(p));
+    return () => j("div", {
       ref: b,
       class: ["farris-image-cropper-frame", {
         "farris-image-cropper-disabled": M.value
@@ -1517,13 +1517,13 @@ const ua = /* @__PURE__ */ Se({
       onTouchmove: Z((p) => A(p), ["prevent"]),
       onMouseup: Z(() => z(), ["prevent"]),
       onTouchend: Z(() => z(), ["prevent"])
-    }, [!B && R("div", {
+    }, [!B && j("div", {
       ref: F,
       class: "farris-image-cropper",
       style: [{
         background: v.value ? S.value : ""
       }]
-    }, [i.value && R("img", {
+    }, [i.value && j("img", {
       title: "farris-source-image",
       ref: s,
       class: "farris-source-image",
@@ -1534,7 +1534,7 @@ const ua = /* @__PURE__ */ Se({
       }],
       src: i.value,
       onLoad: () => W()
-    }, null), u.value && R("div", {
+    }, null), u.value && j("div", {
       class: "farris-image-overlay",
       style: [{
         width: `${u.value.width || 0}px`
@@ -1543,7 +1543,7 @@ const ua = /* @__PURE__ */ Se({
       }, {
         "margin-left": a.value === "center" ? d.value : ""
       }]
-    }, null), v.value && R("div", {
+    }, null), v.value && j("div", {
       class: ["farris-image-cropper-wrapper", {
         "farris-image-cropper-rounded": m.value
       }],
@@ -1561,14 +1561,14 @@ const ua = /* @__PURE__ */ Se({
         "margin-left": a.value === "center" ? d.value : ""
       }],
       tabindex: "0"
-    }, [R("div", {
+    }, [j("div", {
       class: "farris-image-cropper-move",
       onMousedown: Z((p) => O(p, w.Move, "topleft"), ["prevent"])
-    }, null), !y.value && R("div", null, [x, f])])]), D.value && R("div", {
+    }, null), !y.value && j("div", null, [x, f])])]), E.value && j("div", {
       class: "farris-image-cropper-loading"
-    }, [R("div", {
+    }, [j("div", {
       class: "farris-image-cropper-loading-spinner"
-    }, null)]), B && R("div", {
+    }, null)]), B && j("div", {
       class: "farris-image-cropper-error"
     }, [n.value])]);
   }
@@ -1577,14 +1577,14 @@ ee.install = (e) => {
   e.component(ee.name, ee);
 };
 ee.register = (e, t, a, m) => {
-  e["image-cropper"] = ee, t["image-cropper"] = $e;
+  e["image-cropper"] = ee, t["image-cropper"] = Ne;
 };
 ee.registerDesigner = (e, t, a) => {
-  e["image-cropper"] = ua, t["image-cropper"] = $e;
+  e["image-cropper"] = ua, t["image-cropper"] = Ne;
 };
 export {
   ee as ImageCropper,
   ee as default,
   me as imageCropperProps,
-  $e as propsResolver
+  Ne as propsResolver
 };