@farris/ui-vue 1.7.0-beta.3 → 1.7.0-beta.4

package/components/dynamic-form/index.esm.js

@@ -1,4 +1,4 @@
-import { defineComponent as Z, ref as M, computed as $, withDirectives as me, createVNode as U, resolveDirective as de, watch as Y, createTextVNode as pe, mergeProps as ce } from "vue";
+import { defineComponent as H, ref as E, computed as K, withDirectives as me, createVNode as N, resolveDirective as de, watch as S, createTextVNode as pe, mergeProps as ce } from "vue";
 import { LocaleService as fe } from "../locale/index.esm.js";
 import ge from "../accordion/index.esm.js";
 import ye from "../avatar/index.esm.js";
@@ -88,20 +88,20 @@ const Kt = {
   visible: { type: Boolean, default: !0 },
   /** 内部控件布局是否响应国际化 */
   adaptForLanguage: { type: Boolean, default: !0 }
-}, oe = /* @__PURE__ */ Z({
+}, oe = /* @__PURE__ */ H({
   name: "FResponseForm",
   props: Kt,
   emits: [],
   setup(t, a) {
-    const y = M(), F = $(() => {
-      const c = fe.getLocale(), C = t.customClass.split(" "), b = {
+    const y = E(), C = K(() => {
+      const c = fe.getLocale(), h = t.customClass.split(" "), b = {
         "drag-container": !0
       };
-      return C.reduce((I, v) => (I[v] = !0, I), b), t.adaptForLanguage && c && (b["farris-form-controls-inline"] = c !== "en"), b;
+      return h.reduce((I, v) => (I[v] = !0, I), b), t.adaptForLanguage && c && (b["farris-form-controls-inline"] = c !== "en"), b;
     });
-    return () => t.visible && me(U("div", {
+    return () => t.visible && me(N("div", {
       ref: y,
-      class: F.value,
+      class: C.value,
       style: t.customStyle
     }, [a.slots.default && a.slots.default()]), [[de("area-response")]]);
   }
@@ -137,38 +137,38 @@ const Kt = {
    * 实际支持 'visible'可见 | 'reserve-space' 占位不显示
    */
   showType: { type: String, default: "visible" }
-}, Jt = /* @__PURE__ */ Z({
+}, Jt = /* @__PURE__ */ H({
   name: "FDynamicFormLabel",
   props: _t,
   emits: [],
   setup(t, a) {
-    M(t.title || t.text);
-    const y = M(t.required), F = M(t.text), c = M(t.valid), C = M(t.inValidTip);
-    Y(() => t.text, () => {
-      F.value = t.text;
-    }), Y(() => t.required, (L, w) => {
-      L !== w && (y.value = L);
-    }), Y([() => t.valid, () => t.inValidTip], ([L, w]) => {
-      c.value = L, C.value = w;
+    E(t.title || t.text);
+    const y = E(t.required), C = E(t.text), c = E(t.valid), h = E(t.inValidTip);
+    S(() => t.text, () => {
+      C.value = t.text;
+    }), S(() => t.required, (P, w) => {
+      P !== w && (y.value = P);
+    }), S([() => t.valid, () => t.inValidTip], ([P, w]) => {
+      c.value = P, h.value = w;
     });
-    const b = $(() => c.value ? F.value : C.value), I = $(() => c.value ? "" : "color:red"), v = $(() => ({
+    const b = K(() => c.value ? C.value : h.value), I = K(() => c.value ? "" : "color:red"), v = K(() => ({
       "col-form-label": !0,
       // 指定必填，当显示模式是隐藏或者没有指定标签名时，宽度不限定
-      "f-width-auto": y.value && (t.showType === "none" || !F.value)
-    })), f = $(() => t.showType === "force-none" ? !1 : t.showType === "reserve-space" || y.value || !!F.value && t.showType !== "none");
-    return () => f.value && U("label", {
+      "f-width-auto": y.value && (t.showType === "none" || !C.value)
+    })), f = K(() => t.showType === "force-none" ? !1 : t.showType === "reserve-space" || y.value || !!C.value && t.showType !== "none");
+    return () => f.value && N("label", {
       class: v.value,
       title: b.value,
       style: I.value
-    }, [!c.value && U("span", {
+    }, [!c.value && N("span", {
       class: "f-icon f-icon-warning mr-1",
       style: "color: red; min-width: 16px;",
-      title: C.value
-    }, null), U("span", {
+      title: h.value
+    }, null), N("span", {
       class: "farris-label-text"
-    }, [y.value && U("span", {
+    }, [y.value && N("span", {
       class: "farris-label-info text-danger"
-    }, [pe("*")]), t.showType === "visible" && F.value])]);
+    }, [pe("*")]), t.showType === "visible" && C.value])]);
   }
 }), { globalStorageKey: Qt } = xt(), o = {}, n = {}, r = {}, i = {};
 let se = !1;
@@ -268,7 +268,7 @@ function ue() {
         return "onUpdate:modelValue";
     }
   }
-  function F(b) {
+  function C(b) {
     switch (b) {
       case "combo-list":
       case "input-group":
@@ -283,14 +283,14 @@ function ue() {
         return "onMousedownEvent";
     }
   }
-  function C(b) {
+  function h(b) {
     switch (b) {
       case "input-group":
       case "textarea":
         return "onMouseupEvent";
     }
   }
-  return { resolveEditorProps: a, resolveEditorType: t, getChangeFunctionName: y, getClearFunctionName: F, getMousedownFunctionName: c, getMouseupFunctionName: C };
+  return { resolveEditorProps: a, resolveEditorType: t, getChangeFunctionName: y, getClearFunctionName: C, getMousedownFunctionName: c, getMouseupFunctionName: h };
 }
 const Yt = {
   /**
@@ -300,116 +300,116 @@ const Yt = {
     type: Object,
     default: null
   }
-}, Zt = /* @__PURE__ */ Z({
+}, Zt = /* @__PURE__ */ H({
   name: "FValidationMessage",
   props: Yt,
   emits: [],
   setup(t, a) {
-    const y = M(t.errors);
-    Y(() => t.errors, (C) => {
-      y.value = C;
+    const y = E(t.errors);
+    S(() => t.errors, (h) => {
+      y.value = h;
     });
-    const F = M(!0), c = $(() => {
+    const C = E(!0), c = K(() => {
       if (y.value) {
-        const C = Object.keys(y.value).map((b) => {
+        const h = Object.keys(y.value).map((b) => {
           var I;
           return (I = y.value[b]) == null ? void 0 : I.name;
         });
-        return C.length ? C.join(" ") : "";
+        return h.length ? h.join(" ") : "";
       }
       return "";
     });
-    return () => c.value && U("div", {
+    return () => c.value && N("div", {
       class: "farris-feedback f-state-invalid",
-      onClick: () => F.value = !F.value
-    }, [!F.value && U("span", {
+      onClick: () => C.value = !C.value
+    }, [!C.value && N("span", {
       class: "f-icon f-icon-message_warning f-feedback-icon"
-    }, null), F.value && U("span", {
+    }, null), C.value && N("span", {
       class: "f-feedback-message"
     }, [c.value])]);
   }
-}), le = /* @__PURE__ */ Z({
+}), le = /* @__PURE__ */ H({
   name: "FDynamicFormGroup",
   props: Xt,
   emits: ["change", "update:modelValue"],
   setup(t, a) {
     var ee;
-    const y = M(t.id), F = M(t.customClass), c = M(t.editor), C = M(t.label), b = M(t.modelValue), I = M(t.readonly), v = M(((ee = t.editor) == null ? void 0 : ee.required) || t.required), f = M(t.showLabel), L = M(t.visible);
-    M(t.type);
-    const w = M(), N = M(t.errors), x = $(() => f.value ? t.showLabelType : "none"), {
-      resolveEditorProps: P,
-      resolveEditorType: k,
-      getChangeFunctionName: G,
-      getClearFunctionName: W
-    } = ue(), K = $(() => ({
+    const y = E(t.id), C = E(t.customClass), c = E(t.editor), h = E(t.label), b = E(t.modelValue), I = E(t.readonly), v = E(((ee = t.editor) == null ? void 0 : ee.required) || t.required), f = E(t.showLabel), P = E(t.visible);
+    E(t.type);
+    const w = E(), A = E(t.errors), j = K(() => f.value ? t.showLabelType : "none"), {
+      resolveEditorProps: x,
+      resolveEditorType: $,
+      getChangeFunctionName: _,
+      getClearFunctionName: X
+    } = ue(), M = K(() => ({
       "form-group": !0,
       "farris-form-group": !0,
       "common-group": !0,
       "q-state-readonly": I.value
-    })), X = $(() => {
+    })), V = K(() => {
       if (t.fill)
         return {
           maxWidth: "none"
         };
     });
-    function R(E, A, B) {
-      b.value = A !== void 0 ? A : E, a.emit("update:modelValue", b.value), a.emit("change", b.value, {
-        newValue: E,
-        newModelValue: A,
-        parameters: B
+    function B(U, q, L) {
+      b.value = q !== void 0 ? q : U, a.emit("update:modelValue", b.value), a.emit("change", b.value, {
+        newValue: U,
+        newModelValue: q,
+        parameters: L
       });
     }
-    function _() {
+    function R() {
       a.emit("update:modelValue", "");
     }
-    function D(E) {
-      return (...A) => {
-        _(), typeof E == "function" && E(...A);
+    function D(U) {
+      return (...q) => {
+        R(), typeof U == "function" && U(...q);
       };
     }
-    function S(E) {
-      return (A, B, e) => {
-        R(A, B, e), typeof E == "function" && E(A, B, e);
+    function Y(U) {
+      return (q, L, e) => {
+        B(q, L, e), typeof U == "function" && U(q, L, e);
       };
     }
-    const H = $(() => {
-      const E = c.value.type || "input-group", A = k(E), B = P(E, c.value), e = G(E), s = W(c.value.type);
-      return s && (B[s] = D(B[s])), e && (B[e] = S(B[e])), (B.id == null || B.id === "") && (B.id = y.value), E === "number-range" && c.value.onBeginValueChange && typeof c.value.onBeginValueChange == "function" ? (c.value.onBeginValueChange && typeof c.value.onBeginValueChange == "function" && (B.onBeginValueChange = c.value.onBeginValueChange), c.value.onEndValueChange && typeof c.value.onEndValueChange == "function" && (B.onEndValueChange = c.value.onEndValueChange)) : E === "lookup" && c.value["onUpdate:idValue"] && typeof c.value["onUpdate:idValue"] == "function" ? (B["onUpdate:idValue"] = c.value["onUpdate:idValue"], B.id = y.value) : E === "collection-property-editor" && c.value.onSelectionChange && typeof c.value.onSelectionChange == "function" ? B.onSelectionChange = c.value.onSelectionChange : E === "property-editor" && (B.onBeforeOpenVariables = c.value.onBeforeOpenVariables), () => U(A, ce({
+    const Z = K(() => {
+      const U = c.value.type || "input-group", q = $(U), L = x(U, c.value), e = _(U), s = X(c.value.type);
+      return s && (L[s] = D(L[s])), e && (L[e] = Y(L[e])), (L.id == null || L.id === "") && (L.id = y.value), U === "number-range" && c.value.onBeginValueChange && typeof c.value.onBeginValueChange == "function" ? (c.value.onBeginValueChange && typeof c.value.onBeginValueChange == "function" && (L.onBeginValueChange = c.value.onBeginValueChange), c.value.onEndValueChange && typeof c.value.onEndValueChange == "function" && (L.onEndValueChange = c.value.onEndValueChange)) : U === "lookup" && c.value["onUpdate:idValue"] && typeof c.value["onUpdate:idValue"] == "function" ? (L["onUpdate:idValue"] = c.value["onUpdate:idValue"], L.id = y.value) : U === "collection-property-editor" && c.value.onSelectionChange && typeof c.value.onSelectionChange == "function" ? L.onSelectionChange = c.value.onSelectionChange : U === "property-editor" && (L.onBeforeOpenVariables = c.value.onBeforeOpenVariables), () => N(q, ce({
         ref: w
-      }, B, {
+      }, L, {
         modelValue: b.value,
         "onUpdate:modelValue": (l) => b.value = l
       }), a.slots);
     });
     function te() {
-      return U(Zt, {
+      return N(Zt, {
         id: `${y.value}-validation-message`,
-        errors: N.value
+        errors: A.value
       }, null);
     }
-    return Y([() => t.id, () => t.customClass, () => t.editor, () => t.label, () => t.modelValue, () => t.readonly, () => t.required, () => t.showLabel, () => t.visible, () => t.errors], ([E, A, B, e, s, l, d, g, p, h]) => {
+    return S([() => t.id, () => t.customClass, () => t.editor, () => t.label, () => t.modelValue, () => t.readonly, () => t.required, () => t.showLabel, () => t.visible, () => t.errors], ([U, q, L, e, s, l, d, g, p, F]) => {
       var m;
-      y.value = E, F.value = A, c.value = B, C.value = e, b.value = s, I.value = l, v.value = ((m = c.value) == null ? void 0 : m.required) || d, f.value = g, L.value = p, N.value = h;
+      y.value = U, C.value = q, c.value = L, h.value = e, b.value = s, I.value = l, v.value = ((m = c.value) == null ? void 0 : m.required) || d, f.value = g, P.value = p, A.value = F;
     }), a.expose({
       editorRef: w
-    }), () => L.value && U("div", {
+    }), () => P.value && N("div", {
       id: `${y.value}-form-group`,
-      class: F.value,
+      class: C.value,
       style: t.customStyle
-    }, [U("div", {
+    }, [N("div", {
       class: "farris-group-wrap",
-      style: X.value
-    }, [U("div", {
-      class: K.value
-    }, [U(Jt, {
+      style: V.value
+    }, [N("div", {
+      class: M.value
+    }, [N(Jt, {
       id: `${y.value}-lable`,
-      showType: x.value,
+      showType: j.value,
       required: v.value,
-      text: C.value,
-      title: C.value
-    }, null), U("div", {
+      text: h.value,
+      title: h.value
+    }, null), N("div", {
       class: "farris-input-wrap"
-    }, [H.value(), te()])])])]);
+    }, [Z.value(), te()])])])]);
   }
 }), St = {
   id: { type: String, default: "" },
@@ -425,53 +425,71 @@ const Yt = {
    * 作为内嵌编辑器被创建后默认选中文本
    */
   selectOnCreated: { type: Boolean, default: !1 }
-}, Un = /* @__PURE__ */ Z({
+}, Un = /* @__PURE__ */ H({
   name: "FDynamicFormInput",
   props: St,
   emits: ["change", "update:modelValue", "mousedown", "mouseup"],
   setup(t, a) {
-    const y = M(t.id), F = M(t.editor), c = M(t.modelValue), {
-      resolveEditorProps: C,
+    const y = E(t.id), C = E(t.editor), c = E(t.modelValue), {
+      resolveEditorProps: h,
       resolveEditorType: b,
       getChangeFunctionName: I,
       getMousedownFunctionName: v,
-      getMouseupFunctionName: f
+      getMouseupFunctionName: f,
+      getClearFunctionName: P
     } = ue();
-    function L(P, k) {
-      c.value = k !== void 0 ? k : P, a.emit("update:modelValue", c.value), a.emit("change", c.value);
+    function w(M, V, B) {
+      c.value = V !== void 0 ? V : M, a.emit("update:modelValue", c.value), a.emit("change", c.value, {
+        newValue: M,
+        newModelValue: V,
+        parameters: B
+      });
+    }
+    function A(M) {
+      a.emit("mousedown", M);
     }
-    function w(P) {
-      a.emit("mousedown", P);
+    function j(M) {
+      a.emit("mouseup", M);
     }
-    function N(P) {
-      a.emit("mouseup", P);
+    function x() {
+      a.emit("update:modelValue", "");
+    }
+    function $(M) {
+      return (...V) => {
+        x(), typeof M == "function" && M(...V);
+      };
+    }
+    function _(M) {
+      return (V, B, R) => {
+        w(V, B, R), typeof M == "function" && M(V, B, R);
+      };
     }
-    const x = $(() => {
-      const P = b(F.value.type), k = C(F.value.type, F.value);
-      k.focusOnCreated = t.focusOnCreated, k.selectOnCreated = t.selectOnCreated;
-      const G = I(F.value.type);
-      k[G] = L;
-      const W = v(F.value.type);
-      k[W] = w;
-      const K = f(F.value.type);
-      return k[K] = N, k.id = y.value, () => U(P, ce(k, {
+    const X = K(() => {
+      const M = b(C.value.type), V = h(C.value.type, C.value);
+      V.focusOnCreated = t.focusOnCreated, V.selectOnCreated = t.selectOnCreated;
+      const B = I(C.value.type), R = P(C.value.type);
+      R && (V[R] = $(V[R])), B && (V[B] = _(V[B]));
+      const D = v(C.value.type);
+      V[D] = A;
+      const Y = f(C.value.type);
+      return V[Y] = j, V.id = y.value, () => N(M, ce(V, {
         modelValue: c.value,
-        "onUpdate:modelValue": (X) => c.value = X
+        "onUpdate:modelValue": (Z) => c.value = Z
       }), null);
     });
-    return Y([() => t.id, () => t.editor, () => t.modelValue], ([P, k, G]) => {
-      y.value = P, F.value = k, c.value = G;
-    }), () => x.value();
+    return S([() => t.id, () => t.editor, () => t.modelValue], ([M, V, B]) => {
+      y.value = M, C.value = V, c.value = B;
+    }), () => X.value();
   }
 });
 function Ht(t, a) {
   function y(v, f = null) {
     if (f)
       return f;
-    const L = t.getComponentById(a);
-    return t.selectNode(L, (w) => w.id === v);
+    const P = t.getComponentById(a);
+    return t.selectNode(P, (w) => w.id === v);
   }
-  function F(v) {
+  function C(v) {
     const f = t.getComponentById(v);
     return !(!f || !f.componentType || !f.componentType.startsWith("form"));
   }
@@ -479,47 +497,47 @@ function Ht(t, a) {
     const f = new Set(v);
     return Array.from(f).length === 1;
   }
-  function C(v) {
-    const f = y(v.id), L = tt(t), w = [];
-    L.getResonseFormLayoutConfig(f, w, 1);
-    const N = w.map((R) => R.columnInSM), x = w.map((R) => R.columnInMD), P = w.map((R) => R.columnInLG), k = w.map((R) => R.columnInEL), G = c(N) ? N[0] : 0, W = c(x) ? x[0] : 0, K = c(P) ? P[0] : 0, X = c(k) ? k[0] : 0;
+  function h(v) {
+    const f = y(v.id), P = tt(t), w = [];
+    P.getResonseFormLayoutConfig(f, w, 1);
+    const A = w.map((B) => B.columnInSM), j = w.map((B) => B.columnInMD), x = w.map((B) => B.columnInLG), $ = w.map((B) => B.columnInEL), _ = c(A) ? A[0] : 0, X = c(j) ? j[0] : 0, M = c(x) ? x[0] : 0, V = c($) ? $[0] : 0;
     return {
-      uniqueColClassInSM: G,
-      uniqueColClassInMD: W,
-      uniqueColClassInLG: K,
-      uniqueColClassInEL: X
+      uniqueColClassInSM: _,
+      uniqueColClassInMD: X,
+      uniqueColClassInLG: M,
+      uniqueColClassInEL: V
     };
   }
   function b(v, f) {
-    let L, w, N, x, P = [];
+    let P, w, A, j, x = [];
     if (v) {
-      const R = v.split(" "), _ = R.filter((D) => D.startsWith("col-"));
-      L = _.find((D) => /^col-([1-9]|10|11|12)$/.test(D)), w = _.find((D) => /^col-md-([1-9]|10|11|12)$/.test(D)), N = _.find((D) => /^col-xl-([1-9]|10|11|12)$/.test(D)), x = _.find((D) => /^col-el-([1-9]|10|11|12)$/.test(D)), P = R.filter((D) => !D.startsWith("col-"));
+      const B = v.split(" "), R = B.filter((D) => D.startsWith("col-"));
+      P = R.find((D) => /^col-([1-9]|10|11|12)$/.test(D)), w = R.find((D) => /^col-md-([1-9]|10|11|12)$/.test(D)), A = R.find((D) => /^col-xl-([1-9]|10|11|12)$/.test(D)), j = R.find((D) => /^col-el-([1-9]|10|11|12)$/.test(D)), x = B.filter((D) => !D.startsWith("col-"));
     }
-    const k = f.uniqueColClassInSM ? "col-" + f.uniqueColClassInSM : L, G = f.uniqueColClassInMD ? "col-md-" + f.uniqueColClassInMD : w, W = f.uniqueColClassInLG ? "col-xl-" + f.uniqueColClassInLG : N, K = f.uniqueColClassInEL ? "col-el-" + f.uniqueColClassInEL : x;
-    return [k, G, W, K].concat(P).join(" ");
+    const $ = f.uniqueColClassInSM ? "col-" + f.uniqueColClassInSM : P, _ = f.uniqueColClassInMD ? "col-md-" + f.uniqueColClassInMD : w, X = f.uniqueColClassInLG ? "col-xl-" + f.uniqueColClassInLG : A, M = f.uniqueColClassInEL ? "col-el-" + f.uniqueColClassInEL : j;
+    return [$, _, X, M].concat(x).join(" ");
   }
-  function I(v, f, L) {
-    v = y(L, v), v.contents.forEach((w) => {
+  function I(v, f, P) {
+    v = y(P, v), v.contents.forEach((w) => {
       if (w.type === ne.fieldset.type) {
         I(w, f, w.id);
         return;
       }
       w.appearance || (w.appearance = {});
-      const N = w.appearance.class;
-      w.appearance.class = b(N, f);
+      const A = w.appearance.class;
+      w.appearance.class = b(A, f);
     });
   }
-  return { checkIsInFormComponent: F, assembleUnifiedLayoutContext: C, changeFormControlsByUnifiedLayoutConfig: I };
+  return { checkIsInFormComponent: C, assembleUnifiedLayoutContext: h, changeFormControlsByUnifiedLayoutConfig: I };
 }
 class eo extends Wt {
   constructor(a, y) {
     super(a, y);
   }
   getPropertyConfig(a, y) {
-    const F = this;
+    const C = this;
     this.propertyConfig.categories.basic = this.getBasicPropConfig(a);
-    const { checkIsInFormComponent: c, assembleUnifiedLayoutContext: C, changeFormControlsByUnifiedLayoutConfig: b } = Ht(this.formSchemaUtils, this.componentId), I = this.getAppearanceConfig(a), v = c(this.componentId);
+    const { checkIsInFormComponent: c, assembleUnifiedLayoutContext: h, changeFormControlsByUnifiedLayoutConfig: b } = Ht(this.formSchemaUtils, this.componentId), I = this.getAppearanceConfig(a), v = c(this.componentId);
     return I.properties.adaptForLanguage = {
       title: "控件布局响应国际化",
       description: "启用国际化后：简体中文、繁体中文环境下控件标签与输入框在一行展示，其他语言环境下控件标签与输入框上下排列。",
@@ -537,39 +555,39 @@ class eo extends Wt {
       refreshPanelAfterChanged: !0,
       editor: {
         type: "response-form-layout-setting",
-        initialState: C(a)
+        initialState: h(a)
       }
-    }, I.setPropertyRelates = function(f, L) {
+    }, I.setPropertyRelates = function(f, P) {
       if (f)
         switch (f && f.propertyID) {
           case "unifiedLayout": {
-            b(null, f.propertyValue, a.id), F.updateElementByParentContainer(a.id, y);
+            b(null, f.propertyValue, a.id), C.updateElementByParentContainer(a.id, y);
             break;
           }
           case "labelAutoOverflow": {
-            F.setLabelAutoOverflow(a, f.propertyValue);
+            C.setLabelAutoOverflow(a, f.propertyValue);
             break;
           }
         }
     }, this.propertyConfig.categories.appearance = I, this.propertyConfig.categories.behavior = this.getBehaviorConfig(a), this.propertyConfig;
   }
   setLabelAutoOverflow(a, y) {
-    const F = this.formSchemaUtils.getComponentById(this.componentId), c = this.formSchemaUtils.selectNode(F, (C) => C.id === a.id);
-    c && c.contents && c.contents.length && (c.contents.forEach((C) => {
-      C.appearance || (C.appearance = {
+    const C = this.formSchemaUtils.getComponentById(this.componentId), c = this.formSchemaUtils.selectNode(C, (h) => h.id === a.id);
+    c && c.contents && c.contents.length && (c.contents.forEach((h) => {
+      h.appearance || (h.appearance = {
         class: ""
-      }), C.appearance.class || (C.appearance.class = ""), y ? C.appearance.class.includes("farris-group-multi-label") || (C.appearance.class = C.appearance.class + " farris-group-multi-label") : C.appearance.class = C.appearance.class.replace("farris-group-multi-label", "").trim();
+      }), h.appearance.class || (h.appearance.class = ""), y ? h.appearance.class.includes("farris-group-multi-label") || (h.appearance.class = h.appearance.class + " farris-group-multi-label") : h.appearance.class = h.appearance.class.replace("farris-group-multi-label", "").trim();
     }), Gt());
   }
 }
 function Dn(t, a) {
-  const y = t.schema, F = new jt(), { canMove: c, canAccept: C, canDelete: b } = F.getTemplateRule(t, a);
+  const y = t.schema, C = new jt(), { canMove: c, canAccept: h, canDelete: b } = C.getTemplateRule(t, a);
   function I(e, s) {
     const { sourceElement: l } = e, { componentInstance: d } = l, g = a == null ? void 0 : a.formSchemaUtils;
     if (!g)
       return !0;
-    const p = g.getComponentById(d.value.belongedComponentId), h = g.getViewModelById(p.viewModel), m = g.getComponentById(t.componentInstance.value.belongedComponentId), u = g.getViewModelById(m.viewModel);
-    return s ? h != null && h.id && (u != null && u.id) && h.id !== u.id ? h.bindTo === u.bindTo : !0 : (h == null ? void 0 : h.id) === (u == null ? void 0 : u.id);
+    const p = g.getComponentById(d.value.belongedComponentId), F = g.getViewModelById(p.viewModel), m = g.getComponentById(t.componentInstance.value.belongedComponentId), u = g.getViewModelById(m.viewModel);
+    return s ? F != null && F.id && (u != null && u.id) && F.id !== u.id ? F.bindTo === u.bindTo : !0 : (F == null ? void 0 : F.id) === (u == null ? void 0 : u.id);
   }
   function v(e) {
     const { bindingTargetId: s } = e;
@@ -579,7 +597,7 @@ function Dn(t, a) {
     return !!(p != null && p.schemaField);
   }
   function f(e) {
-    const s = F.getComponentContext(t);
+    const s = C.getComponentContext(t);
     if (s && s.componentClassList && s.componentClassList.includes("f-form-layout") && s.componentClassList.includes("farris-form")) {
       if (e.sourceType === "control" && (e.componentCategory === "input" || e.componentType === "fieldset"))
         return !0;
@@ -593,35 +611,35 @@ function Dn(t, a) {
     }
     return !0;
   }
-  function L(e) {
-    return !(!$t().basalDragulaRuleForContainer(e, a) || !C || !f(e));
+  function P(e) {
+    return !(!$t().basalDragulaRuleForContainer(e, a) || !h || !f(e));
   }
   function w(e) {
     var u;
-    const s = e.componentInstance, l = s.value.schema, d = a == null ? void 0 : a.formSchemaUtils, g = a == null ? void 0 : a.designViewModelUtils, p = d.getViewModelIdByComponentId(s.value.belongedComponentId), h = g.getDgViewModel(p), m = s.value.parent;
-    if (m && ne.fieldset && ((u = m.schema) == null ? void 0 : u.type) === ne.fieldset.type && h) {
-      const V = { groupId: null, groupName: null };
+    const s = e.componentInstance, l = s.value.schema, d = a == null ? void 0 : a.formSchemaUtils, g = a == null ? void 0 : a.designViewModelUtils, p = d.getViewModelIdByComponentId(s.value.belongedComponentId), F = g.getDgViewModel(p), m = s.value.parent;
+    if (m && ne.fieldset && ((u = m.schema) == null ? void 0 : u.type) === ne.fieldset.type && F) {
+      const T = { groupId: null, groupName: null };
       switch (l.binding.type) {
         case z.Form: {
-          h.changeField(l.binding.field, V);
+          F.changeField(l.binding.field, T);
           break;
         }
         case z.Variable: {
-          d.modifyViewModelFieldById(p, l.binding.field, V, !0);
+          d.modifyViewModelFieldById(p, l.binding.field, T, !0);
           break;
         }
       }
     }
   }
-  function N(e, s, l) {
-    const d = s.fields.find((u) => u.id === e), g = a == null ? void 0 : a.designViewModelUtils, p = g.getDgViewModel(s.id), h = p.fields.find((u) => u.id === e);
+  function A(e, s, l) {
+    const d = s.fields.find((u) => u.id === e), g = a == null ? void 0 : a.designViewModelUtils, p = g.getDgViewModel(s.id), F = p.fields.find((u) => u.id === e);
     p.removeField([e]);
     const m = g.getDgViewModel(l);
-    m.addField(h), d.fieldSchema && m.changeField(h.id, d.fieldSchema);
+    m.addField(F), d.fieldSchema && m.changeField(F.id, d.fieldSchema);
   }
-  function x(e, s, l, d = []) {
-    const g = s.id, p = e.binding.field, h = s.fields.findIndex((u) => u.id === p);
-    if (h > -1 && (l.fields.push(s.fields[h]), s.fields.splice(h, 1)), g === "root-viewmodel" && l.id !== "root-viewmodel") {
+  function j(e, s, l, d = []) {
+    const g = s.id, p = e.binding.field, F = s.fields.findIndex((u) => u.id === p);
+    if (F > -1 && (l.fields.push(s.fields[F]), s.fields.splice(F, 1)), g === "root-viewmodel" && l.id !== "root-viewmodel") {
       e.binding.path && !e.binding.path.includes("root-component.") && (e.binding.path = "root-component." + e.binding.path);
       return;
     }
@@ -632,8 +650,8 @@ function Dn(t, a) {
     const m = s.states.find((u) => u.id === p);
     m && (l.states = l.states ? l.states : [], l.states.findIndex((u) => u.id === m.id) < 0 && (l.states.push(m), d.push(m.id)));
   }
-  function P(e, s, l, d = []) {
-    var h;
+  function x(e, s, l, d = []) {
+    var F;
     if (!e)
       return;
     const g = s.id === "root-viewmodel" && l.id !== "root-viewmodel", p = l.id === "root-viewmodel" && s.id !== "root-viewmodel";
@@ -650,110 +668,110 @@ function Dn(t, a) {
           u.path = u.path.replace("root-component.", "");
           return;
         }
-        const V = s.states.find((T) => T.id === u.field);
-        if (V) {
-          d.push(V.id), l.states = l.states ? l.states : [];
-          const T = l.states.find((J) => J.code === V.code);
-          if (T)
-            u.field = T.id;
+        const T = s.states.find((k) => k.id === u.field);
+        if (T) {
+          d.push(T.id), l.states = l.states ? l.states : [];
+          const k = l.states.find((J) => J.code === T.code);
+          if (k)
+            u.field = k.id;
           else {
-            const J = Object.assign({}, { newId: ae().guid() }, V);
+            const J = Object.assign({}, { newId: ae().guid() }, T);
             l.states.push(J), u.field = J.newId;
           }
         }
       }
-    }), (h = l.states) != null && h.length && l.states.map((m) => {
+    }), (F = l.states) != null && F.length && l.states.map((m) => {
       m.newId && (m.id = m.newId, delete m.newId);
     });
   }
-  function k(e, s, l) {
+  function $(e, s, l) {
     if (e && (s(e, l), e.contents))
       for (const d of e.contents)
-        k(d, s, l);
+        $(d, s, l);
   }
-  function G(e = [], s) {
+  function _(e = [], s) {
     if (!e.length)
       return;
     const l = a == null ? void 0 : a.formSchemaUtils, d = l.getComponentByViewModelId(s), g = [], p = (m, u) => {
-      m && (Object.keys(m).forEach((V) => {
-        const T = m[V];
-        T && typeof T == "object" && T.type === z.Variable && e.includes(T.field) && !u.includes(T.field) && u.push(T.field);
+      m && (Object.keys(m).forEach((T) => {
+        const k = m[T];
+        k && typeof k == "object" && k.type === z.Variable && e.includes(k.field) && !u.includes(k.field) && u.push(k.field);
       }), m.editor && p(m.editor, u));
     };
-    k(d, p, g);
-    const h = l.getViewModelById(s);
+    $(d, p, g);
+    const F = l.getViewModelById(s);
     e.forEach((m) => {
-      g.includes(m) || (h.states = h.states.filter((u) => u.id !== m));
+      g.includes(m) || (F.states = F.states.filter((u) => u.id !== m));
     });
   }
-  function W(e) {
+  function X(e) {
     const s = ae().guid(), l = Object.assign({}, e, {
       id: s,
       code: e.code + s.slice(0, 4),
       name: e.name + s.slice(0, 4)
-    }), p = (a == null ? void 0 : a.formSchemaUtils).getCommands().find((h) => h.id === e.cmpId);
+    }), p = (a == null ? void 0 : a.formSchemaUtils).getCommands().find((F) => F.id === e.cmpId);
     return p && p.refedHandlers.push({
       host: s,
       handler: e.handlerName
     }), l;
   }
-  function K(e, s, l) {
-    var V, T, J;
-    const d = {}, g = e.type === "form-group" && e.editor ? e.editor.type : e.type, p = (V = Ot[g]) == null ? void 0 : V.events;
+  function M(e, s, l) {
+    var T, k, J;
+    const d = {}, g = e.type === "form-group" && e.editor ? e.editor.type : e.type, p = (T = Ot[g]) == null ? void 0 : T.events;
     if (!p)
       return;
     Object.keys(e).forEach((Q) => {
-      const j = Object.keys(p).find((O) => O === Q);
-      if (j && e[j]) {
-        const O = s.commands.find((q) => q.code === e[j]);
-        if (O) {
-          let q = d[O.code];
-          q || (q = W(O), d[O.code] = q, l.commands.push(q)), e[j] = q.code;
+      const W = Object.keys(p).find((G) => G === Q);
+      if (W && e[W]) {
+        const G = s.commands.find((O) => O.code === e[W]);
+        if (G) {
+          let O = d[G.code];
+          O || (O = X(G), d[G.code] = O, l.commands.push(O)), e[W] = O.code;
         }
       }
     });
     const m = (a == null ? void 0 : a.designViewModelUtils).getDgViewModel(l.id), u = ["valueChanging", "valueChanged"];
-    if (((T = e.binding) == null ? void 0 : T.type) === z.Form) {
-      const Q = (J = l.fields) == null ? void 0 : J.find((j) => j.id === e.binding.field);
-      Q && u.forEach((j) => {
-        if (Q[j]) {
-          const O = s.commands.find((q) => q.code === Q[j]);
-          if (!O)
+    if (((k = e.binding) == null ? void 0 : k.type) === z.Form) {
+      const Q = (J = l.fields) == null ? void 0 : J.find((W) => W.id === e.binding.field);
+      Q && u.forEach((W) => {
+        if (Q[W]) {
+          const G = s.commands.find((O) => O.code === Q[W]);
+          if (!G)
             return;
-          if (d[O.code])
-            m.changeField(Q.id, { [j]: d[O.code].code });
+          if (d[G.code])
+            m.changeField(Q.id, { [W]: d[G.code].code });
           else {
-            const q = W(O);
-            d[O.code] = q, l.commands.push(q), m.changeField(Q.id, { [j]: q.code });
+            const O = X(G);
+            d[G.code] = O, l.commands.push(O), m.changeField(Q.id, { [W]: O.code });
           }
         }
       });
     }
   }
-  function X(e) {
-    const s = a == null ? void 0 : a.formSchemaUtils, l = e.componentInstance, d = l.value.schema, g = s.getViewModelIdByComponentId(l.value.belongedComponentId), p = s.getViewModelById(g), h = s.getComponentById(t.componentInstance.value.belongedComponentId), m = s.getViewModelById(h.viewModel);
+  function V(e) {
+    const s = a == null ? void 0 : a.formSchemaUtils, l = e.componentInstance, d = l.value.schema, g = s.getViewModelIdByComponentId(l.value.belongedComponentId), p = s.getViewModelById(g), F = s.getComponentById(t.componentInstance.value.belongedComponentId), m = s.getViewModelById(F.viewModel);
     if (g !== m.id) {
-      const u = d.binding.type, V = d.binding.field, T = [];
+      const u = d.binding.type, T = d.binding.field, k = [];
       switch (u) {
         case z.Form: {
-          N(V, p, m.id);
+          A(T, p, m.id);
           break;
         }
         case z.Variable: {
-          x(d, p, m, T);
+          j(d, p, m, k);
           break;
         }
       }
-      P(d, p, m, T), P(d.editor, p, m, T), K(d, p, m), g !== "root-viewmodel" && G(T, g);
+      x(d, p, m, k), x(d.editor, p, m, k), M(d, p, m), g !== "root-viewmodel" && _(k, g);
     }
   }
-  function R(e) {
+  function B(e) {
     if (!e || !e.componentInstance)
       return;
     const l = e.componentInstance.value.schema;
-    !l.binding || !l.binding.field || (w(e), X(e));
+    !l.binding || !l.binding.field || (w(e), V(e));
   }
-  function _() {
+  function R() {
     return y.componentType ? "display:inherit;flex-direction:inherit;margin-bottom:10px" : "";
   }
   function D(e) {
@@ -778,7 +796,7 @@ function Dn(t, a) {
     }
     return s;
   }
-  function S(e) {
+  function Y(e) {
     const s = t.componentInstance.value.getBelongedComponentInstance(t.componentInstance);
     if (s && s.schema && s.schema.componentType) {
       const { formColumns: l } = s.schema;
@@ -786,48 +804,48 @@ function Dn(t, a) {
       d = a == null ? void 0 : a.formSchemaUtils.getControlClassByFormUnifiedLayout(d, s.schema.id, t.schema), e.appearance || (e.appearance = {}), e.appearance.class = d;
     }
   }
-  function H(e, s, l, d) {
+  function Z(e, s, l, d) {
     const { bindingSourceContext: g, parentComponentInstance: p } = e;
     if (g != null && g.entityFieldNode && p) {
-      const h = a == null ? void 0 : a.designViewModelUtils, u = (a == null ? void 0 : a.formSchemaUtils).getViewModelIdByComponentId(p.belongedComponentId), V = h.getDgViewModel(u);
-      V.removeField([g.entityFieldNode.id]), V.addField(g.designViewModelField), s && V.changeField(g.entityFieldNode.id, { editor: { $type: s }, groupId: l, groupName: d });
+      const F = a == null ? void 0 : a.designViewModelUtils, u = (a == null ? void 0 : a.formSchemaUtils).getViewModelIdByComponentId(p.belongedComponentId), T = F.getDgViewModel(u);
+      T.removeField([g.entityFieldNode.id]), T.addField(g.designViewModelField), s && T.changeField(g.entityFieldNode.id, { editor: { $type: s }, groupId: l, groupName: d });
     }
   }
   function te(e, s) {
-    var p, h, m;
+    var p, F, m;
     const l = y;
     if ((l.appearance && l.appearance.class || "").split(" ").includes("f-form-layout") && e.componentCategory === "input") {
       const { label: u } = e;
-      let V;
-      const T = a == null ? void 0 : a.controlCreatorUtils;
-      return (p = e.bindingSourceContext) != null && p.entityFieldNode ? V = T.setFormFieldProperty((h = e.bindingSourceContext) == null ? void 0 : h.entityFieldNode, s == null ? void 0 : s.type) : (V = T.createFormGroupWithoutField(s == null ? void 0 : s.type), V.label = u), S(V), H(e, (m = V.editor) == null ? void 0 : m.type), V;
+      let T;
+      const k = a == null ? void 0 : a.controlCreatorUtils;
+      return (p = e.bindingSourceContext) != null && p.entityFieldNode ? T = k.setFormFieldProperty((F = e.bindingSourceContext) == null ? void 0 : F.entityFieldNode, s == null ? void 0 : s.type) : (T = k.createFormGroupWithoutField(s == null ? void 0 : s.type), T.label = u), Y(T), Z(e, (m = T.editor) == null ? void 0 : m.type), T;
     }
     return s;
   }
   function ee() {
     return c;
   }
-  function E() {
+  function U() {
     return b;
   }
-  function A() {
+  function q() {
     return !1;
   }
-  function B(e) {
+  function L(e) {
     return new eo(e, a).getPropertyConfig(y, t.componentInstance.value);
   }
   return {
-    canAccepts: L,
-    checkCanDeleteComponent: E,
+    canAccepts: P,
+    checkCanDeleteComponent: U,
     checkCanMoveComponent: ee,
-    getStyles: _,
-    getPropsConfig: B,
-    hideNestedPaddingInDesginerView: A,
-    onAcceptMovedChildElement: R,
+    getStyles: R,
+    getPropsConfig: L,
+    hideNestedPaddingInDesginerView: q,
+    onAcceptMovedChildElement: B,
     onResolveNewComponentSchema: te,
-    moveInputBetweenComponent: X,
-    resolveFormGroupAppearance: S,
-    syncFieldToViewModel: H
+    moveInputBetweenComponent: V,
+    resolveFormGroupAppearance: Y,
+    syncFieldToViewModel: Z
   };
 }
 oe.install = (t) => {