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

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

@@ -1,132 +1,125 @@
-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";
-import Ce from "../../designer/button-edit/index.esm.js";
-import he from "../button-group/index.esm.js";
-import Fe from "../calendar/index.esm.js";
-import be from "../../designer/capsule/index.esm.js";
-import re from "../../designer/checkbox/index.esm.js";
-import ie from "../../designer/checkbox-group/index.esm.js";
-import ve from "../combo-list/index.esm.js";
-import Ie from "../combo-tree/index.esm.js";
-import we from "../component/index.esm.js";
-import Ve from "../color-picker/index.esm.js";
-import Be from "../content-container/index.esm.js";
-import Te from "../../designer/date-picker/index.esm.js";
+import { defineComponent as oe, ref as v, computed as G, withDirectives as Fe, createVNode as x, resolveDirective as be, watch as te, createTextVNode as ve, mergeProps as ae } from "vue";
+import { LocaleService as we } from "../locale/index.esm.js";
+import Ie from "../../designer/accordion/index.esm.js";
+import Ve from "../../designer/avatar/index.esm.js";
+import ke from "../../designer/button-edit/index.esm.js";
+import Be from "../../designer/button-group/index.esm.js";
+import de, { calendarProps as Te } from "../calendar/index.esm.js";
+import Ee from "../../designer/capsule/index.esm.js";
+import ie from "../../designer/checkbox/index.esm.js";
+import le from "../../designer/checkbox-group/index.esm.js";
+import Le from "../../designer/combo-list/index.esm.js";
+import Pe from "../../designer/combo-tree/index.esm.js";
+import Ue from "../../designer/component/index.esm.js";
+import xe from "../../designer/color-picker/index.esm.js";
+import Ne from "../content-container/index.esm.js";
+import De from "../../designer/date-picker/index.esm.js";
 import Me from "../../designer/data-grid/index.esm.js";
-import Le from "../dropdown/index.esm.js";
-import ke from "../../designer/dynamic-form/index.esm.js";
-import Ee from "../events-editor/index.esm.js";
-import Pe from "../filter-bar/index.esm.js";
-import Ue from "../field-selector/index.esm.js";
-import De from "../binding-selector/index.esm.js";
-import Ne from "../image-cropper/index.esm.js";
-import Re from "../../designer/input-group/index.esm.js";
-import Ae from "../layout/index.esm.js";
-import qe from "../list-nav/index.esm.js";
-import Oe from "../../designer/list-view/index.esm.js";
-import xe from "../lookup/index.esm.js";
-import Ge from "../mapping-editor/index.esm.js";
-import je from "../nav/index.esm.js";
-import $e from "../number-range/index.esm.js";
-import We from "../../designer/number-spinner/index.esm.js";
-import Ke from "../order/index.esm.js";
-import Xe from "../page-header/index.esm.js";
-import _e from "../page-footer/index.esm.js";
-import Je from "../pagination/index.esm.js";
-import Qe from "../progress/index.esm.js";
-import ze from "../query-solution/index.esm.js";
-import Ye from "../../designer/radio-group/index.esm.js";
-import Ze from "../../designer/rate/index.esm.js";
-import Se from "../../designer/response-toolbar/index.esm.js";
-import He from "../response-layout/index.esm.js";
-import et, { useResponseLayoutEditorSetting as tt } from "../../designer/response-layout-editor/index.esm.js";
-import ot from "../search-box/index.esm.js";
-import nt from "../../designer/section/index.esm.js";
-import rt from "../smoke-detector/index.esm.js";
-import it from "../splitter/index.esm.js";
-import at from "../step/index.esm.js";
-import st from "../../designer/switch/index.esm.js";
-import lt from "../../designer/tabs/index.esm.js";
-import ct from "../../designer/tags/index.esm.js";
-import ut from "../text/index.esm.js";
-import mt from "../../designer/time-picker/index.esm.js";
-import dt from "../transfer/index.esm.js";
-import pt from "../tree-view/index.esm.js";
-import ft from "../uploader/index.esm.js";
-import gt from "../verify-detail/index.esm.js";
-import yt from "../video/index.esm.js";
-import Ct from "../../designer/textarea/index.esm.js";
-import ht from "../schema-selector/index.esm.js";
-import Ft from "../../designer/tree-grid/index.esm.js";
-import bt from "../event-parameter/index.esm.js";
-import vt from "../filter-condition-editor/index.esm.js";
-import It from "../fieldset/index.esm.js";
-import wt from "../sort-condition-editor/index.esm.js";
-import Vt from "../menu-lookup/index.esm.js";
-import Bt from "../../designer/drawer/index.esm.js";
-import Tt from "../json-editor/index.esm.js";
+import Re from "../../designer/dropdown/index.esm.js";
+import qe from "../../designer/dynamic-form/index.esm.js";
+import Ae from "../events-editor/index.esm.js";
+import Oe from "../filter-bar/index.esm.js";
+import $e from "../field-selector/index.esm.js";
+import Ge from "../../designer/binding-selector/index.esm.js";
+import je from "../../designer/image-cropper/index.esm.js";
+import We from "../../designer/input-group/index.esm.js";
+import Ke from "../layout/index.esm.js";
+import Xe from "../list-nav/index.esm.js";
+import _e from "../../designer/list-view/index.esm.js";
+import me, { lookupProps as Je } from "../lookup/index.esm.js";
+import Qe from "../mapping-editor/index.esm.js";
+import ze from "../../designer/nav/index.esm.js";
+import Ye from "../../designer/number-range/index.esm.js";
+import Ze from "../../designer/number-spinner/index.esm.js";
+import Se from "../../designer/order/index.esm.js";
+import He from "../page-header/index.esm.js";
+import et from "../../designer/page-footer/index.esm.js";
+import tt from "../../designer/pagination/index.esm.js";
+import ot from "../../designer/progress/index.esm.js";
+import nt from "../query-solution/index.esm.js";
+import rt from "../../designer/radio-group/index.esm.js";
+import at from "../../designer/rate/index.esm.js";
+import it from "../../designer/response-toolbar/index.esm.js";
+import lt from "../response-layout/index.esm.js";
+import st, { useResponseLayoutEditorSetting as ut } from "../../designer/response-layout-editor/index.esm.js";
+import ct from "../../designer/search-box/index.esm.js";
+import dt from "../../designer/section/index.esm.js";
+import mt from "../../designer/smoke-detector/index.esm.js";
+import ft from "../../designer/splitter/index.esm.js";
+import pt from "../../designer/step/index.esm.js";
+import gt from "../../designer/switch/index.esm.js";
+import yt from "../../designer/tabs/index.esm.js";
+import ht from "../../designer/tags/index.esm.js";
+import Ct from "../../designer/text/index.esm.js";
+import Ft from "../../designer/time-picker/index.esm.js";
+import bt from "../../designer/transfer/index.esm.js";
+import vt from "../../designer/tree-view/index.esm.js";
+import wt from "../../designer/uploader/index.esm.js";
+import It from "../../designer/verify-detail/index.esm.js";
+import Vt from "../../designer/video/index.esm.js";
+import kt from "../../designer/textarea/index.esm.js";
+import Bt from "../schema-selector/index.esm.js";
+import Tt from "../../designer/tree-grid/index.esm.js";
+import Et from "../event-parameter/index.esm.js";
+import Lt from "../../designer/filter-condition-editor/index.esm.js";
+import Pt from "../fieldset/index.esm.js";
+import Ut from "../../designer/sort-condition-editor/index.esm.js";
+import xt from "../../designer/menu-lookup/index.esm.js";
+import Nt from "../../designer/drawer/index.esm.js";
+import Dt from "../../designer/json-editor/index.esm.js";
 import Mt from "../property-editor/index.esm.js";
-import Lt from "../expression-editor/index.esm.js";
-import kt from "../code-editor/index.esm.js";
-import Et from "../html-template/index.esm.js";
-import Pt from "../collection-property-editor/index.esm.js";
-import Ut from "../../designer/modal/index.esm.js";
-import Dt from "../external-container/index.esm.js";
-import Nt from "../language-textbox/index.esm.js";
-import Rt from "../image/index.esm.js";
-import At from "../comment/index.esm.js";
-import { createPropsResolver as qt, schemaMap as Ot } from "../dynamic-resolver/index.esm.js";
-import { useThirdComponent as xt, useGuid as ae } from "../common/index.esm.js";
-import { DgControl as ne, refreshCanvas as Gt, UseTemplateDragAndDropRules as jt, useDragulaCommonRule as $t } from "../designer-canvas/index.esm.js";
-import { BaseControlProperty as Wt, FormBindingType as z } from "../property-panel/index.esm.js";
-const Kt = {
+import Rt from "../../designer/expression-editor/index.esm.js";
+import qt from "../../designer/code-editor/index.esm.js";
+import At from "../../designer/html-template/index.esm.js";
+import Ot from "../collection-property-editor/index.esm.js";
+import $t from "../../designer/modal/index.esm.js";
+import Gt from "../external-container/index.esm.js";
+import fe, { languageTextBoxProps as jt } from "../language-textbox/index.esm.js";
+import Wt from "../image/index.esm.js";
+import Kt from "../comment/index.esm.js";
+import { schemaResolverMap as Xt, propertyEffectMap as _t, propertyConfigSchemaMap as Jt, schemaMap as pe, createPropsResolver as Qt } from "../dynamic-resolver/index.esm.js";
+import { useThirdComponent as zt, isMobilePhone as Yt, useGuid as se } from "../common/index.esm.js";
+import Zt, { buttonEditProps as St } from "../button-edit/index.esm.js";
+import Ht, { checkboxProps as eo } from "../checkbox/index.esm.js";
+import to, { checkboxGroupProps as oo } from "../checkbox-group/index.esm.js";
+import no, { comboListProps as ro } from "../combo-list/index.esm.js";
+import ao, { datePickerProps as io } from "../date-picker/index.esm.js";
+import lo, { inputGroupProps as so } from "../input-group/index.esm.js";
+import uo, { numberRangeProps as co } from "../number-range/index.esm.js";
+import mo, { numberSpinnerProps as fo } from "../number-spinner/index.esm.js";
+import po, { progressProps as go } from "../progress/index.esm.js";
+import yo, { radioGroupProps as ho } from "../radio-group/index.esm.js";
+import Co, { rateProps as Fo } from "../rate/index.esm.js";
+import bo, { switchProps as vo } from "../switch/index.esm.js";
+import wo, { timePickerProps as Io } from "../time-picker/index.esm.js";
+import Vo, { textAreaProps as ko } from "../textarea/index.esm.js";
+import { DgControl as ne, refreshCanvas as Bo, UseTemplateDragAndDropRules as To, useDragulaCommonRule as Eo } from "../designer-canvas/index.esm.js";
+import { BaseControlProperty as Lo, FormBindingType as ee } from "../property-panel/index.esm.js";
+const Po = {
   customClass: { type: String, default: "" },
   customStyle: { type: String, defaut: "" },
   /** 控制是否可见 */
   visible: { type: Boolean, default: !0 },
   /** 内部控件布局是否响应国际化 */
   adaptForLanguage: { type: Boolean, default: !0 }
-}, oe = /* @__PURE__ */ H({
+}, re = /* @__PURE__ */ oe({
   name: "FResponseForm",
-  props: Kt,
+  props: Po,
   emits: [],
-  setup(t, a) {
-    const y = E(), C = K(() => {
-      const c = fe.getLocale(), h = t.customClass.split(" "), b = {
+  setup(e, o) {
+    const m = v(), p = G(() => {
+      const r = we.getLocale(), V = e.customClass.split(" "), y = {
         "drag-container": !0
       };
-      return h.reduce((I, v) => (I[v] = !0, I), b), t.adaptForLanguage && c && (b["farris-form-controls-inline"] = c !== "en"), b;
+      return V.reduce((w, f) => (w[f] = !0, w), y), e.adaptForLanguage && r && (y["farris-form-controls-inline"] = r !== "en"), y;
     });
-    return () => t.visible && me(N("div", {
-      ref: y,
-      class: C.value,
-      style: t.customStyle
-    }, [a.slots.default && a.slots.default()]), [[de("area-response")]]);
+    return () => e.visible && Fe(x("div", {
+      ref: m,
+      class: p.value,
+      style: e.customStyle
+    }, [o.slots.default && o.slots.default()]), [[be("area-response")]]);
   }
-}), Xt = {
-  id: { type: String, default: "" },
-  customClass: { type: String, default: "" },
-  customStyle: { type: String, default: "" },
-  /** 筛选组件配置器，具体配置项可查看各组件文档 */
-  editor: { type: Object, default: {} },
-  label: { type: String, default: "" },
-  /** value is uncertain because type is uncertain, default value should not be set */
-  modelValue: { type: [String, Boolean, Array, Number] },
-  // readonly: { type: Boolean, default: false },
-  visible: { type: Boolean, default: !0 },
-  required: { type: Boolean, default: !1 },
-  showLabel: { type: Boolean, default: !0 },
-  /**
-   * visible相当于showLabel为true,none相当于showLabel为false
-   */
-  showLabelType: { type: String, default: "visible" },
-  type: { type: String, default: "input-group" },
-  componentId: { type: String, default: "" },
-  errors: { type: Object, default: null },
-  fill: { type: Boolean, default: !1 }
-}, _t = {
+}), Uo = {
   id: { type: String },
   required: { type: Boolean, default: !1 },
   text: { type: String, default: "" },
@@ -137,64 +130,69 @@ const Kt = {
    * 实际支持 'visible'可见 | 'reserve-space' 占位不显示
    */
   showType: { type: String, default: "visible" }
-}, Jt = /* @__PURE__ */ H({
+}, ge = /* @__PURE__ */ oe({
   name: "FDynamicFormLabel",
-  props: _t,
+  props: Uo,
   emits: [],
-  setup(t, a) {
-    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;
+  setup(e, o) {
+    v(e.title || e.text);
+    const m = v(e.required), p = v(e.text), r = v(e.valid), V = v(e.inValidTip);
+    te(() => e.text, () => {
+      p.value = e.text;
+    }), te(() => e.required, (B, I) => {
+      B !== I && (m.value = B);
+    }), te([() => e.valid, () => e.inValidTip], ([B, I]) => {
+      r.value = B, V.value = I;
     });
-    const b = K(() => c.value ? C.value : h.value), I = K(() => c.value ? "" : "color:red"), v = K(() => ({
+    const y = G(() => r.value ? p.value : V.value), w = G(() => r.value ? "" : "color:red"), f = G(() => ({
       "col-form-label": !0,
       // 指定必填，当显示模式是隐藏或者没有指定标签名时，宽度不限定
-      "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 && N("span", {
+      "f-width-auto": m.value && (e.showType === "none" || !p.value)
+    })), h = G(() => e.showType === "force-none" ? !1 : e.showType === "reserve-space" || m.value || !!p.value && e.showType !== "none");
+    return () => h.value && x("label", {
+      class: f.value,
+      title: y.value,
+      style: w.value
+    }, [!r.value && x("span", {
       class: "f-icon f-icon-warning mr-1",
       style: "color: red; min-width: 16px;",
-      title: h.value
-    }, null), N("span", {
+      title: V.value
+    }, null), x("span", {
       class: "farris-label-text"
-    }, [y.value && N("span", {
+    }, [m.value && x("span", {
       class: "farris-label-info text-danger"
-    }, [pe("*")]), t.showType === "visible" && C.value])]);
-  }
-}), { globalStorageKey: Qt } = xt(), o = {}, n = {}, r = {}, i = {};
-let se = !1;
-async function zt() {
-  if (!se) {
-    se = !0, ye.register(o, n, r, i), ge.register(o, n, r, i), Ce.register(o, n, r, i), he.register(o, n, r, i), Fe.register(o, n, r, i), be.register(o, n, r, i), re.register(o, n, r, i), ie.register(o, n, r, i), re.register(o, n, r, i), ie.register(o, n, r, i), ve.register(o, n, r, i), Ie.register(o, n, r, i), we.register(o, n, r, i), Be.register(o, n, r, i), Ve.register(o, n, r, i), Te.register(o, n, r, i), Me.register(o, n, r, i), Le.register(o, n, r, i), ke.register(o, n, r, i), Ee.register(o, n, r, i), Lt.register(o, n, r, i), Pe.register(o, n, r, i), Ue.register(o, n, r, i), vt.register(o, n, r, i), Ne.register(o, n, r, i), Re.register(o, n, r, i), Ae.register(o, n, r, i), Oe.register(o, n, r, i), qe.register(o, n, r, i), xe.register(o, n, r, i), Ge.register(o, n, r, i), je.register(o, n, r, i), $e.register(o, n, r, i), We.register(o, n, r, i), Ke.register(o, n, r, i), Xe.register(o, n, r, i), _e.register(o, n, r, i), Je.register(o, n, r, i), Qe.register(o, n, r, i), ze.register(o, n, r, i), Ye.register(o, n, r, i), Ze.register(o, n, r, i), He.register(o, n, r, i), et.register(o, n, r, i), Se.register(o, n, r, i), ht.register(o, n, r), ot.register(o, n, r, i), nt.register(o, n, r, i), rt.register(o, n, r, i), it.register(o, n, r, i), at.register(o, n, r, i), st.register(o, n, r, i), wt.register(o, n, r, i), lt.register(o, n, r, i), ct.register(o, n, r, i), ut.register(o, n, r, i), mt.register(o, n, r, i), dt.register(o, n, r, i), pt.register(o, n, r, i), gt.register(o, n, r, i), ft.register(o, n, r, i), yt.register(o, n, r, i), Ct.register(o, n, r, i), Ft.register(o, n, r, i), De.register(o, n, r, i), bt.register(o, n, r, i), It.register(o, n, r, i), Vt.register(o, n, r, i), Bt.register(o, n, r, i), Tt.register(o, n, r, i), Mt.register(o, n, r, i), kt.register(o, n, r, i), Et.register(o, n, r, i), Pt.register(o, n, r, i), Ut.register(o, n, r, i), Dt.register(o, n, r, i), Nt.register(o, n, r, i), Rt.register(o, n, r, i), At.register(o, n, r, i);
-    const t = window[Qt];
-    if (t)
-      for (const a in t)
-        t[a].createPropsResolver = qt, t[a].register(o, n, r);
+    }, [ve("*")]), e.showType === "visible" && p.value])]);
+  }
+}), { globalStorageKey: xo } = zt(), a = {}, i = {}, l = {}, s = {};
+async function No() {
+  {
+    const e = {
+      schemaMap: pe,
+      propertyConfigSchemaMap: Jt,
+      propertyEffectMap: _t,
+      schemaResolverMap: Xt
+    };
+    Ve.register(a, i, l, s), Ie.register(a, i, l, s), ke.register(a, i, l, s), Be.register(a, i, l, s), de.register(a, i, l, s, e), Ee.register(a, i, l, s), ie.register(a, i, l, s, e), le.register(a, i, l, s, e), ie.register(a, i, l, s, e), le.register(a, i, l, s, e), Le.register(a, i, l, s, e), Pe.register(a, i, l, s), Ue.register(a, i, l, s), Ne.register(a, i, l, s, e), xe.register(a, i, l, s), De.register(a, i, l, s, e), Me.register(a, i, l, s, e), Re.register(a, i, l, s), qe.register(a, i, l, s, e), Ae.register(a, i, l, s), Rt.register(a, i, l, s), Oe.register(a, i, l, s), $e.register(a, i, l, s), Lt.register(a, i, l, s), je.register(a, i, l, s), We.register(a, i, l, s, e), Ke.register(a, i, l, s, e), _e.register(a, i, l, s, e), Xe.register(a, i, l, s), me.register(a, i, l, s, e), Qe.register(a, i, l, s), ze.register(a, i, l, s), Ye.register(a, i, l, s), Ze.register(a, i, l, s, e), Se.register(a, i, l, s), He.register(a, i, l, s, e), et.register(a, i, l, s), tt.register(a, i, l, s), ot.register(a, i, l, s), nt.register(a, i, l, s, e), rt.register(a, i, l, s, e), at.register(a, i, l, s), lt.register(a, i, l, s, e), st.register(a, i, l, s), it.register(a, i, l, s), Bt.register(a, i, l), ct.register(a, i, l, s), dt.register(a, i, l, s, e), mt.register(a, i, l, s), ft.register(a, i, l, s), pt.register(a, i, l, s), gt.register(a, i, l, s, e), Ut.register(a, i, l, s), yt.register(a, i, l, s, e), ht.register(a, i, l, s), Ct.register(a, i, l, s), Ft.register(a, i, l, s, e), bt.register(a, i, l, s), vt.register(a, i, l, s), It.register(a, i, l, s), wt.register(a, i, l, s), Vt.register(a, i, l, s), kt.register(a, i, l, s, e), Tt.register(a, i, l, s), Ge.register(a, i, l, s), Et.register(a, i, l, s), Pt.register(a, i, l, s, e), xt.register(a, i, l, s), Nt.register(a, i, l, s), Dt.register(a, i, l, s), Mt.register(a, i, l, s), qt.register(a, i, l, s), At.register(a, i, l, s, e), Ot.register(a, i, l, s), $t.register(a, i, l, s), Gt.register(a, i, l, s), fe.register(a, i, l, s, e), Wt.register(a, i, l, s, e), Kt.register(a, i, l, s);
+    const o = window[xo];
+    if (o)
+      for (const m in o)
+        o[m].createPropsResolver = Qt, o[m].register(a, i, l);
   }
 }
-function ue() {
-  zt();
-  function t(b) {
-    const I = o[b];
-    if (!I)
-      throw new Error(`Could not find the editor of type '${b}'`);
-    return I;
-  }
-  function a(b, I) {
-    const v = n[b];
-    return v ? v(I) : {};
-  }
-  function y(b) {
-    switch (b) {
+function ye() {
+  No();
+  function e(y) {
+    const w = a[y];
+    if (!w)
+      throw new Error(`Could not find the editor of type '${y}'`);
+    return w;
+  }
+  function o(y, w) {
+    const f = i[y];
+    return f ? f(w) : {};
+  }
+  function m(y) {
+    switch (y) {
       case "check-box":
         return "onChangeValue";
       case "switch":
@@ -268,31 +266,101 @@ function ue() {
         return "onUpdate:modelValue";
     }
   }
-  function C(b) {
-    switch (b) {
+  function p(y) {
+    switch (y) {
       case "combo-list":
       case "input-group":
       case "textarea":
         return "onClear";
     }
   }
-  function c(b) {
-    switch (b) {
+  function r(y) {
+    switch (y) {
       case "input-group":
       case "textarea":
         return "onMousedownEvent";
     }
   }
-  function h(b) {
-    switch (b) {
+  function V(y) {
+    switch (y) {
       case "input-group":
       case "textarea":
         return "onMouseupEvent";
     }
   }
-  return { resolveEditorProps: a, resolveEditorType: t, getChangeFunctionName: y, getClearFunctionName: C, getMousedownFunctionName: c, getMouseupFunctionName: h };
+  return { resolveEditorProps: o, resolveEditorType: e, getChangeFunctionName: m, getClearFunctionName: p, getMousedownFunctionName: r, getMouseupFunctionName: V };
 }
-const Yt = {
+const Do = {
+  id: { type: String, default: "" },
+  /** 筛选组件配置器，具体配置项可查看各组件文档 */
+  editor: { type: Object, default: {} },
+  /** value is uncertain because type is uncertain, default value should not be set */
+  modelValue: { type: [String, Boolean, Array, Number] },
+  /**
+   * 作为内嵌编辑器被创建后默认获得焦点
+   */
+  focusOnCreated: { type: Boolean, default: !1 },
+  /**
+   * 作为内嵌编辑器被创建后默认选中文本
+   */
+  selectOnCreated: { type: Boolean, default: !1 }
+}, ue = /* @__PURE__ */ oe({
+  name: "FDynamicFormInput",
+  props: Do,
+  emits: ["change", "update:modelValue", "mousedown", "mouseup"],
+  setup(e, o) {
+    const m = v(e.id), p = v(e.editor), r = v(e.modelValue), {
+      resolveEditorProps: V,
+      resolveEditorType: y,
+      getChangeFunctionName: w,
+      getMousedownFunctionName: f,
+      getMouseupFunctionName: h,
+      getClearFunctionName: B
+    } = ye();
+    function I(L, k, T) {
+      r.value = k !== void 0 ? k : L, o.emit("update:modelValue", r.value), o.emit("change", r.value, {
+        newValue: L,
+        newModelValue: k,
+        parameters: T
+      });
+    }
+    function N(L) {
+      o.emit("mousedown", L);
+    }
+    function A(L) {
+      o.emit("mouseup", L);
+    }
+    function $() {
+      o.emit("update:modelValue", "");
+    }
+    function j(L) {
+      return (...k) => {
+        $(), typeof L == "function" && L(...k);
+      };
+    }
+    function J(L) {
+      return (k, T, q) => {
+        I(k, T, q), typeof L == "function" && L(k, T, q);
+      };
+    }
+    const K = G(() => {
+      const L = y(p.value.type), k = V(p.value.type, p.value);
+      k.focusOnCreated = e.focusOnCreated, k.selectOnCreated = e.selectOnCreated;
+      const T = w(p.value.type), q = B(p.value.type);
+      q && (k[q] = j(k[q])), T && (k[T] = J(k[T]));
+      const D = f(p.value.type);
+      k[D] = N;
+      const Y = h(p.value.type);
+      return k[Y] = A, k.id = m.value, () => x(L, ae(k, {
+        modelValue: r.value,
+        "onUpdate:modelValue": (M) => r.value = M
+      }), null);
+    });
+    return te([() => e.id, () => e.editor, () => e.modelValue], ([L, k, T]) => {
+      m.value = L, p.value = k, r.value = T;
+    }), () => K.value();
+  }
+}), Mo = {
   /**
    * 显示的错误信息
    */
@@ -300,566 +368,685 @@ const Yt = {
     type: Object,
     default: null
   }
-}, Zt = /* @__PURE__ */ H({
+}, he = /* @__PURE__ */ oe({
   name: "FValidationMessage",
-  props: Yt,
+  props: Mo,
   emits: [],
-  setup(t, a) {
-    const y = E(t.errors);
-    S(() => t.errors, (h) => {
-      y.value = h;
+  setup(e, o) {
+    const m = v(e.errors);
+    te(() => e.errors, (V) => {
+      m.value = V;
     });
-    const C = E(!0), c = K(() => {
-      if (y.value) {
-        const h = Object.keys(y.value).map((b) => {
-          var I;
-          return (I = y.value[b]) == null ? void 0 : I.name;
+    const p = v(!0), r = G(() => {
+      if (m.value) {
+        const V = Object.keys(m.value).map((y) => {
+          var w;
+          return (w = m.value[y]) == null ? void 0 : w.name;
         });
-        return h.length ? h.join(" ") : "";
+        return V.length ? V.join(" ") : "";
       }
       return "";
     });
-    return () => c.value && N("div", {
+    return () => r.value && x("div", {
       class: "farris-feedback f-state-invalid",
-      onClick: () => C.value = !C.value
-    }, [!C.value && N("span", {
+      onClick: () => p.value = !p.value
+    }, [!p.value && x("span", {
       class: "f-icon f-icon-message_warning f-feedback-icon"
-    }, null), C.value && N("span", {
+    }, null), p.value && x("span", {
       class: "f-feedback-message"
-    }, [c.value])]);
+    }, [r.value])]);
   }
-}), le = /* @__PURE__ */ H({
-  name: "FDynamicFormGroup",
-  props: Xt,
-  emits: ["change", "update:modelValue"],
-  setup(t, a) {
-    var ee;
-    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
-    })), V = K(() => {
-      if (t.fill)
-        return {
-          maxWidth: "none"
-        };
-    });
-    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 R() {
-      a.emit("update:modelValue", "");
+});
+function Ro(e, o) {
+  e["button-edit"] = Zt, e.calendar = de, e["check-box"] = Ht, e["check-group"] = to, e["combo-list"] = no, e["date-picker"] = ao, e["input-group"] = lo, e.lookup = me, e["number-range"] = uo, e["number-spinner"] = mo, e.progress = po, e["radio-group"] = yo, e.rate = Co, e.switch = bo, e["time-picker"] = wo, e.textarea = Vo, e["language-textbox"] = fe, o["button-edit"] = St, o.calendar = Te, o["check-box"] = eo, o["check-group"] = oo, o["combo-list"] = ro, o["date-picker"] = io, o["input-group"] = so, o.lookup = Je, o["number-range"] = co, o["number-spinner"] = fo, o.progress = go, o["radio-group"] = ho, o.rate = Fo, o.switch = vo, o["time-picker"] = Io, o.textarea = ko, o["language-textbox"] = jt;
+}
+function qo() {
+  const e = {}, o = {};
+  Ro(e, o);
+  function m(f) {
+    return e[f || "input-group"];
+  }
+  function p(f, h) {
+    const B = o[f || "input-group"], I = Object.keys(B).reduce((N, A) => (N[A] = B[A].default, N), {});
+    return Object.assign(I, h);
+  }
+  function r(f) {
+    switch (f) {
+      case "check-box":
+        return "onChangeValue";
+      case "switch":
+        return "onModelValueChanged";
+      case "check-group":
+        return "onChangeValue";
+      case "combo-list":
+      case "combo-tree":
+        return "onChange";
+      case "combo-lookup":
+        return "";
+      case "year-range":
+      case "year-picker":
+      case "month-range":
+      case "month-picker":
+      case "date-range":
+      case "datetime-range":
+      case "datetime-picker":
+      case "date-picker":
+        return "onDatePicked";
+      case "time-picker":
+        return "onValueChange";
+      case "input-group":
+        return "onChange";
+      case "lookup":
+      case "language-textbox":
+        return "onUpdate:modelValue";
+      case "number-range":
+        return "onValueChange";
+      case "number-spinner":
+        return "onValueChange";
+      case "radio-group":
+        return "onChangeValue";
+      case "text":
+        return "";
+      case "textarea":
+        return "onChange";
     }
-    function D(U) {
-      return (...q) => {
-        R(), typeof U == "function" && U(...q);
-      };
+  }
+  function V(f) {
+    switch (f) {
+      case "combo-list":
+      case "input-group":
+      case "textarea":
+        return "onClear";
     }
-    function Y(U) {
-      return (q, L, e) => {
-        B(q, L, e), typeof U == "function" && U(q, L, e);
-      };
+  }
+  function y(f) {
+    switch (f) {
+      case "input-group":
+      case "textarea":
+        return "onMousedownEvent";
     }
-    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
-      }, L, {
-        modelValue: b.value,
-        "onUpdate:modelValue": (l) => b.value = l
-      }), a.slots);
-    });
-    function te() {
-      return N(Zt, {
-        id: `${y.value}-validation-message`,
-        errors: A.value
-      }, null);
+  }
+  function w(f) {
+    switch (f) {
+      case "input-group":
+      case "textarea":
+        return "onMouseupEvent";
     }
-    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 = 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
-    }), () => P.value && N("div", {
-      id: `${y.value}-form-group`,
-      class: C.value,
-      style: t.customStyle
-    }, [N("div", {
-      class: "farris-group-wrap",
-      style: V.value
-    }, [N("div", {
-      class: M.value
-    }, [N(Jt, {
-      id: `${y.value}-lable`,
-      showType: j.value,
-      required: v.value,
-      text: h.value,
-      title: h.value
-    }, null), N("div", {
-      class: "farris-input-wrap"
-    }, [Z.value(), te()])])])]);
   }
-}), St = {
+  return { resolveEditorProps: p, resolveEditorType: m, getChangeFunctionName: r, getClearFunctionName: V, getMousedownFunctionName: y, getMouseupFunctionName: w };
+}
+const Ce = {
   id: { type: String, default: "" },
+  customClass: { type: String, default: "" },
+  customStyle: { type: String, default: "" },
   /** 筛选组件配置器，具体配置项可查看各组件文档 */
   editor: { type: Object, default: {} },
+  label: { type: String, default: "" },
   /** value is uncertain because type is uncertain, default value should not be set */
   modelValue: { type: [String, Boolean, Array, Number] },
+  // readonly: { type: Boolean, default: false },
+  visible: { type: Boolean, default: !0 },
+  required: { type: Boolean, default: !1 },
+  showLabel: { type: Boolean, default: !0 },
   /**
-   * 作为内嵌编辑器被创建后默认获得焦点
-   */
-  focusOnCreated: { type: Boolean, default: !1 },
-  /**
-   * 作为内嵌编辑器被创建后默认选中文本
+   * visible相当于showLabel为true,none相当于showLabel为false
    */
-  selectOnCreated: { type: Boolean, default: !1 }
-}, Un = /* @__PURE__ */ H({
-  name: "FDynamicFormInput",
-  props: St,
-  emits: ["change", "update:modelValue", "mousedown", "mouseup"],
-  setup(t, a) {
-    const y = E(t.id), C = E(t.editor), c = E(t.modelValue), {
-      resolveEditorProps: h,
-      resolveEditorType: b,
-      getChangeFunctionName: I,
-      getMousedownFunctionName: v,
-      getMouseupFunctionName: f,
-      getClearFunctionName: P
-    } = ue();
-    function w(M, V, B) {
-      c.value = V !== void 0 ? V : M, a.emit("update:modelValue", c.value), a.emit("change", c.value, {
+  showLabelType: { type: String, default: "visible" },
+  type: { type: String, default: "input-group" },
+  componentId: { type: String, default: "" },
+  errors: { type: Object, default: null },
+  fill: { type: Boolean, default: !1 }
+}, ce = /* @__PURE__ */ oe({
+  name: "FFormControl",
+  props: Ce,
+  emits: ["change", "update:modelValue"],
+  setup(e, o) {
+    var Y;
+    const m = v(e.id), p = v(e.customClass), r = v(e.editor), V = v(e.label), y = v(e.modelValue), w = v(e.readonly), f = v(((Y = e.editor) == null ? void 0 : Y.required) || e.required), h = v(e.showLabel), B = v(e.visible);
+    v(e.type);
+    const I = v(), N = v(e.errors), A = G(() => h.value ? e.showLabelType : "none"), {
+      resolveEditorProps: $,
+      resolveEditorType: j,
+      getChangeFunctionName: J,
+      getClearFunctionName: K
+    } = qo(), L = G(() => ({
+      "form-group": !0,
+      "farris-form-group": !0,
+      "common-group": !0,
+      "q-state-readonly": w.value
+    }));
+    function k(M, X, R) {
+      y.value = X !== void 0 ? X : M, o.emit("update:modelValue", y.value), o.emit("change", y.value, {
         newValue: M,
-        newModelValue: V,
-        parameters: B
+        newModelValue: X,
+        parameters: R
       });
     }
-    function A(M) {
-      a.emit("mousedown", M);
+    function T() {
+      o.emit("update:modelValue", "");
     }
-    function j(M) {
-      a.emit("mouseup", M);
+    const q = G(() => {
+      const M = r.value.type || "input-group", X = j(M), R = $(M, r.value), Z = J(M), z = K(r.value.type);
+      return z && (R[z] = T), R[Z] = k, (R.id == null || R.id === "") && (R.id = m.value), M === "number-range" && r.value.onBeginValueChange && typeof r.value.onBeginValueChange == "function" ? (r.value.onBeginValueChange && typeof r.value.onBeginValueChange == "function" && (R.onBeginValueChange = r.value.onBeginValueChange), r.value.onEndValueChange && typeof r.value.onEndValueChange == "function" && (R.onEndValueChange = r.value.onEndValueChange)) : M === "lookup" && r.value["onUpdate:idValue"] && typeof r.value["onUpdate:idValue"] == "function" && (R["onUpdate:idValue"] = r.value["onUpdate:idValue"], R.id = m.value), () => x(X, ae({
+        ref: I
+      }, R, {
+        modelValue: y.value,
+        "onUpdate:modelValue": (E) => y.value = E
+      }), o.slots);
+    });
+    function D() {
+      return x(he, {
+        id: `${m.value}-validation-message`,
+        errors: N.value
+      }, null);
     }
-    function x() {
-      a.emit("update:modelValue", "");
+    return te([() => e.id, () => e.customClass, () => e.editor, () => e.label, () => e.modelValue, () => e.readonly, () => e.required, () => e.showLabel, () => e.visible, () => e.errors], ([M, X, R, Z, z, E, O, t, n, u]) => {
+      var d;
+      m.value = M, p.value = X, r.value = R, V.value = Z, y.value = z, w.value = E, f.value = ((d = r.value) == null ? void 0 : d.required) || O, h.value = t, B.value = n, N.value = u;
+    }), o.expose({
+      editorRef: I
+    }), () => B.value && x("div", {
+      id: `${m.value}-input-group`,
+      class: p.value,
+      style: e.customStyle
+    }, [x("div", {
+      class: "farris-group-wrap"
+    }, [x("div", {
+      class: L.value
+    }, [x(ge, {
+      id: `${m.value}-lable`,
+      showType: A.value,
+      required: f.value,
+      text: V.value,
+      title: V.value
+    }, null), x("div", {
+      class: "farris-input-wrap"
+    }, [q.value(), D()])])])]);
+  }
+}), Pr = /* @__PURE__ */ oe({
+  name: "FDynamicFormGroup",
+  props: Ce,
+  emits: ["change", "update:modelValue"],
+  setup(e, o) {
+    var z;
+    const m = v(e.id), p = v(e.customClass), r = v(e.editor), V = v(e.label), y = v(e.modelValue), w = v(e.readonly), f = v(((z = e.editor) == null ? void 0 : z.required) || e.required), h = v(e.showLabel), B = v(e.visible);
+    v(e.type);
+    const I = v(), N = v(e.errors), A = Yt(), $ = v(e.editor.type || "input-group"), j = G(() => h.value ? e.showLabelType : "none"), {
+      resolveEditorProps: J,
+      resolveEditorType: K,
+      getChangeFunctionName: L,
+      getClearFunctionName: k
+    } = ye(), T = G(() => {
+      const E = {
+        "form-group": !0,
+        "farris-form-group": !0,
+        "common-group": !0,
+        "q-state-readonly": w.value,
+        "form-group--in-mobile": A
+      };
+      return E["form-group--has-" + $.value] = !0, E;
+    }), q = G(() => {
+      if (e.fill)
+        return {
+          maxWidth: "none"
+        };
+    });
+    function D(E, O, t) {
+      y.value = O !== void 0 ? O : E, o.emit("update:modelValue", y.value), o.emit("change", y.value, {
+        newValue: E,
+        newModelValue: O,
+        parameters: t
+      });
+    }
+    function Y() {
+      o.emit("update:modelValue", "");
     }
-    function $(M) {
-      return (...V) => {
-        x(), typeof M == "function" && M(...V);
+    function M(E) {
+      return (...O) => {
+        Y(), typeof E == "function" && E(...O);
       };
     }
-    function _(M) {
-      return (V, B, R) => {
-        w(V, B, R), typeof M == "function" && M(V, B, R);
+    function X(E) {
+      return (O, t, n) => {
+        D(O, t, n), typeof E == "function" && E(O, t, n);
       };
     }
-    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": (Z) => c.value = Z
-      }), null);
+    const R = G(() => {
+      const E = r.value.type || "input-group", O = K(E), t = J(E, r.value), n = L(E), u = k(r.value.type);
+      return u && (t[u] = M(t[u])), n && (t[n] = X(t[n])), (t.id == null || t.id === "") && (t.id = m.value), E === "number-range" && r.value.onBeginValueChange && typeof r.value.onBeginValueChange == "function" ? (r.value.onBeginValueChange && typeof r.value.onBeginValueChange == "function" && (t.onBeginValueChange = r.value.onBeginValueChange), r.value.onEndValueChange && typeof r.value.onEndValueChange == "function" && (t.onEndValueChange = r.value.onEndValueChange)) : E === "lookup" && r.value["onUpdate:idValue"] && typeof r.value["onUpdate:idValue"] == "function" ? (t["onUpdate:idValue"] = r.value["onUpdate:idValue"], t.id = m.value) : E === "collection-property-editor" && r.value.onSelectionChange && typeof r.value.onSelectionChange == "function" ? t.onSelectionChange = r.value.onSelectionChange : E === "property-editor" && (t.onBeforeOpenVariables = r.value.onBeforeOpenVariables), () => x(O, ae({
+        ref: I
+      }, t, {
+        modelValue: y.value,
+        "onUpdate:modelValue": (d) => y.value = d
+      }), o.slots);
     });
-    return S([() => t.id, () => t.editor, () => t.modelValue], ([M, V, B]) => {
-      y.value = M, C.value = V, c.value = B;
-    }), () => X.value();
+    function Z() {
+      return x(he, {
+        id: `${m.value}-validation-message`,
+        errors: N.value
+      }, null);
+    }
+    return te([() => e.id, () => e.customClass, () => e.editor, () => e.label, () => e.modelValue, () => e.readonly, () => e.required, () => e.showLabel, () => e.visible, () => e.errors], ([E, O, t, n, u, d, C, F, b, g]) => {
+      var c;
+      m.value = E, p.value = O, r.value = t, V.value = n, y.value = u, w.value = d, f.value = ((c = r.value) == null ? void 0 : c.required) || C, h.value = F, B.value = b, N.value = g;
+    }), o.expose({
+      editorRef: I
+    }), () => B.value && x("div", {
+      id: `${m.value}-form-group`,
+      class: p.value,
+      style: e.customStyle
+    }, [x("div", {
+      class: "farris-group-wrap",
+      style: q.value
+    }, [x("div", {
+      class: T.value
+    }, [x(ge, {
+      id: `${m.value}-lable`,
+      showType: j.value,
+      required: f.value,
+      text: V.value,
+      title: V.value
+    }, null), x("div", {
+      class: "farris-input-wrap"
+    }, [R.value(), Z()])])])]);
   }
 });
-function Ht(t, a) {
-  function y(v, f = null) {
-    if (f)
-      return f;
-    const P = t.getComponentById(a);
-    return t.selectNode(P, (w) => w.id === v);
-  }
-  function C(v) {
-    const f = t.getComponentById(v);
-    return !(!f || !f.componentType || !f.componentType.startsWith("form"));
-  }
-  function c(v) {
-    const f = new Set(v);
-    return Array.from(f).length === 1;
-  }
-  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;
+function Ao(e, o) {
+  function m(f, h = null) {
+    if (h)
+      return h;
+    const B = e.getComponentById(o);
+    return e.selectNode(B, (I) => I.id === f);
+  }
+  function p(f) {
+    const h = e.getComponentById(f);
+    return !(!h || !h.componentType || !h.componentType.startsWith("form"));
+  }
+  function r(f) {
+    const h = new Set(f);
+    return Array.from(h).length === 1;
+  }
+  function V(f) {
+    const h = m(f.id), B = ut(e), I = [];
+    B.getResonseFormLayoutConfig(h, I, 1);
+    const N = I.map((T) => T.columnInSM), A = I.map((T) => T.columnInMD), $ = I.map((T) => T.columnInLG), j = I.map((T) => T.columnInEL), J = r(N) ? N[0] : 0, K = r(A) ? A[0] : 0, L = r($) ? $[0] : 0, k = r(j) ? j[0] : 0;
     return {
-      uniqueColClassInSM: _,
-      uniqueColClassInMD: X,
-      uniqueColClassInLG: M,
-      uniqueColClassInEL: V
+      uniqueColClassInSM: J,
+      uniqueColClassInMD: K,
+      uniqueColClassInLG: L,
+      uniqueColClassInEL: k
     };
   }
-  function b(v, f) {
-    let P, w, A, j, x = [];
-    if (v) {
-      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-"));
+  function y(f, h) {
+    let B, I, N, A, $ = [];
+    if (f) {
+      const T = f.split(" "), q = T.filter((D) => D.startsWith("col-"));
+      B = q.find((D) => /^col-([1-9]|10|11|12)$/.test(D)), I = q.find((D) => /^col-md-([1-9]|10|11|12)$/.test(D)), N = q.find((D) => /^col-xl-([1-9]|10|11|12)$/.test(D)), A = q.find((D) => /^col-el-([1-9]|10|11|12)$/.test(D)), $ = T.filter((D) => !D.startsWith("col-"));
     }
-    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(" ");
+    const j = h.uniqueColClassInSM ? "col-" + h.uniqueColClassInSM : B, J = h.uniqueColClassInMD ? "col-md-" + h.uniqueColClassInMD : I, K = h.uniqueColClassInLG ? "col-xl-" + h.uniqueColClassInLG : N, L = h.uniqueColClassInEL ? "col-el-" + h.uniqueColClassInEL : A;
+    return [j, J, K, L].concat($).join(" ");
   }
-  function I(v, f, P) {
-    v = y(P, v), v.contents.forEach((w) => {
-      if (w.type === ne.fieldset.type) {
-        I(w, f, w.id);
+  function w(f, h, B) {
+    f = m(B, f), f.contents.forEach((I) => {
+      if (I.type === ne.fieldset.type) {
+        w(I, h, I.id);
         return;
       }
-      w.appearance || (w.appearance = {});
-      const A = w.appearance.class;
-      w.appearance.class = b(A, f);
+      I.appearance || (I.appearance = {});
+      const N = I.appearance.class;
+      I.appearance.class = y(N, h);
     });
   }
-  return { checkIsInFormComponent: C, assembleUnifiedLayoutContext: h, changeFormControlsByUnifiedLayoutConfig: I };
+  return { checkIsInFormComponent: p, assembleUnifiedLayoutContext: V, changeFormControlsByUnifiedLayoutConfig: w };
 }
-class eo extends Wt {
-  constructor(a, y) {
-    super(a, y);
-  }
-  getPropertyConfig(a, y) {
-    const C = this;
-    this.propertyConfig.categories.basic = this.getBasicPropConfig(a);
-    const { checkIsInFormComponent: c, assembleUnifiedLayoutContext: h, changeFormControlsByUnifiedLayoutConfig: b } = Ht(this.formSchemaUtils, this.componentId), I = this.getAppearanceConfig(a), v = c(this.componentId);
-    return I.properties.adaptForLanguage = {
+class Oo extends Lo {
+  constructor(o, m) {
+    super(o, m);
+  }
+  getPropertyConfig(o, m) {
+    const p = this;
+    this.propertyConfig.categories.basic = this.getBasicPropConfig(o);
+    const { checkIsInFormComponent: r, assembleUnifiedLayoutContext: V, changeFormControlsByUnifiedLayoutConfig: y } = Ao(this.formSchemaUtils, this.componentId), w = this.getAppearanceConfig(o), f = r(this.componentId);
+    return w.properties.adaptForLanguage = {
       title: "控件布局响应国际化",
       description: "启用国际化后：简体中文、繁体中文环境下控件标签与输入框在一行展示，其他语言环境下控件标签与输入框上下排列。",
-      visible: v,
+      visible: f,
       type: "boolean"
-    }, I.properties.labelAutoOverflow = {
+    }, w.properties.labelAutoOverflow = {
       title: "控件标签换行",
       description: "控件标签字数超长时，换行显示。控件标签与输入框在一行展示时，此属性有效。",
-      visible: v,
+      visible: f,
       type: "boolean"
-    }, I.properties.unifiedLayout = {
+    }, w.properties.unifiedLayout = {
       title: "统一布局配置",
       description: "统一配置卡片区域内所有控件的宽度，只支持标准模式",
-      visible: v,
+      visible: f,
       refreshPanelAfterChanged: !0,
       editor: {
         type: "response-form-layout-setting",
-        initialState: h(a)
+        initialState: V(o)
       }
-    }, I.setPropertyRelates = function(f, P) {
-      if (f)
-        switch (f && f.propertyID) {
+    }, w.setPropertyRelates = function(h, B) {
+      if (h)
+        switch (h && h.propertyID) {
           case "unifiedLayout": {
-            b(null, f.propertyValue, a.id), C.updateElementByParentContainer(a.id, y);
+            y(null, h.propertyValue, o.id), p.updateElementByParentContainer(o.id, m);
             break;
           }
           case "labelAutoOverflow": {
-            C.setLabelAutoOverflow(a, f.propertyValue);
+            p.setLabelAutoOverflow(o, h.propertyValue), Bo();
             break;
           }
         }
-    }, this.propertyConfig.categories.appearance = I, this.propertyConfig.categories.behavior = this.getBehaviorConfig(a), this.propertyConfig;
+    }, this.propertyConfig.categories.appearance = w, this.propertyConfig.categories.behavior = this.getBehaviorConfig(o), this.propertyConfig;
   }
-  setLabelAutoOverflow(a, y) {
-    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 = {
+  setLabelAutoOverflow(o, m, p) {
+    if (!p) {
+      const r = this.formSchemaUtils.getComponentById(this.componentId);
+      p = this.formSchemaUtils.selectNode(r, (V) => V.id === o.id);
+    }
+    p && p.contents && p.contents.length && p.contents.forEach((r) => {
+      if (r.type === ne.fieldset.type) {
+        this.setLabelAutoOverflow(null, m, r);
+        return;
+      }
+      r.appearance || (r.appearance = {
         class: ""
-      }), 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());
+      }), r.appearance.class || (r.appearance.class = ""), m ? r.appearance.class.includes("farris-group-multi-label") || (r.appearance.class = r.appearance.class + " farris-group-multi-label") : r.appearance.class = r.appearance.class.replace("farris-group-multi-label", "").trim();
+    });
   }
 }
-function Dn(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)
+function Ur(e, o) {
+  const m = e.schema, p = new To(), { canMove: r, canAccept: V, canDelete: y } = p.getTemplateRule(e, o);
+  function w(t, n) {
+    const { sourceElement: u } = t, { componentInstance: d } = u, C = o == null ? void 0 : o.formSchemaUtils;
+    if (!C)
       return !0;
-    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);
+    const F = C.getComponentById(d.value.belongedComponentId), b = C.getViewModelById(F.viewModel), g = C.getComponentById(e.componentInstance.value.belongedComponentId), c = C.getViewModelById(g.viewModel);
+    return n ? b != null && b.id && (c != null && c.id) && b.id !== c.id ? b.bindTo === c.bindTo : !0 : (b == null ? void 0 : b.id) === (c == null ? void 0 : c.id);
   }
-  function v(e) {
-    const { bindingTargetId: s } = e;
-    if (!a)
+  function f(t) {
+    const { bindingTargetId: n } = t;
+    if (!o)
       return;
-    const { formSchemaUtils: l, schemaService: d } = a, g = l.getComponentById(t.componentInstance.value.belongedComponentId), p = d.getFieldByIDAndVMID(s, g.viewModel);
-    return !!(p != null && p.schemaField);
+    const { formSchemaUtils: u, schemaService: d } = o, C = u.getComponentById(e.componentInstance.value.belongedComponentId), F = d.getFieldByIDAndVMID(n, C.viewModel);
+    return !!(F != null && F.schemaField);
   }
-  function f(e) {
-    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"))
+  function h(t) {
+    const n = p.getComponentContext(e);
+    if (n && n.componentClassList && n.componentClassList.includes("f-form-layout") && n.componentClassList.includes("farris-form")) {
+      if (t.sourceType === "control" && (t.componentCategory === "input" || t.componentType === "fieldset"))
         return !0;
-      if (e.sourceType === "move") {
-        if (e.componentType === "form-group")
-          return I(e, !0);
-        if (e.componentType === "fieldset")
-          return I(e, !1);
+      if (t.sourceType === "move") {
+        if (t.componentType === "form-group")
+          return w(t, !0);
+        if (t.componentType === "fieldset")
+          return w(t, !1);
       }
-      return e.sourceType === "field" && e.componentCategory === "input" ? v(e) : !1;
+      return t.sourceType === "field" && t.componentCategory === "input" ? f(t) : !1;
     }
     return !0;
   }
-  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), 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: {
-          F.changeField(l.binding.field, T);
+  function B(t) {
+    return !(!Eo().basalDragulaRuleForContainer(t, o) || !V || !h(t));
+  }
+  function I(t) {
+    var c;
+    const n = t.componentInstance, u = n.value.schema, d = o == null ? void 0 : o.formSchemaUtils, C = o == null ? void 0 : o.designViewModelUtils, F = d.getViewModelIdByComponentId(n.value.belongedComponentId), b = C.getDgViewModel(F), g = n.value.parent;
+    if (g && ne.fieldset && ((c = g.schema) == null ? void 0 : c.type) === ne.fieldset.type && b) {
+      const P = { groupId: null, groupName: null };
+      switch (u.binding.type) {
+        case ee.Form: {
+          b.changeField(u.binding.field, P);
           break;
         }
-        case z.Variable: {
-          d.modifyViewModelFieldById(p, l.binding.field, T, !0);
+        case ee.Variable: {
+          d.modifyViewModelFieldById(F, u.binding.field, P, !0);
           break;
         }
       }
     }
   }
-  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(F), d.fieldSchema && m.changeField(F.id, d.fieldSchema);
+  function N(t, n, u) {
+    const d = n.fields.find((c) => c.id === t), C = o == null ? void 0 : o.designViewModelUtils, F = C.getDgViewModel(n.id), b = F.fields.find((c) => c.id === t);
+    F.removeField([t]);
+    const g = C.getDgViewModel(u);
+    g.addField(b), d.fieldSchema && g.changeField(b.id, d.fieldSchema);
   }
-  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);
+  function A(t, n, u, d = []) {
+    const C = n.id, F = t.binding.field, b = n.fields.findIndex((c) => c.id === F);
+    if (b > -1 && (u.fields.push(n.fields[b]), n.fields.splice(b, 1)), C === "root-viewmodel" && u.id !== "root-viewmodel") {
+      t.binding.path && !t.binding.path.includes("root-component.") && (t.binding.path = "root-component." + t.binding.path);
       return;
     }
-    if (l.id === "root-viewmodel" && g !== "root-viewmodel" && e.binding.path && e.binding.path.includes("root-component.")) {
-      e.binding.path = e.binding.path.replace("root-component.", "");
+    if (u.id === "root-viewmodel" && C !== "root-viewmodel" && t.binding.path && t.binding.path.includes("root-component.")) {
+      t.binding.path = t.binding.path.replace("root-component.", "");
       return;
     }
-    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)));
+    const g = n.states.find((c) => c.id === F);
+    g && (u.states = u.states ? u.states : [], u.states.findIndex((c) => c.id === g.id) < 0 && (u.states.push(g), d.push(g.id)));
   }
-  function x(e, s, l, d = []) {
-    var F;
-    if (!e)
+  function $(t, n, u, d = []) {
+    var b;
+    if (!t)
       return;
-    const g = s.id === "root-viewmodel" && l.id !== "root-viewmodel", p = l.id === "root-viewmodel" && s.id !== "root-viewmodel";
-    Object.keys(e).forEach((m) => {
-      if (m === "binding")
+    const C = n.id === "root-viewmodel" && u.id !== "root-viewmodel", F = u.id === "root-viewmodel" && n.id !== "root-viewmodel";
+    Object.keys(t).forEach((g) => {
+      if (g === "binding")
         return;
-      const u = e[m];
-      if (u && typeof u == "object" && u.type === z.Variable && u.field) {
-        if (g) {
-          u.path && !u.path.includes("root-component.") && (u.path = "root-component." + u.path);
+      const c = t[g];
+      if (c && typeof c == "object" && c.type === ee.Variable && c.field) {
+        if (C) {
+          c.path && !c.path.includes("root-component.") && (c.path = "root-component." + c.path);
           return;
         }
-        if (p && u.path && u.path.includes("root-component.")) {
-          u.path = u.path.replace("root-component.", "");
+        if (F && c.path && c.path.includes("root-component.")) {
+          c.path = c.path.replace("root-component.", "");
           return;
         }
-        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;
+        const P = n.states.find((U) => U.id === c.field);
+        if (P) {
+          d.push(P.id), u.states = u.states ? u.states : [];
+          const U = u.states.find((S) => S.code === P.code);
+          if (U)
+            c.field = U.id;
           else {
-            const J = Object.assign({}, { newId: ae().guid() }, T);
-            l.states.push(J), u.field = J.newId;
+            const S = Object.assign({}, { newId: se().guid() }, P);
+            u.states.push(S), c.field = S.newId;
           }
         }
       }
-    }), (F = l.states) != null && F.length && l.states.map((m) => {
-      m.newId && (m.id = m.newId, delete m.newId);
+    }), (b = u.states) != null && b.length && u.states.map((g) => {
+      g.newId && (g.id = g.newId, delete g.newId);
     });
   }
-  function $(e, s, l) {
-    if (e && (s(e, l), e.contents))
-      for (const d of e.contents)
-        $(d, s, l);
+  function j(t, n, u) {
+    if (t && (n(t, u), t.contents))
+      for (const d of t.contents)
+        j(d, n, u);
   }
-  function _(e = [], s) {
-    if (!e.length)
+  function J(t = [], n) {
+    if (!t.length)
       return;
-    const l = a == null ? void 0 : a.formSchemaUtils, d = l.getComponentByViewModelId(s), g = [], p = (m, u) => {
-      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));
+    const u = o == null ? void 0 : o.formSchemaUtils, d = u.getComponentByViewModelId(n), C = [], F = (g, c) => {
+      g && (Object.keys(g).forEach((P) => {
+        const U = g[P];
+        U && typeof U == "object" && U.type === ee.Variable && t.includes(U.field) && !c.includes(U.field) && c.push(U.field);
+      }), g.editor && F(g.editor, c));
     };
-    $(d, p, g);
-    const F = l.getViewModelById(s);
-    e.forEach((m) => {
-      g.includes(m) || (F.states = F.states.filter((u) => u.id !== m));
+    j(d, F, C);
+    const b = u.getViewModelById(n);
+    t.forEach((g) => {
+      C.includes(g) || (b.states = b.states.filter((c) => c.id !== g));
     });
   }
-  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((F) => F.id === e.cmpId);
-    return p && p.refedHandlers.push({
-      host: s,
-      handler: e.handlerName
-    }), l;
-  }
-  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)
+  function K(t) {
+    const n = se().guid(), u = Object.assign({}, t, {
+      id: n,
+      code: t.code + n.slice(0, 4),
+      name: t.name + n.slice(0, 4)
+    }), F = (o == null ? void 0 : o.formSchemaUtils).getCommands().find((b) => b.id === t.cmpId);
+    return F && F.refedHandlers.push({
+      host: n,
+      handler: t.handlerName
+    }), u;
+  }
+  function L(t, n, u) {
+    var P, U, S;
+    const d = {}, C = t.type === "form-group" && t.editor ? t.editor.type : t.type, F = (P = pe[C]) == null ? void 0 : P.events;
+    if (!F)
       return;
-    Object.keys(e).forEach((Q) => {
-      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;
+    Object.keys(t).forEach((H) => {
+      const Q = Object.keys(F).find((_) => _ === H);
+      if (Q && t[Q]) {
+        const _ = n.commands.find((W) => W.code === t[Q]);
+        if (_) {
+          let W = d[_.code];
+          W || (W = K(_), d[_.code] = W, u.commands.push(W)), t[Q] = W.code;
         }
       }
     });
-    const m = (a == null ? void 0 : a.designViewModelUtils).getDgViewModel(l.id), u = ["valueChanging", "valueChanged"];
-    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)
+    const g = (o == null ? void 0 : o.designViewModelUtils).getDgViewModel(u.id), c = ["valueChanging", "valueChanged"];
+    if (((U = t.binding) == null ? void 0 : U.type) === ee.Form) {
+      const H = (S = u.fields) == null ? void 0 : S.find((Q) => Q.id === t.binding.field);
+      H && c.forEach((Q) => {
+        if (H[Q]) {
+          const _ = n.commands.find((W) => W.code === H[Q]);
+          if (!_)
             return;
-          if (d[G.code])
-            m.changeField(Q.id, { [W]: d[G.code].code });
+          if (d[_.code])
+            g.changeField(H.id, { [Q]: d[_.code].code });
           else {
-            const O = X(G);
-            d[G.code] = O, l.commands.push(O), m.changeField(Q.id, { [W]: O.code });
+            const W = K(_);
+            d[_.code] = W, u.commands.push(W), g.changeField(H.id, { [Q]: W.code });
           }
         }
       });
     }
   }
-  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, T = d.binding.field, k = [];
-      switch (u) {
-        case z.Form: {
-          A(T, p, m.id);
+  function k(t) {
+    const n = o == null ? void 0 : o.formSchemaUtils, u = t.componentInstance, d = u.value.schema, C = n.getViewModelIdByComponentId(u.value.belongedComponentId), F = n.getViewModelById(C), b = n.getComponentById(e.componentInstance.value.belongedComponentId), g = n.getViewModelById(b.viewModel);
+    if (C !== g.id) {
+      const c = d.binding.type, P = d.binding.field, U = [];
+      switch (c) {
+        case ee.Form: {
+          N(P, F, g.id);
           break;
         }
-        case z.Variable: {
-          j(d, p, m, k);
+        case ee.Variable: {
+          A(d, F, g, U);
           break;
         }
       }
-      x(d, p, m, k), x(d.editor, p, m, k), M(d, p, m), g !== "root-viewmodel" && _(k, g);
+      $(d, F, g, U), $(d.editor, F, g, U), L(d, F, g), C !== "root-viewmodel" && J(U, C);
     }
   }
-  function B(e) {
-    if (!e || !e.componentInstance)
+  function T(t) {
+    if (!t || !t.componentInstance)
       return;
-    const l = e.componentInstance.value.schema;
-    !l.binding || !l.binding.field || (w(e), V(e));
+    const u = t.componentInstance.value.schema;
+    !u.binding || !u.binding.field || (I(t), k(t));
   }
-  function R() {
-    return y.componentType ? "display:inherit;flex-direction:inherit;margin-bottom:10px" : "";
+  function q() {
+    return m.componentType ? "display:inherit;flex-direction:inherit;margin-bottom:10px" : "";
   }
-  function D(e) {
-    let s = "";
-    switch (e) {
+  function D(t) {
+    let n = "";
+    switch (t) {
       case 1: {
-        s = "col-12";
+        n = "col-12 col-md-12 col-xl-12 col-el-12";
         break;
       }
       case 2: {
-        s = "col-12 col-md-6 col-xl-6 col-el-6";
+        n = "col-12 col-md-6 col-xl-6 col-el-6";
         break;
       }
       case 3: {
-        s = "col-12 col-md-6 col-xl-4 col-el-4";
+        n = "col-12 col-md-6 col-xl-4 col-el-4";
         break;
       }
       case 4: {
-        s = "col-12 col-md-6 col-xl-3 col-el-2";
+        n = "col-12 col-md-6 col-xl-3 col-el-2";
         break;
       }
     }
-    return s;
+    return n;
   }
-  function Y(e) {
-    const s = t.componentInstance.value.getBelongedComponentInstance(t.componentInstance);
-    if (s && s.schema && s.schema.componentType) {
-      const { formColumns: l } = s.schema;
-      let d = D(l);
-      d = a == null ? void 0 : a.formSchemaUtils.getControlClassByFormUnifiedLayout(d, s.schema.id, t.schema), e.appearance || (e.appearance = {}), e.appearance.class = d;
+  function Y(t, n) {
+    let u = !1;
+    if (e.schema && Object.prototype.hasOwnProperty.call(e.schema, "labelAutoOverflow"))
+      u = e.schema.labelAutoOverflow;
+    else {
+      const d = o == null ? void 0 : o.formSchemaUtils, C = d == null ? void 0 : d.selectNode(n, (F) => F.type === ne["response-form"].type);
+      C && (u = C.labelAutoOverflow);
     }
+    return u && (t += " farris-group-multi-label"), t;
   }
-  function Z(e, s, l, d) {
-    const { bindingSourceContext: g, parentComponentInstance: p } = e;
-    if (g != null && g.entityFieldNode && p) {
-      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 M(t) {
+    const n = e.componentInstance.value.getBelongedComponentInstance(e.componentInstance);
+    if (n && n.schema && n.schema.componentType) {
+      const { formColumns: u } = n.schema;
+      let d = D(u);
+      d = o == null ? void 0 : o.formSchemaUtils.getControlClassByFormUnifiedLayout(d, n.schema.id, e.schema), d = Y(d, n.schema), t.appearance || (t.appearance = {}), t.appearance.class = d;
     }
   }
-  function te(e, s) {
-    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 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;
+  function X(t, n, u, d) {
+    const { bindingSourceContext: C, parentComponentInstance: F } = t;
+    if (C != null && C.entityFieldNode && F) {
+      const b = o == null ? void 0 : o.designViewModelUtils, c = (o == null ? void 0 : o.formSchemaUtils).getViewModelIdByComponentId(F.belongedComponentId), P = b.getDgViewModel(c);
+      P.removeField([C.entityFieldNode.id]), P.addField(C.designViewModelField), n && P.changeField(C.entityFieldNode.id, { editor: { $type: n }, groupId: u, groupName: d });
     }
-    return s;
   }
-  function ee() {
-    return c;
+  function R(t, n) {
+    var F, b, g;
+    const u = m;
+    if ((u.appearance && u.appearance.class || "").split(" ").includes("f-form-layout") && t.componentCategory === "input") {
+      const { label: c } = t;
+      let P;
+      const U = o == null ? void 0 : o.controlCreatorUtils;
+      return (F = t.bindingSourceContext) != null && F.entityFieldNode ? P = U.setFormFieldProperty((b = t.bindingSourceContext) == null ? void 0 : b.entityFieldNode, n == null ? void 0 : n.type) : (P = U.createFormGroupWithoutField(n == null ? void 0 : n.type), P.label = c), M(P), X(t, (g = P.editor) == null ? void 0 : g.type), P;
+    }
+    return n;
   }
-  function U() {
-    return b;
+  function Z() {
+    return r;
   }
-  function q() {
+  function z() {
+    return y;
+  }
+  function E() {
     return !1;
   }
-  function L(e) {
-    return new eo(e, a).getPropertyConfig(y, t.componentInstance.value);
+  function O(t) {
+    return new Oo(t, o).getPropertyConfig(m, e.componentInstance.value);
   }
   return {
-    canAccepts: P,
-    checkCanDeleteComponent: U,
-    checkCanMoveComponent: ee,
-    getStyles: R,
-    getPropsConfig: L,
-    hideNestedPaddingInDesginerView: q,
-    onAcceptMovedChildElement: B,
-    onResolveNewComponentSchema: te,
-    moveInputBetweenComponent: V,
-    resolveFormGroupAppearance: Y,
-    syncFieldToViewModel: Z
+    canAccepts: B,
+    checkCanDeleteComponent: z,
+    checkCanMoveComponent: Z,
+    getStyles: q,
+    getPropsConfig: O,
+    hideNestedPaddingInDesginerView: E,
+    onAcceptMovedChildElement: T,
+    onResolveNewComponentSchema: R,
+    moveInputBetweenComponent: k,
+    resolveFormGroupAppearance: M,
+    syncFieldToViewModel: X
   };
 }
-oe.install = (t) => {
-  t.component(oe.name, oe).component(le.name, le);
+re.install = (e) => {
+  e.component(re.name, re).component(ue.name, ue).component(ce.name, ce);
 };
 export {
-  le as FDynamicFormGroup,
-  Un as FDynamicFormInput,
-  Jt as FDynamicFormLabel,
-  oe as FResponseForm,
-  oe as default,
-  Xt as dynamicFormGroupProps,
-  St as dynamicFormInputProps,
-  Kt as responseFormProps,
-  Dn as useDesignerRules,
-  ue as useTypeResolver
+  Pr as FDynamicFormGroup,
+  ue as FDynamicFormInput,
+  ge as FDynamicFormLabel,
+  ce as FFormControl,
+  re as FResponseForm,
+  re as default,
+  Ce as dynamicFormGroupProps,
+  Do as dynamicFormInputProps,
+  Po as responseFormProps,
+  Ur as useDesignerRules,
+  ye as useTypeResolver
 };