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

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

@@ -1,92 +1,96 @@
-var Ve = Object.defineProperty;
-var Me = (e, t, n) => t in e ? Ve(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
-var ee = (e, t, n) => Me(e, typeof t != "symbol" ? t + "" : t, n);
-import { dynamicFormGroupProps as ge, FDynamicFormLabel as xe, responseFormProps as Be, dynamicFormInputProps as Pe, FDynamicFormGroup as Ee, FResponseForm as De, FDynamicFormInput as Ne } from "../../components/dynamic-form/index.esm.js";
-import { schemaMap as Se, propertyConfigSchemaMapForDesigner as $e, resolveAppearance as Le, createPropsResolver as oe, createFormGroupEditorResolver as Oe } from "../../components/dynamic-resolver/index.esm.js";
-import { defineComponent as te, ref as O, inject as Q, onMounted as re, computed as K, withDirectives as Re, createVNode as P, resolveDirective as Ue, mergeProps as ve, watch as Ae, createTextVNode as X } from "vue";
-import { DgControl as u, refreshCanvas as je, UseTemplateDragAndDropRules as qe, useDragulaCommonRule as Ge, useDesignerComponent as se } from "../../components/designer-canvas/index.esm.js";
-import { useGuid as ue, areaResponseDirective as Ze, useThirdComponent as be, useTextBoxDesign as We, FormSchemaEntityField$Type as pe, FormSchemaEntityFieldTypeName as de } from "../../components/common/index.esm.js";
-import { BaseControlProperty as ze, FormBindingType as Y, InputBaseProperty as Je } from "../../components/property-panel/index.esm.js";
-import { useResponseLayoutEditorSetting as _e } from "../response-layout-editor/index.esm.js";
-import "../../components/accordion/index.esm.js";
-import "../../components/avatar/index.esm.js";
-import "../button-edit/index.esm.js";
-import "../../components/button-group/index.esm.js";
-import "../../components/calendar/index.esm.js";
-import "../capsule/index.esm.js";
-import "../checkbox/index.esm.js";
-import "../checkbox-group/index.esm.js";
-import "../../components/color-picker/index.esm.js";
-import ne from "../../components/combo-list/index.esm.js";
-import "../../components/content-container/index.esm.js";
-import "../data-grid/index.esm.js";
-import "../date-picker/index.esm.js";
-import "../../components/dropdown/index.esm.js";
-import "../dynamic-form/index.esm.js";
-import "../../components/external-container/index.esm.js";
-import "../../components/filter-bar/index.esm.js";
-import "../../components/image-cropper/index.esm.js";
-import "../input-group/index.esm.js";
-import "../../components/layout/index.esm.js";
-import "../../components/list-nav/index.esm.js";
-import "../list-view/index.esm.js";
-import "../../components/lookup/index.esm.js";
-import "../../components/language-textbox/index.esm.js";
+var De = Object.defineProperty;
+var Ne = (t, e, o) => e in t ? De(t, e, { enumerable: !0, configurable: !0, writable: !0, value: o }) : t[e] = o;
+var se = (t, e, o) => Ne(t, typeof e != "symbol" ? e + "" : e, o);
+import { dynamicFormGroupProps as Ve, FDynamicFormLabel as Ue, responseFormProps as $e, dynamicFormInputProps as Ae, FResponseForm as Re, FDynamicFormInput as qe } from "../../components/dynamic-form/index.esm.js";
+import { schemaResolverMap as Se, propertyEffectMap as Ge, propertyConfigSchemaMap as je, schemaMap as Te, createPropsResolver as le, propertyConfigSchemaMapForDesigner as Oe, resolveAppearance as Ze, createFormGroupEditorResolver as We } from "../../components/dynamic-resolver/index.esm.js";
+import { defineComponent as _, ref as B, watch as ae, computed as j, createVNode as b, createTextVNode as X, mergeProps as me, inject as Q, onMounted as ce, withDirectives as Je, resolveDirective as ze } from "vue";
+import Xe from "../accordion/index.esm.js";
+import Ke from "../avatar/index.esm.js";
+import Qe from "../button-edit/index.esm.js";
+import _e from "../button-group/index.esm.js";
+import Ye from "../../components/calendar/index.esm.js";
+import He from "../capsule/index.esm.js";
+import he from "../checkbox/index.esm.js";
+import Ce from "../checkbox-group/index.esm.js";
+import et from "../combo-list/index.esm.js";
+import tt from "../combo-tree/index.esm.js";
+import ot from "../component/index.esm.js";
+import nt from "../color-picker/index.esm.js";
+import rt from "../../components/content-container/index.esm.js";
+import it from "../date-picker/index.esm.js";
+import at from "../data-grid/index.esm.js";
+import st from "../dropdown/index.esm.js";
+import lt from "../dynamic-form/index.esm.js";
+import ut from "../../components/events-editor/index.esm.js";
+import ct from "../../components/filter-bar/index.esm.js";
+import pt from "../../components/field-selector/index.esm.js";
+import dt from "../binding-selector/index.esm.js";
+import mt from "../image-cropper/index.esm.js";
+import ft from "../input-group/index.esm.js";
+import yt from "../../components/layout/index.esm.js";
+import gt from "../../components/list-nav/index.esm.js";
+import ht from "../list-view/index.esm.js";
+import Ct from "../../components/lookup/index.esm.js";
+import vt from "../../components/mapping-editor/index.esm.js";
+import Ft from "../nav/index.esm.js";
+import bt from "../number-range/index.esm.js";
+import wt from "../number-spinner/index.esm.js";
+import It from "../order/index.esm.js";
+import Vt from "../../components/page-header/index.esm.js";
+import Tt from "../page-footer/index.esm.js";
+import kt from "../pagination/index.esm.js";
+import Mt from "../progress/index.esm.js";
+import Bt from "../../components/query-solution/index.esm.js";
+import xt from "../radio-group/index.esm.js";
+import Et from "../rate/index.esm.js";
+import Pt from "../response-toolbar/index.esm.js";
+import Lt from "../../components/response-layout/index.esm.js";
+import Dt, { useResponseLayoutEditorSetting as Nt } from "../response-layout-editor/index.esm.js";
+import Ut from "../search-box/index.esm.js";
+import $t from "../section/index.esm.js";
+import At from "../smoke-detector/index.esm.js";
+import Rt from "../splitter/index.esm.js";
+import qt from "../step/index.esm.js";
+import St from "../switch/index.esm.js";
+import Gt from "../tabs/index.esm.js";
+import jt from "../tags/index.esm.js";
+import Ot from "../text/index.esm.js";
+import Zt from "../time-picker/index.esm.js";
+import Wt from "../transfer/index.esm.js";
+import Jt from "../tree-view/index.esm.js";
+import zt from "../uploader/index.esm.js";
+import Xt from "../verify-detail/index.esm.js";
+import Kt from "../video/index.esm.js";
+import Qt from "../textarea/index.esm.js";
+import _t from "../../components/schema-selector/index.esm.js";
+import Yt from "../tree-grid/index.esm.js";
+import Ht from "../../components/event-parameter/index.esm.js";
+import eo from "../filter-condition-editor/index.esm.js";
+import to from "../../components/fieldset/index.esm.js";
+import oo from "../sort-condition-editor/index.esm.js";
+import no from "../menu-lookup/index.esm.js";
+import ro from "../drawer/index.esm.js";
+import io from "../json-editor/index.esm.js";
+import ao from "../../components/property-editor/index.esm.js";
+import so from "../expression-editor/index.esm.js";
+import lo from "../code-editor/index.esm.js";
+import uo from "../html-template/index.esm.js";
+import co from "../../components/collection-property-editor/index.esm.js";
+import po from "../modal/index.esm.js";
+import mo from "../../components/external-container/index.esm.js";
+import fo from "../../components/language-textbox/index.esm.js";
+import yo from "../../components/image/index.esm.js";
+import go from "../../components/comment/index.esm.js";
+import { useThirdComponent as ke, isMobilePhone as ho, useGuid as ve, areaResponseDirective as Co, useTextBoxDesign as vo, FormSchemaEntityField$Type as Fe, FormSchemaEntityFieldTypeName as be } from "../../components/common/index.esm.js";
+import { DgControl as a, refreshCanvas as Fo, UseTemplateDragAndDropRules as bo, useDragulaCommonRule as wo, useDesignerComponent as fe } from "../../components/designer-canvas/index.esm.js";
+import { BaseControlProperty as Io, FormBindingType as oe, InputBaseProperty as Vo } from "../../components/property-panel/index.esm.js";
 import "../../components/nav/index.esm.js";
-import "../number-spinner/index.esm.js";
-import "../../components/number-range/index.esm.js";
-import "../../components/order/index.esm.js";
-import "../../components/page-header/index.esm.js";
-import "../../components/page-footer/index.esm.js";
-import "../../components/pagination/index.esm.js";
-import "../../components/progress/index.esm.js";
-import "../../components/query-solution/index.esm.js";
-import "../radio-group/index.esm.js";
-import "../rate/index.esm.js";
-import "../response-toolbar/index.esm.js";
-import "../../components/response-layout/index.esm.js";
-import "../../components/search-box/index.esm.js";
-import "../section/index.esm.js";
-import "../../components/smoke-detector/index.esm.js";
-import "../../components/splitter/index.esm.js";
 import "../../components/step/index.esm.js";
-import "../switch/index.esm.js";
-import "../tabs/index.esm.js";
-import "../tags/index.esm.js";
-import "../../components/text/index.esm.js";
-import "../time-picker/index.esm.js";
-import "../../components/transfer/index.esm.js";
-import "../../components/tree-view/index.esm.js";
-import "../../components/uploader/index.esm.js";
-import "../../components/verify-detail/index.esm.js";
-import "../../components/component/index.esm.js";
-import "../../components/video/index.esm.js";
-import "../textarea/index.esm.js";
-import "../tree-grid/index.esm.js";
-import "../../components/fieldset/index.esm.js";
-import "../drawer/index.esm.js";
 import "../../components/html-template/index.esm.js";
-import "../../components/image/index.esm.js";
-import "../../components/comment/index.esm.js";
-import { isPlainObject as me, cloneDeep as ie } from "lodash-es";
-import "../../components/combo-tree/index.esm.js";
-import "../../components/events-editor/index.esm.js";
-import "../../components/field-selector/index.esm.js";
-import "../../components/binding-selector/index.esm.js";
-import "../../components/mapping-editor/index.esm.js";
-import "../../components/schema-selector/index.esm.js";
-import "../../components/event-parameter/index.esm.js";
-import "../../components/filter-condition-editor/index.esm.js";
-import "../../components/sort-condition-editor/index.esm.js";
-import "../../components/menu-lookup/index.esm.js";
-import "../../components/json-editor/index.esm.js";
-import "../../components/property-editor/index.esm.js";
-import "../../components/expression-editor/index.esm.js";
-import "../../components/code-editor/index.esm.js";
-import "../../components/collection-property-editor/index.esm.js";
-import "../modal/index.esm.js";
-import { FMessageBoxService as Xe } from "../../components/message-box/index.esm.js";
-const he = {
+import { cloneDeep as To } from "lodash-es";
+import ue from "../../components/combo-list/index.esm.js";
+import { FMessageBoxService as ko } from "../../components/message-box/index.esm.js";
+const ye = {
   id: { type: String, default: "" },
   customClass: { type: String, default: "" },
   customStyle: { type: String, default: "" },
@@ -107,400 +111,711 @@ const he = {
   componentId: { type: String, default: "" },
   errors: { type: Object, default: null },
   fill: { type: Boolean, default: !1 }
-};
-function Qe(e, t) {
-  function n(C, l = null) {
-    if (l)
-      return l;
-    const f = e.getComponentById(t);
-    return e.selectNode(f, (r) => r.id === C);
-  }
-  function o(C) {
-    const l = e.getComponentById(C);
-    return !(!l || !l.componentType || !l.componentType.startsWith("form"));
-  }
-  function i(C) {
-    const l = new Set(C);
-    return Array.from(l).length === 1;
-  }
-  function d(C) {
-    const l = n(C.id), f = _e(e), r = [];
-    f.getResonseFormLayoutConfig(l, r, 1);
-    const c = r.map((N) => N.columnInSM), g = r.map((N) => N.columnInMD), s = r.map((N) => N.columnInLG), p = r.map((N) => N.columnInEL), v = i(c) ? c[0] : 0, b = i(g) ? g[0] : 0, h = i(s) ? s[0] : 0, D = i(p) ? p[0] : 0;
+}, Mo = {
+  id: { type: String },
+  required: { type: Boolean, default: !1 },
+  text: { type: String, default: "" },
+  title: { type: String },
+  valid: { type: Boolean, default: !0 },
+  inValidTip: { type: String, default: "" },
+  /**
+   * 实际支持 'visible'可见 | 'reserve-space' 占位不显示
+   */
+  showType: { type: String, default: "visible" }
+}, Bo = /* @__PURE__ */ _({
+  name: "FDynamicFormLabel",
+  props: Mo,
+  emits: [],
+  setup(t, e) {
+    B(t.title || t.text);
+    const o = B(t.required), i = B(t.text), n = B(t.valid), l = B(t.inValidTip);
+    ae(() => t.text, () => {
+      i.value = t.text;
+    }), ae(() => t.required, (F, m) => {
+      F !== m && (o.value = F);
+    }), ae([() => t.valid, () => t.inValidTip], ([F, m]) => {
+      n.value = F, l.value = m;
+    });
+    const p = j(() => n.value ? i.value : l.value), C = j(() => n.value ? "" : "color:red"), g = j(() => ({
+      "col-form-label": !0,
+      // 指定必填，当显示模式是隐藏或者没有指定标签名时，宽度不限定
+      "f-width-auto": o.value && (t.showType === "none" || !i.value)
+    })), y = j(() => t.showType === "force-none" ? !1 : t.showType === "reserve-space" || o.value || !!i.value && t.showType !== "none");
+    return () => y.value && b("label", {
+      class: g.value,
+      title: p.value,
+      style: C.value
+    }, [!n.value && b("span", {
+      class: "f-icon f-icon-warning mr-1",
+      style: "color: red; min-width: 16px;",
+      title: l.value
+    }, null), b("span", {
+      class: "farris-label-text"
+    }, [o.value && b("span", {
+      class: "farris-label-info text-danger"
+    }, [X("*")]), t.showType === "visible" && i.value])]);
+  }
+}), { globalStorageKey: xo } = ke(), u = {}, c = {}, d = {}, f = {};
+async function Eo() {
+  {
+    const t = {
+      schemaMap: Te,
+      propertyConfigSchemaMap: je,
+      propertyEffectMap: Ge,
+      schemaResolverMap: Se
+    };
+    Ke.register(u, c, d, f), Xe.register(u, c, d, f), Qe.register(u, c, d, f), _e.register(u, c, d, f), Ye.register(u, c, d, f, t), He.register(u, c, d, f), he.register(u, c, d, f, t), Ce.register(u, c, d, f, t), he.register(u, c, d, f, t), Ce.register(u, c, d, f, t), et.register(u, c, d, f, t), tt.register(u, c, d, f), ot.register(u, c, d, f), rt.register(u, c, d, f, t), nt.register(u, c, d, f), it.register(u, c, d, f, t), at.register(u, c, d, f, t), st.register(u, c, d, f), lt.register(u, c, d, f, t), ut.register(u, c, d, f), so.register(u, c, d, f), ct.register(u, c, d, f), pt.register(u, c, d, f), eo.register(u, c, d, f), mt.register(u, c, d, f), ft.register(u, c, d, f, t), yt.register(u, c, d, f, t), ht.register(u, c, d, f, t), gt.register(u, c, d, f), Ct.register(u, c, d, f, t), vt.register(u, c, d, f), Ft.register(u, c, d, f), bt.register(u, c, d, f), wt.register(u, c, d, f, t), It.register(u, c, d, f), Vt.register(u, c, d, f, t), Tt.register(u, c, d, f), kt.register(u, c, d, f), Mt.register(u, c, d, f), Bt.register(u, c, d, f, t), xt.register(u, c, d, f, t), Et.register(u, c, d, f), Lt.register(u, c, d, f, t), Dt.register(u, c, d, f), Pt.register(u, c, d, f), _t.register(u, c, d), Ut.register(u, c, d, f), $t.register(u, c, d, f, t), At.register(u, c, d, f), Rt.register(u, c, d, f), qt.register(u, c, d, f), St.register(u, c, d, f, t), oo.register(u, c, d, f), Gt.register(u, c, d, f, t), jt.register(u, c, d, f), Ot.register(u, c, d, f), Zt.register(u, c, d, f, t), Wt.register(u, c, d, f), Jt.register(u, c, d, f), Xt.register(u, c, d, f), zt.register(u, c, d, f), Kt.register(u, c, d, f), Qt.register(u, c, d, f, t), Yt.register(u, c, d, f), dt.register(u, c, d, f), Ht.register(u, c, d, f), to.register(u, c, d, f, t), no.register(u, c, d, f), ro.register(u, c, d, f), io.register(u, c, d, f), ao.register(u, c, d, f), lo.register(u, c, d, f), uo.register(u, c, d, f, t), co.register(u, c, d, f), po.register(u, c, d, f), mo.register(u, c, d, f), fo.register(u, c, d, f, t), yo.register(u, c, d, f, t), go.register(u, c, d, f);
+    const e = window[xo];
+    if (e)
+      for (const o in e)
+        e[o].createPropsResolver = le, e[o].register(u, c, d);
+  }
+}
+function Po() {
+  Eo();
+  function t(p) {
+    const C = u[p];
+    if (!C)
+      throw new Error(`Could not find the editor of type '${p}'`);
+    return C;
+  }
+  function e(p, C) {
+    const g = c[p];
+    return g ? g(C) : {};
+  }
+  function o(p) {
+    switch (p) {
+      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":
+        return "onDatePicked";
+      case "date-picker":
+        return "onUpdate:modelValue";
+      case "time-picker":
+        return "onValueChange";
+      case "input-group":
+        return "onChange";
+      case "lookup":
+      case "sort-condition-editor":
+      case "filter-condition-editor":
+      case "code-editor":
+      case "language-textbox":
+      case "rich-text-editor":
+        return "onUpdate:modelValue";
+      case "number-range":
+        return "onValueChange";
+      case "number-spinner":
+        return "onValueChange";
+      case "radio-group":
+        return "onChangeValue";
+      case "text":
+        return "";
+      case "events-editor":
+        return "onSavedCommandListChanged";
+      case "grid-field-editor":
+      case "item-collection-editor":
+      case "response-form-layout-setting":
+      case "response-layout-editor-setting":
+      case "response-layout-splitter":
+      case "menu-lookup":
+      case "json-editor":
+        return "onChange";
+      case "field-selector":
+      case "binding-selector":
+        return "onFieldSelected";
+      case "schema-selector":
+        return "onSchemaSelected";
+      case "mapping-editor":
+        return "onMappingFieldsChanged";
+      case "textarea":
+        return "onChange";
+      case "query-solution-config":
+      case "solution-preset":
+      case "filter-bar-config":
+        return "onFieldsChanged";
+      case "property-editor":
+        return "onValueChange";
+      case "expression-editor":
+        return "onExpressionChanged";
+      case "collection-property-editor":
+        return "onValueChange";
+      default:
+        return "onUpdate:modelValue";
+    }
+  }
+  function i(p) {
+    switch (p) {
+      case "combo-list":
+      case "input-group":
+      case "textarea":
+        return "onClear";
+    }
+  }
+  function n(p) {
+    switch (p) {
+      case "input-group":
+      case "textarea":
+        return "onMousedownEvent";
+    }
+  }
+  function l(p) {
+    switch (p) {
+      case "input-group":
+      case "textarea":
+        return "onMouseupEvent";
+    }
+  }
+  return { resolveEditorProps: e, resolveEditorType: t, getChangeFunctionName: o, getClearFunctionName: i, getMousedownFunctionName: n, getMouseupFunctionName: l };
+}
+const Lo = {
+  /**
+   * 显示的错误信息
+   */
+  errors: {
+    type: Object,
+    default: null
+  }
+}, Do = /* @__PURE__ */ _({
+  name: "FValidationMessage",
+  props: Lo,
+  emits: [],
+  setup(t, e) {
+    const o = B(t.errors);
+    ae(() => t.errors, (l) => {
+      o.value = l;
+    });
+    const i = B(!0), n = j(() => {
+      if (o.value) {
+        const l = Object.keys(o.value).map((p) => {
+          var C;
+          return (C = o.value[p]) == null ? void 0 : C.name;
+        });
+        return l.length ? l.join(" ") : "";
+      }
+      return "";
+    });
+    return () => n.value && b("div", {
+      class: "farris-feedback f-state-invalid",
+      onClick: () => i.value = !i.value
+    }, [!i.value && b("span", {
+      class: "f-icon f-icon-message_warning f-feedback-icon"
+    }, null), i.value && b("span", {
+      class: "f-feedback-message"
+    }, [n.value])]);
+  }
+}), No = /* @__PURE__ */ _({
+  name: "FDynamicFormGroup",
+  props: ye,
+  emits: ["change", "update:modelValue"],
+  setup(t, e) {
+    var re;
+    const o = B(t.id), i = B(t.customClass), n = B(t.editor), l = B(t.label), p = B(t.modelValue), C = B(t.readonly), g = B(((re = t.editor) == null ? void 0 : re.required) || t.required), y = B(t.showLabel), F = B(t.visible);
+    B(t.type);
+    const m = B(), w = B(t.errors), E = ho(), L = B(t.editor.type || "input-group"), $ = j(() => y.value ? t.showLabelType : "none"), {
+      resolveEditorProps: R,
+      resolveEditorType: P,
+      getChangeFunctionName: M,
+      getClearFunctionName: q
+    } = Po(), A = j(() => {
+      const D = {
+        "form-group": !0,
+        "farris-form-group": !0,
+        "common-group": !0,
+        "q-state-readonly": C.value,
+        "form-group--in-mobile": E
+      };
+      return D["form-group--has-" + L.value] = !0, D;
+    }), O = j(() => {
+      if (t.fill)
+        return {
+          maxWidth: "none"
+        };
+    });
+    function S(D, G, r) {
+      p.value = G !== void 0 ? G : D, e.emit("update:modelValue", p.value), e.emit("change", p.value, {
+        newValue: D,
+        newModelValue: G,
+        parameters: r
+      });
+    }
+    function ne() {
+      e.emit("update:modelValue", "");
+    }
+    function W(D) {
+      return (...G) => {
+        ne(), typeof D == "function" && D(...G);
+      };
+    }
+    function K(D) {
+      return (G, r, s) => {
+        S(G, r, s), typeof D == "function" && D(G, r, s);
+      };
+    }
+    const Y = j(() => {
+      const D = n.value.type || "input-group", G = P(D), r = R(D, n.value), s = M(D), h = q(n.value.type);
+      return h && (r[h] = W(r[h])), s && (r[s] = K(r[s])), (r.id == null || r.id === "") && (r.id = o.value), D === "number-range" && n.value.onBeginValueChange && typeof n.value.onBeginValueChange == "function" ? (n.value.onBeginValueChange && typeof n.value.onBeginValueChange == "function" && (r.onBeginValueChange = n.value.onBeginValueChange), n.value.onEndValueChange && typeof n.value.onEndValueChange == "function" && (r.onEndValueChange = n.value.onEndValueChange)) : D === "lookup" && n.value["onUpdate:idValue"] && typeof n.value["onUpdate:idValue"] == "function" ? (r["onUpdate:idValue"] = n.value["onUpdate:idValue"], r.id = o.value) : D === "collection-property-editor" && n.value.onSelectionChange && typeof n.value.onSelectionChange == "function" ? r.onSelectionChange = n.value.onSelectionChange : D === "property-editor" && (r.onBeforeOpenVariables = n.value.onBeforeOpenVariables), () => b(G, me({
+        ref: m
+      }, r, {
+        modelValue: p.value,
+        "onUpdate:modelValue": (I) => p.value = I
+      }), e.slots);
+    });
+    function H() {
+      return b(Do, {
+        id: `${o.value}-validation-message`,
+        errors: w.value
+      }, null);
+    }
+    return ae([() => t.id, () => t.customClass, () => t.editor, () => t.label, () => t.modelValue, () => t.readonly, () => t.required, () => t.showLabel, () => t.visible, () => t.errors], ([D, G, r, s, h, I, T, k, x, V]) => {
+      var v;
+      o.value = D, i.value = G, n.value = r, l.value = s, p.value = h, C.value = I, g.value = ((v = n.value) == null ? void 0 : v.required) || T, y.value = k, F.value = x, w.value = V;
+    }), e.expose({
+      editorRef: m
+    }), () => F.value && b("div", {
+      id: `${o.value}-form-group`,
+      class: i.value,
+      style: t.customStyle
+    }, [b("div", {
+      class: "farris-group-wrap",
+      style: O.value
+    }, [b("div", {
+      class: A.value
+    }, [b(Bo, {
+      id: `${o.value}-lable`,
+      showType: $.value,
+      required: g.value,
+      text: l.value,
+      title: l.value
+    }, null), b("div", {
+      class: "farris-input-wrap"
+    }, [Y.value(), H()])])])]);
+  }
+});
+function Uo(t, e) {
+  function o(g, y = null) {
+    if (y)
+      return y;
+    const F = t.getComponentById(e);
+    return t.selectNode(F, (m) => m.id === g);
+  }
+  function i(g) {
+    const y = t.getComponentById(g);
+    return !(!y || !y.componentType || !y.componentType.startsWith("form"));
+  }
+  function n(g) {
+    const y = new Set(g);
+    return Array.from(y).length === 1;
+  }
+  function l(g) {
+    const y = o(g.id), F = Nt(t), m = [];
+    F.getResonseFormLayoutConfig(y, m, 1);
+    const w = m.map((A) => A.columnInSM), E = m.map((A) => A.columnInMD), L = m.map((A) => A.columnInLG), $ = m.map((A) => A.columnInEL), R = n(w) ? w[0] : 0, P = n(E) ? E[0] : 0, M = n(L) ? L[0] : 0, q = n($) ? $[0] : 0;
     return {
-      uniqueColClassInSM: v,
-      uniqueColClassInMD: b,
-      uniqueColClassInLG: h,
-      uniqueColClassInEL: D
+      uniqueColClassInSM: R,
+      uniqueColClassInMD: P,
+      uniqueColClassInLG: M,
+      uniqueColClassInEL: q
     };
   }
-  function y(C, l) {
-    let f, r, c, g, s = [];
-    if (C) {
-      const N = C.split(" "), L = N.filter((x) => x.startsWith("col-"));
-      f = L.find((x) => /^col-([1-9]|10|11|12)$/.test(x)), r = L.find((x) => /^col-md-([1-9]|10|11|12)$/.test(x)), c = L.find((x) => /^col-xl-([1-9]|10|11|12)$/.test(x)), g = L.find((x) => /^col-el-([1-9]|10|11|12)$/.test(x)), s = N.filter((x) => !x.startsWith("col-"));
+  function p(g, y) {
+    let F, m, w, E, L = [];
+    if (g) {
+      const A = g.split(" "), O = A.filter((S) => S.startsWith("col-"));
+      F = O.find((S) => /^col-([1-9]|10|11|12)$/.test(S)), m = O.find((S) => /^col-md-([1-9]|10|11|12)$/.test(S)), w = O.find((S) => /^col-xl-([1-9]|10|11|12)$/.test(S)), E = O.find((S) => /^col-el-([1-9]|10|11|12)$/.test(S)), L = A.filter((S) => !S.startsWith("col-"));
     }
-    const p = l.uniqueColClassInSM ? "col-" + l.uniqueColClassInSM : f, v = l.uniqueColClassInMD ? "col-md-" + l.uniqueColClassInMD : r, b = l.uniqueColClassInLG ? "col-xl-" + l.uniqueColClassInLG : c, h = l.uniqueColClassInEL ? "col-el-" + l.uniqueColClassInEL : g;
-    return [p, v, b, h].concat(s).join(" ");
+    const $ = y.uniqueColClassInSM ? "col-" + y.uniqueColClassInSM : F, R = y.uniqueColClassInMD ? "col-md-" + y.uniqueColClassInMD : m, P = y.uniqueColClassInLG ? "col-xl-" + y.uniqueColClassInLG : w, M = y.uniqueColClassInEL ? "col-el-" + y.uniqueColClassInEL : E;
+    return [$, R, P, M].concat(L).join(" ");
   }
-  function w(C, l, f) {
-    C = n(f, C), C.contents.forEach((r) => {
-      if (r.type === u.fieldset.type) {
-        w(r, l, r.id);
+  function C(g, y, F) {
+    g = o(F, g), g.contents.forEach((m) => {
+      if (m.type === a.fieldset.type) {
+        C(m, y, m.id);
         return;
       }
-      r.appearance || (r.appearance = {});
-      const c = r.appearance.class;
-      r.appearance.class = y(c, l);
+      m.appearance || (m.appearance = {});
+      const w = m.appearance.class;
+      m.appearance.class = p(w, y);
     });
   }
-  return { checkIsInFormComponent: o, assembleUnifiedLayoutContext: d, changeFormControlsByUnifiedLayoutConfig: w };
+  return { checkIsInFormComponent: i, assembleUnifiedLayoutContext: l, changeFormControlsByUnifiedLayoutConfig: C };
 }
-class Ye extends ze {
-  constructor(t, n) {
-    super(t, n);
-  }
-  getPropertyConfig(t, n) {
-    const o = this;
-    this.propertyConfig.categories.basic = this.getBasicPropConfig(t);
-    const { checkIsInFormComponent: i, assembleUnifiedLayoutContext: d, changeFormControlsByUnifiedLayoutConfig: y } = Qe(this.formSchemaUtils, this.componentId), w = this.getAppearanceConfig(t), C = i(this.componentId);
-    return w.properties.adaptForLanguage = {
+class $o extends Io {
+  constructor(e, o) {
+    super(e, o);
+  }
+  getPropertyConfig(e, o) {
+    const i = this;
+    this.propertyConfig.categories.basic = this.getBasicPropConfig(e);
+    const { checkIsInFormComponent: n, assembleUnifiedLayoutContext: l, changeFormControlsByUnifiedLayoutConfig: p } = Uo(this.formSchemaUtils, this.componentId), C = this.getAppearanceConfig(e), g = n(this.componentId);
+    return C.properties.adaptForLanguage = {
       title: "控件布局响应国际化",
       description: "启用国际化后：简体中文、繁体中文环境下控件标签与输入框在一行展示，其他语言环境下控件标签与输入框上下排列。",
-      visible: C,
+      visible: g,
       type: "boolean"
-    }, w.properties.labelAutoOverflow = {
+    }, C.properties.labelAutoOverflow = {
       title: "控件标签换行",
       description: "控件标签字数超长时，换行显示。控件标签与输入框在一行展示时，此属性有效。",
-      visible: C,
+      visible: g,
       type: "boolean"
-    }, w.properties.unifiedLayout = {
+    }, C.properties.unifiedLayout = {
       title: "统一布局配置",
       description: "统一配置卡片区域内所有控件的宽度，只支持标准模式",
-      visible: C,
+      visible: g,
       refreshPanelAfterChanged: !0,
       editor: {
         type: "response-form-layout-setting",
-        initialState: d(t)
+        initialState: l(e)
       }
-    }, w.setPropertyRelates = function(l, f) {
-      if (l)
-        switch (l && l.propertyID) {
+    }, C.setPropertyRelates = function(y, F) {
+      if (y)
+        switch (y && y.propertyID) {
           case "unifiedLayout": {
-            y(null, l.propertyValue, t.id), o.updateElementByParentContainer(t.id, n);
+            p(null, y.propertyValue, e.id), i.updateElementByParentContainer(e.id, o);
             break;
           }
           case "labelAutoOverflow": {
-            o.setLabelAutoOverflow(t, l.propertyValue);
+            i.setLabelAutoOverflow(e, y.propertyValue), Fo();
             break;
           }
         }
-    }, this.propertyConfig.categories.appearance = w, this.propertyConfig.categories.behavior = this.getBehaviorConfig(t), this.propertyConfig;
+    }, this.propertyConfig.categories.appearance = C, this.propertyConfig.categories.behavior = this.getBehaviorConfig(e), this.propertyConfig;
   }
-  setLabelAutoOverflow(t, n) {
-    const o = this.formSchemaUtils.getComponentById(this.componentId), i = this.formSchemaUtils.selectNode(o, (d) => d.id === t.id);
-    i && i.contents && i.contents.length && (i.contents.forEach((d) => {
-      d.appearance || (d.appearance = {
+  setLabelAutoOverflow(e, o, i) {
+    if (!i) {
+      const n = this.formSchemaUtils.getComponentById(this.componentId);
+      i = this.formSchemaUtils.selectNode(n, (l) => l.id === e.id);
+    }
+    i && i.contents && i.contents.length && i.contents.forEach((n) => {
+      if (n.type === a.fieldset.type) {
+        this.setLabelAutoOverflow(null, o, n);
+        return;
+      }
+      n.appearance || (n.appearance = {
         class: ""
-      }), d.appearance.class || (d.appearance.class = ""), n ? d.appearance.class.includes("farris-group-multi-label") || (d.appearance.class = d.appearance.class + " farris-group-multi-label") : d.appearance.class = d.appearance.class.replace("farris-group-multi-label", "").trim();
-    }), je());
+      }), n.appearance.class || (n.appearance.class = ""), o ? n.appearance.class.includes("farris-group-multi-label") || (n.appearance.class = n.appearance.class + " farris-group-multi-label") : n.appearance.class = n.appearance.class.replace("farris-group-multi-label", "").trim();
+    });
   }
 }
-function Ke(e, t) {
-  const n = e.schema, o = new qe(), { canMove: i, canAccept: d, canDelete: y } = o.getTemplateRule(e, t);
-  function w(a, m) {
-    const { sourceElement: F } = a, { componentInstance: M } = F, B = t == null ? void 0 : t.formSchemaUtils;
-    if (!B)
+function Ao(t, e) {
+  const o = t.schema, i = new bo(), { canMove: n, canAccept: l, canDelete: p } = i.getTemplateRule(t, e);
+  function C(r, s) {
+    const { sourceElement: h } = r, { componentInstance: I } = h, T = e == null ? void 0 : e.formSchemaUtils;
+    if (!T)
       return !0;
-    const k = B.getComponentById(M.value.belongedComponentId), E = B.getViewModelById(k.viewModel), V = B.getComponentById(e.componentInstance.value.belongedComponentId), T = B.getViewModelById(V.viewModel);
-    return m ? E != null && E.id && (T != null && T.id) && E.id !== T.id ? E.bindTo === T.bindTo : !0 : (E == null ? void 0 : E.id) === (T == null ? void 0 : T.id);
+    const k = T.getComponentById(I.value.belongedComponentId), x = T.getViewModelById(k.viewModel), V = T.getComponentById(t.componentInstance.value.belongedComponentId), v = T.getViewModelById(V.viewModel);
+    return s ? x != null && x.id && (v != null && v.id) && x.id !== v.id ? x.bindTo === v.bindTo : !0 : (x == null ? void 0 : x.id) === (v == null ? void 0 : v.id);
   }
-  function C(a) {
-    const { bindingTargetId: m } = a;
-    if (!t)
+  function g(r) {
+    const { bindingTargetId: s } = r;
+    if (!e)
       return;
-    const { formSchemaUtils: F, schemaService: M } = t, B = F.getComponentById(e.componentInstance.value.belongedComponentId), k = M.getFieldByIDAndVMID(m, B.viewModel);
+    const { formSchemaUtils: h, schemaService: I } = e, T = h.getComponentById(t.componentInstance.value.belongedComponentId), k = I.getFieldByIDAndVMID(s, T.viewModel);
     return !!(k != null && k.schemaField);
   }
-  function l(a) {
-    const m = o.getComponentContext(e);
-    if (m && m.componentClassList && m.componentClassList.includes("f-form-layout") && m.componentClassList.includes("farris-form")) {
-      if (a.sourceType === "control" && (a.componentCategory === "input" || a.componentType === "fieldset"))
+  function y(r) {
+    const s = i.getComponentContext(t);
+    if (s && s.componentClassList && s.componentClassList.includes("f-form-layout") && s.componentClassList.includes("farris-form")) {
+      if (r.sourceType === "control" && (r.componentCategory === "input" || r.componentType === "fieldset"))
         return !0;
-      if (a.sourceType === "move") {
-        if (a.componentType === "form-group")
-          return w(a, !0);
-        if (a.componentType === "fieldset")
-          return w(a, !1);
+      if (r.sourceType === "move") {
+        if (r.componentType === "form-group")
+          return C(r, !0);
+        if (r.componentType === "fieldset")
+          return C(r, !1);
       }
-      return a.sourceType === "field" && a.componentCategory === "input" ? C(a) : !1;
+      return r.sourceType === "field" && r.componentCategory === "input" ? g(r) : !1;
     }
     return !0;
   }
-  function f(a) {
-    return !(!Ge().basalDragulaRuleForContainer(a, t) || !d || !l(a));
-  }
-  function r(a) {
-    var T;
-    const m = a.componentInstance, F = m.value.schema, M = t == null ? void 0 : t.formSchemaUtils, B = t == null ? void 0 : t.designViewModelUtils, k = M.getViewModelIdByComponentId(m.value.belongedComponentId), E = B.getDgViewModel(k), V = m.value.parent;
-    if (V && u.fieldset && ((T = V.schema) == null ? void 0 : T.type) === u.fieldset.type && E) {
-      const S = { groupId: null, groupName: null };
-      switch (F.binding.type) {
-        case Y.Form: {
-          E.changeField(F.binding.field, S);
+  function F(r) {
+    return !(!wo().basalDragulaRuleForContainer(r, e) || !l || !y(r));
+  }
+  function m(r) {
+    var v;
+    const s = r.componentInstance, h = s.value.schema, I = e == null ? void 0 : e.formSchemaUtils, T = e == null ? void 0 : e.designViewModelUtils, k = I.getViewModelIdByComponentId(s.value.belongedComponentId), x = T.getDgViewModel(k), V = s.value.parent;
+    if (V && a.fieldset && ((v = V.schema) == null ? void 0 : v.type) === a.fieldset.type && x) {
+      const N = { groupId: null, groupName: null };
+      switch (h.binding.type) {
+        case oe.Form: {
+          x.changeField(h.binding.field, N);
           break;
         }
-        case Y.Variable: {
-          M.modifyViewModelFieldById(k, F.binding.field, S, !0);
+        case oe.Variable: {
+          I.modifyViewModelFieldById(k, h.binding.field, N, !0);
           break;
         }
       }
     }
   }
-  function c(a, m, F) {
-    const M = m.fields.find((T) => T.id === a), B = t == null ? void 0 : t.designViewModelUtils, k = B.getDgViewModel(m.id), E = k.fields.find((T) => T.id === a);
-    k.removeField([a]);
-    const V = B.getDgViewModel(F);
-    V.addField(E), M.fieldSchema && V.changeField(E.id, M.fieldSchema);
+  function w(r, s, h) {
+    const I = s.fields.find((v) => v.id === r), T = e == null ? void 0 : e.designViewModelUtils, k = T.getDgViewModel(s.id), x = k.fields.find((v) => v.id === r);
+    k.removeField([r]);
+    const V = T.getDgViewModel(h);
+    V.addField(x), I.fieldSchema && V.changeField(x.id, I.fieldSchema);
   }
-  function g(a, m, F, M = []) {
-    const B = m.id, k = a.binding.field, E = m.fields.findIndex((T) => T.id === k);
-    if (E > -1 && (F.fields.push(m.fields[E]), m.fields.splice(E, 1)), B === "root-viewmodel" && F.id !== "root-viewmodel") {
-      a.binding.path && !a.binding.path.includes("root-component.") && (a.binding.path = "root-component." + a.binding.path);
+  function E(r, s, h, I = []) {
+    const T = s.id, k = r.binding.field, x = s.fields.findIndex((v) => v.id === k);
+    if (x > -1 && (h.fields.push(s.fields[x]), s.fields.splice(x, 1)), T === "root-viewmodel" && h.id !== "root-viewmodel") {
+      r.binding.path && !r.binding.path.includes("root-component.") && (r.binding.path = "root-component." + r.binding.path);
       return;
     }
-    if (F.id === "root-viewmodel" && B !== "root-viewmodel" && a.binding.path && a.binding.path.includes("root-component.")) {
-      a.binding.path = a.binding.path.replace("root-component.", "");
+    if (h.id === "root-viewmodel" && T !== "root-viewmodel" && r.binding.path && r.binding.path.includes("root-component.")) {
+      r.binding.path = r.binding.path.replace("root-component.", "");
       return;
     }
-    const V = m.states.find((T) => T.id === k);
-    V && (F.states = F.states ? F.states : [], F.states.findIndex((T) => T.id === V.id) < 0 && (F.states.push(V), M.push(V.id)));
+    const V = s.states.find((v) => v.id === k);
+    V && (h.states = h.states ? h.states : [], h.states.findIndex((v) => v.id === V.id) < 0 && (h.states.push(V), I.push(V.id)));
   }
-  function s(a, m, F, M = []) {
-    var E;
-    if (!a)
+  function L(r, s, h, I = []) {
+    var x;
+    if (!r)
       return;
-    const B = m.id === "root-viewmodel" && F.id !== "root-viewmodel", k = F.id === "root-viewmodel" && m.id !== "root-viewmodel";
-    Object.keys(a).forEach((V) => {
+    const T = s.id === "root-viewmodel" && h.id !== "root-viewmodel", k = h.id === "root-viewmodel" && s.id !== "root-viewmodel";
+    Object.keys(r).forEach((V) => {
       if (V === "binding")
         return;
-      const T = a[V];
-      if (T && typeof T == "object" && T.type === Y.Variable && T.field) {
-        if (B) {
-          T.path && !T.path.includes("root-component.") && (T.path = "root-component." + T.path);
+      const v = r[V];
+      if (v && typeof v == "object" && v.type === oe.Variable && v.field) {
+        if (T) {
+          v.path && !v.path.includes("root-component.") && (v.path = "root-component." + v.path);
           return;
         }
-        if (k && T.path && T.path.includes("root-component.")) {
-          T.path = T.path.replace("root-component.", "");
+        if (k && v.path && v.path.includes("root-component.")) {
+          v.path = v.path.replace("root-component.", "");
           return;
         }
-        const S = m.states.find(($) => $.id === T.field);
-        if (S) {
-          M.push(S.id), F.states = F.states ? F.states : [];
-          const $ = F.states.find((_) => _.code === S.code);
-          if ($)
-            T.field = $.id;
+        const N = s.states.find((U) => U.id === v.field);
+        if (N) {
+          I.push(N.id), h.states = h.states ? h.states : [];
+          const U = h.states.find((ee) => ee.code === N.code);
+          if (U)
+            v.field = U.id;
           else {
-            const _ = Object.assign({}, { newId: ue().guid() }, S);
-            F.states.push(_), T.field = _.newId;
+            const ee = Object.assign({}, { newId: ve().guid() }, N);
+            h.states.push(ee), v.field = ee.newId;
           }
         }
       }
-    }), (E = F.states) != null && E.length && F.states.map((V) => {
+    }), (x = h.states) != null && x.length && h.states.map((V) => {
       V.newId && (V.id = V.newId, delete V.newId);
     });
   }
-  function p(a, m, F) {
-    if (a && (m(a, F), a.contents))
-      for (const M of a.contents)
-        p(M, m, F);
+  function $(r, s, h) {
+    if (r && (s(r, h), r.contents))
+      for (const I of r.contents)
+        $(I, s, h);
   }
-  function v(a = [], m) {
-    if (!a.length)
+  function R(r = [], s) {
+    if (!r.length)
       return;
-    const F = t == null ? void 0 : t.formSchemaUtils, M = F.getComponentByViewModelId(m), B = [], k = (V, T) => {
-      V && (Object.keys(V).forEach((S) => {
-        const $ = V[S];
-        $ && typeof $ == "object" && $.type === Y.Variable && a.includes($.field) && !T.includes($.field) && T.push($.field);
-      }), V.editor && k(V.editor, T));
+    const h = e == null ? void 0 : e.formSchemaUtils, I = h.getComponentByViewModelId(s), T = [], k = (V, v) => {
+      V && (Object.keys(V).forEach((N) => {
+        const U = V[N];
+        U && typeof U == "object" && U.type === oe.Variable && r.includes(U.field) && !v.includes(U.field) && v.push(U.field);
+      }), V.editor && k(V.editor, v));
     };
-    p(M, k, B);
-    const E = F.getViewModelById(m);
-    a.forEach((V) => {
-      B.includes(V) || (E.states = E.states.filter((T) => T.id !== V));
+    $(I, k, T);
+    const x = h.getViewModelById(s);
+    r.forEach((V) => {
+      T.includes(V) || (x.states = x.states.filter((v) => v.id !== V));
     });
   }
-  function b(a) {
-    const m = ue().guid(), F = Object.assign({}, a, {
-      id: m,
-      code: a.code + m.slice(0, 4),
-      name: a.name + m.slice(0, 4)
-    }), k = (t == null ? void 0 : t.formSchemaUtils).getCommands().find((E) => E.id === a.cmpId);
+  function P(r) {
+    const s = ve().guid(), h = Object.assign({}, r, {
+      id: s,
+      code: r.code + s.slice(0, 4),
+      name: r.name + s.slice(0, 4)
+    }), k = (e == null ? void 0 : e.formSchemaUtils).getCommands().find((x) => x.id === r.cmpId);
     return k && k.refedHandlers.push({
-      host: m,
-      handler: a.handlerName
-    }), F;
+      host: s,
+      handler: r.handlerName
+    }), h;
   }
-  function h(a, m, F) {
-    var S, $, _;
-    const M = {}, B = a.type === "form-group" && a.editor ? a.editor.type : a.type, k = (S = Se[B]) == null ? void 0 : S.events;
+  function M(r, s, h) {
+    var N, U, ee;
+    const I = {}, T = r.type === "form-group" && r.editor ? r.editor.type : r.type, k = (N = Te[T]) == null ? void 0 : N.events;
     if (!k)
       return;
-    Object.keys(a).forEach((A) => {
-      const q = Object.keys(k).find((Z) => Z === A);
-      if (q && a[q]) {
-        const Z = m.commands.find((G) => G.code === a[q]);
-        if (Z) {
-          let G = M[Z.code];
-          G || (G = b(Z), M[Z.code] = G, F.commands.push(G)), a[q] = G.code;
+    Object.keys(r).forEach((te) => {
+      const z = Object.keys(k).find((J) => J === te);
+      if (z && r[z]) {
+        const J = s.commands.find((Z) => Z.code === r[z]);
+        if (J) {
+          let Z = I[J.code];
+          Z || (Z = P(J), I[J.code] = Z, h.commands.push(Z)), r[z] = Z.code;
         }
       }
     });
-    const V = (t == null ? void 0 : t.designViewModelUtils).getDgViewModel(F.id), T = ["valueChanging", "valueChanged"];
-    if ((($ = a.binding) == null ? void 0 : $.type) === Y.Form) {
-      const A = (_ = F.fields) == null ? void 0 : _.find((q) => q.id === a.binding.field);
-      A && T.forEach((q) => {
-        if (A[q]) {
-          const Z = m.commands.find((G) => G.code === A[q]);
-          if (!Z)
+    const V = (e == null ? void 0 : e.designViewModelUtils).getDgViewModel(h.id), v = ["valueChanging", "valueChanged"];
+    if (((U = r.binding) == null ? void 0 : U.type) === oe.Form) {
+      const te = (ee = h.fields) == null ? void 0 : ee.find((z) => z.id === r.binding.field);
+      te && v.forEach((z) => {
+        if (te[z]) {
+          const J = s.commands.find((Z) => Z.code === te[z]);
+          if (!J)
             return;
-          if (M[Z.code])
-            V.changeField(A.id, { [q]: M[Z.code].code });
+          if (I[J.code])
+            V.changeField(te.id, { [z]: I[J.code].code });
           else {
-            const G = b(Z);
-            M[Z.code] = G, F.commands.push(G), V.changeField(A.id, { [q]: G.code });
+            const Z = P(J);
+            I[J.code] = Z, h.commands.push(Z), V.changeField(te.id, { [z]: Z.code });
           }
         }
       });
     }
   }
-  function D(a) {
-    const m = t == null ? void 0 : t.formSchemaUtils, F = a.componentInstance, M = F.value.schema, B = m.getViewModelIdByComponentId(F.value.belongedComponentId), k = m.getViewModelById(B), E = m.getComponentById(e.componentInstance.value.belongedComponentId), V = m.getViewModelById(E.viewModel);
-    if (B !== V.id) {
-      const T = M.binding.type, S = M.binding.field, $ = [];
-      switch (T) {
-        case Y.Form: {
-          c(S, k, V.id);
+  function q(r) {
+    const s = e == null ? void 0 : e.formSchemaUtils, h = r.componentInstance, I = h.value.schema, T = s.getViewModelIdByComponentId(h.value.belongedComponentId), k = s.getViewModelById(T), x = s.getComponentById(t.componentInstance.value.belongedComponentId), V = s.getViewModelById(x.viewModel);
+    if (T !== V.id) {
+      const v = I.binding.type, N = I.binding.field, U = [];
+      switch (v) {
+        case oe.Form: {
+          w(N, k, V.id);
           break;
         }
-        case Y.Variable: {
-          g(M, k, V, $);
+        case oe.Variable: {
+          E(I, k, V, U);
           break;
         }
       }
-      s(M, k, V, $), s(M.editor, k, V, $), h(M, k, V), B !== "root-viewmodel" && v($, B);
+      L(I, k, V, U), L(I.editor, k, V, U), M(I, k, V), T !== "root-viewmodel" && R(U, T);
     }
   }
-  function N(a) {
-    if (!a || !a.componentInstance)
+  function A(r) {
+    if (!r || !r.componentInstance)
       return;
-    const F = a.componentInstance.value.schema;
-    !F.binding || !F.binding.field || (r(a), D(a));
+    const h = r.componentInstance.value.schema;
+    !h.binding || !h.binding.field || (m(r), q(r));
   }
-  function L() {
-    return n.componentType ? "display:inherit;flex-direction:inherit;margin-bottom:10px" : "";
+  function O() {
+    return o.componentType ? "display:inherit;flex-direction:inherit;margin-bottom:10px" : "";
   }
-  function x(a) {
-    let m = "";
-    switch (a) {
+  function S(r) {
+    let s = "";
+    switch (r) {
       case 1: {
-        m = "col-12";
+        s = "col-12 col-md-12 col-xl-12 col-el-12";
         break;
       }
       case 2: {
-        m = "col-12 col-md-6 col-xl-6 col-el-6";
+        s = "col-12 col-md-6 col-xl-6 col-el-6";
         break;
       }
       case 3: {
-        m = "col-12 col-md-6 col-xl-4 col-el-4";
+        s = "col-12 col-md-6 col-xl-4 col-el-4";
         break;
       }
       case 4: {
-        m = "col-12 col-md-6 col-xl-3 col-el-2";
+        s = "col-12 col-md-6 col-xl-3 col-el-2";
         break;
       }
     }
-    return m;
-  }
-  function j(a) {
-    const m = e.componentInstance.value.getBelongedComponentInstance(e.componentInstance);
-    if (m && m.schema && m.schema.componentType) {
-      const { formColumns: F } = m.schema;
-      let M = x(F);
-      M = t == null ? void 0 : t.formSchemaUtils.getControlClassByFormUnifiedLayout(M, m.schema.id, e.schema), a.appearance || (a.appearance = {}), a.appearance.class = M;
+    return s;
+  }
+  function ne(r, s) {
+    let h = !1;
+    if (t.schema && Object.prototype.hasOwnProperty.call(t.schema, "labelAutoOverflow"))
+      h = t.schema.labelAutoOverflow;
+    else {
+      const I = e == null ? void 0 : e.formSchemaUtils, T = I == null ? void 0 : I.selectNode(s, (k) => k.type === a["response-form"].type);
+      T && (h = T.labelAutoOverflow);
+    }
+    return h && (r += " farris-group-multi-label"), r;
+  }
+  function W(r) {
+    const s = t.componentInstance.value.getBelongedComponentInstance(t.componentInstance);
+    if (s && s.schema && s.schema.componentType) {
+      const { formColumns: h } = s.schema;
+      let I = S(h);
+      I = e == null ? void 0 : e.formSchemaUtils.getControlClassByFormUnifiedLayout(I, s.schema.id, t.schema), I = ne(I, s.schema), r.appearance || (r.appearance = {}), r.appearance.class = I;
     }
   }
-  function R(a, m, F, M) {
-    const { bindingSourceContext: B, parentComponentInstance: k } = a;
-    if (B != null && B.entityFieldNode && k) {
-      const E = t == null ? void 0 : t.designViewModelUtils, T = (t == null ? void 0 : t.formSchemaUtils).getViewModelIdByComponentId(k.belongedComponentId), S = E.getDgViewModel(T);
-      S.removeField([B.entityFieldNode.id]), S.addField(B.designViewModelField), m && S.changeField(B.entityFieldNode.id, { editor: { $type: m }, groupId: F, groupName: M });
+  function K(r, s, h, I) {
+    const { bindingSourceContext: T, parentComponentInstance: k } = r;
+    if (T != null && T.entityFieldNode && k) {
+      const x = e == null ? void 0 : e.designViewModelUtils, v = (e == null ? void 0 : e.formSchemaUtils).getViewModelIdByComponentId(k.belongedComponentId), N = x.getDgViewModel(v);
+      N.removeField([T.entityFieldNode.id]), N.addField(T.designViewModelField), s && N.changeField(T.entityFieldNode.id, { editor: { $type: s }, groupId: h, groupName: I });
     }
   }
-  function I(a, m) {
-    var k, E, V;
-    const F = n;
-    if ((F.appearance && F.appearance.class || "").split(" ").includes("f-form-layout") && a.componentCategory === "input") {
-      const { label: T } = a;
-      let S;
-      const $ = t == null ? void 0 : t.controlCreatorUtils;
-      return (k = a.bindingSourceContext) != null && k.entityFieldNode ? S = $.setFormFieldProperty((E = a.bindingSourceContext) == null ? void 0 : E.entityFieldNode, m == null ? void 0 : m.type) : (S = $.createFormGroupWithoutField(m == null ? void 0 : m.type), S.label = T), j(S), R(a, (V = S.editor) == null ? void 0 : V.type), S;
+  function Y(r, s) {
+    var k, x, V;
+    const h = o;
+    if ((h.appearance && h.appearance.class || "").split(" ").includes("f-form-layout") && r.componentCategory === "input") {
+      const { label: v } = r;
+      let N;
+      const U = e == null ? void 0 : e.controlCreatorUtils;
+      return (k = r.bindingSourceContext) != null && k.entityFieldNode ? N = U.setFormFieldProperty((x = r.bindingSourceContext) == null ? void 0 : x.entityFieldNode, s == null ? void 0 : s.type) : (N = U.createFormGroupWithoutField(s == null ? void 0 : s.type), N.label = v), W(N), K(r, (V = N.editor) == null ? void 0 : V.type), N;
     }
-    return m;
+    return s;
   }
-  function U() {
-    return i;
+  function H() {
+    return n;
   }
-  function W() {
-    return y;
+  function re() {
+    return p;
   }
-  function z() {
+  function D() {
     return !1;
   }
-  function J(a) {
-    return new Ye(a, t).getPropertyConfig(n, e.componentInstance.value);
+  function G(r) {
+    return new $o(r, e).getPropertyConfig(o, t.componentInstance.value);
   }
   return {
-    canAccepts: f,
-    checkCanDeleteComponent: W,
-    checkCanMoveComponent: U,
-    getStyles: L,
-    getPropsConfig: J,
-    hideNestedPaddingInDesginerView: z,
-    onAcceptMovedChildElement: N,
-    onResolveNewComponentSchema: I,
-    moveInputBetweenComponent: D,
-    resolveFormGroupAppearance: j,
-    syncFieldToViewModel: R
+    canAccepts: F,
+    checkCanDeleteComponent: re,
+    checkCanMoveComponent: H,
+    getStyles: O,
+    getPropsConfig: G,
+    hideNestedPaddingInDesginerView: D,
+    onAcceptMovedChildElement: A,
+    onResolveNewComponentSchema: Y,
+    moveInputBetweenComponent: q,
+    resolveFormGroupAppearance: W,
+    syncFieldToViewModel: K
   };
 }
-const ae = /* @__PURE__ */ te({
+const pe = /* @__PURE__ */ _({
   name: "FResponseFormDesign",
   directives: {
-    "area-response": Ze
+    "area-response": Co
   },
-  props: he,
+  props: ye,
   emits: [],
-  setup(e, t) {
-    const n = O(), o = Q("design-item-context"), i = Q("designer-host-service"), d = Ke(o, i), y = se(n, o, d);
-    re(() => {
-      n.value.componentInstance = y;
-    }), t.expose(y.value);
-    const w = K(() => {
-      const C = e.customClass.split(" "), l = {
+  setup(t, e) {
+    const o = B(), i = Q("design-item-context"), n = Q("designer-host-service"), l = Ao(i, n), p = fe(o, i, l);
+    ce(() => {
+      o.value.componentInstance = p;
+    }), e.expose(p.value);
+    const C = j(() => {
+      const g = t.customClass.split(" "), y = {
         "drag-container": !0
       };
-      return C.reduce((f, r) => (f[r] = !0, f), l), l;
+      return g.reduce((F, m) => (F[m] = !0, F), y), y;
     });
-    return () => Re(P("div", {
-      ref: n,
-      class: w.value,
-      style: e.customClass,
-      "data-dragref": `${o.schema.id}-container`,
-      "data-associate": `${o.schema.id}-component`
-    }, [t.slots.default && t.slots.default()]), [[Ue("area-response")]]);
-  }
-}), He = {}, et = {}, { globalStorageKey: nr } = be(), tt = {
+    return () => Je(b("div", {
+      ref: o,
+      class: C.value,
+      style: t.customClass,
+      "data-dragref": `${i.schema.id}-container`,
+      "data-associate": `${i.schema.id}-component`
+    }, [e.slots.default && e.slots.default()]), [[ze("area-response")]]);
+  }
+}), Ro = {}, qo = {}, { globalStorageKey: mi } = ke(), So = {
   id: { Type: String, default: "" },
   /** 是否自动完成 */
   autocomplete: { Type: String, default: "off" },
@@ -583,7 +898,7 @@ const ae = /* @__PURE__ */ te({
   * 是否启用快捷键
   */
   keyboard: { type: Boolean, default: !0 }
-}, Ce = [
+}, Me = [
   { key: "none", value: "无" },
   { key: "cellNumber", value: "手机号" },
   { key: "tel", value: "座机号/传真号" },
@@ -595,8 +910,8 @@ const ae = /* @__PURE__ */ te({
   { key: "subjectCode", value: "10位数字会计科目代码" },
   { key: "custom", value: "自定义" }
 ];
-function nt(e) {
-  switch (e) {
+function Go(t) {
+  switch (t) {
     case "none":
       return "";
     case "cellNumber":
@@ -622,36 +937,36 @@ function nt(e) {
   }
   return "";
 }
-function ot(e) {
-  var t;
-  return "请输入正确的" + ((t = Ce.find((n) => n.key === e)) == null ? void 0 : t.value);
+function jo(t) {
+  var e;
+  return "请输入正确的" + ((e = Me.find((o) => o.key === t)) == null ? void 0 : e.value);
 }
-const rt = {
-  convertTo: (e, t, n, o) => {
-    e.editor.formatValidation || (e.editor.formatValidation = { type: "none" }), e.editor.formatValidation.type = n, e.editor.formatValidation.expression = nt(n), e.editor.formatValidation.message = ot(n);
+const Oo = {
+  convertTo: (t, e, o, i) => {
+    t.editor.formatValidation || (t.editor.formatValidation = { type: "none" }), t.editor.formatValidation.type = o, t.editor.formatValidation.expression = Go(o), t.editor.formatValidation.message = jo(o);
   },
-  convertFrom: (e, t, n) => e.editor.formatValidation ? t === "type" ? e.editor.formatValidation[t] || "none" : e.editor.formatValidation[t] : "none"
-}, fe = {
-  convertTo: (e, t, n, o) => {
-    e.editor.formatValidation || (e.editor.formatValidation = { type: "none" }), e.editor.formatValidation[t] = n;
+  convertFrom: (t, e, o) => t.editor.formatValidation ? e === "type" ? t.editor.formatValidation[e] || "none" : t.editor.formatValidation[e] : "none"
+}, we = {
+  convertTo: (t, e, o, i) => {
+    t.editor.formatValidation || (t.editor.formatValidation = { type: "none" }), t.editor.formatValidation[e] = o;
   },
-  convertFrom: (e, t, n) => e.editor.formatValidation ? e.editor.formatValidation[t] : e.editor[t]
+  convertFrom: (t, e, o) => t.editor.formatValidation ? t.editor.formatValidation[e] : t.editor[e]
 };
-class it extends Je {
-  constructor(t, n) {
-    super(t, n);
-  }
-  getPropertyConfig(t, n) {
-    return super.getPropertyConfig(t, n), this.propertyConfig.categories.formatValidation = this.getFormatValidation(t), this.propertyConfig;
-  }
-  getEditorProperties(t) {
-    var o, i;
-    let n;
-    if (((o = t == null ? void 0 : t.binding) == null ? void 0 : o.type) === "Form") {
-      const d = this.schemaService.getFieldByIDAndVMID(t.binding.field, this.viewModelId);
-      (i = d == null ? void 0 : d.schemaField) != null && i.type && (n = d.schemaField.type.length);
+class Zo extends Vo {
+  constructor(e, o) {
+    super(e, o);
+  }
+  getPropertyConfig(e, o) {
+    return super.getPropertyConfig(e, o), this.propertyConfig.categories.formatValidation = this.getFormatValidation(e), this.propertyConfig;
+  }
+  getEditorProperties(e) {
+    var i, n;
+    let o;
+    if (((i = e == null ? void 0 : e.binding) == null ? void 0 : i.type) === "Form") {
+      const l = this.schemaService.getFieldByIDAndVMID(e.binding.field, this.viewModelId);
+      (n = l == null ? void 0 : l.schemaField) != null && n.type && (o = l.schemaField.type.length);
     }
-    return this.getComponentConfig(t, {}, {
+    return this.getComponentConfig(e, {}, {
       maxLength: {
         description: "文本字数最大长度",
         title: "最大长度",
@@ -660,7 +975,7 @@ class it extends Je {
           nullable: !0,
           min: 0,
           useThousands: !1,
-          max: n,
+          max: o,
           needValid: !0
         }
       },
@@ -681,19 +996,19 @@ class it extends Je {
       enableViewPassword: {
         description: "",
         title: "能否查看密码",
-        visible: t.editor.showType === "password",
+        visible: e.editor.showType === "password",
         type: "boolean"
       }
     });
   }
-  getGridFieldEdtiorProperties(t) {
-    var o, i;
-    let n;
-    if (((o = t == null ? void 0 : t.binding) == null ? void 0 : o.type) === "Form") {
-      const d = this.schemaService.getFieldByIDAndVMID(t.binding.field, this.viewModelId);
-      (i = d == null ? void 0 : d.schemaField) != null && i.type && (n = d.schemaField.type.length);
+  getGridFieldEdtiorProperties(e) {
+    var i, n;
+    let o;
+    if (((i = e == null ? void 0 : e.binding) == null ? void 0 : i.type) === "Form") {
+      const l = this.schemaService.getFieldByIDAndVMID(e.binding.field, this.viewModelId);
+      (n = l == null ? void 0 : l.schemaField) != null && n.type && (o = l.schemaField.type.length);
     }
-    return this.getComponentConfig(t, {}, {
+    return this.getComponentConfig(e, {}, {
       maxLength: {
         description: "文本字数最大长度",
         title: "最大长度",
@@ -702,7 +1017,7 @@ class it extends Je {
           nullable: !0,
           min: 0,
           useThousands: !1,
-          max: n
+          max: o
         }
       },
       showType: {
@@ -722,17 +1037,17 @@ class it extends Je {
       enableViewPassword: {
         description: "",
         title: "能否查看密码",
-        visible: t.editor.showType === "password",
+        visible: e.editor.showType === "password",
         type: "boolean"
       }
     });
   }
-  getFormatValidation(t) {
-    var o, i, d, y;
-    const n = {
+  getFormatValidation(e) {
+    var i, n, l, p;
+    const o = {
       title: "输入格式校验",
       description: "输入校验",
-      hide: !((o = t.binding) != null && o.field),
+      hide: !((i = e.binding) != null && i.field),
       properties: {
         type: {
           title: "格式类型",
@@ -745,1022 +1060,486 @@ class it extends Je {
             valueField: "key",
             idField: "key",
             editable: !1,
-            data: Ce
+            data: Me
           },
           refreshPanelAfterChanged: !0,
-          $converter: rt,
+          $converter: Oo,
           parentPropertyID: "formatValidation"
         }
       }
     };
-    return (i = t.editor.formatValidation) != null && i.type && ((d = t.editor.formatValidation) == null ? void 0 : d.type) !== "none" && (n.properties.message = {
+    return (n = e.editor.formatValidation) != null && n.type && ((l = e.editor.formatValidation) == null ? void 0 : l.type) !== "none" && (o.properties.message = {
       title: "输入错误提示",
       type: "string",
       description: "输入错误提示",
-      $converter: fe,
+      $converter: we,
       parentPropertyID: "formatValidation"
-    }), ((y = t.editor.formatValidation) == null ? void 0 : y.type) === "custom" && (n.properties.expression = {
+    }), ((p = e.editor.formatValidation) == null ? void 0 : p.type) === "custom" && (o.properties.expression = {
       title: "匹配正则",
       type: "string",
       description: "匹配正则",
-      $converter: fe,
+      $converter: we,
       parentPropertyID: "formatValidation"
-    }), n;
+    }), o;
   }
 }
-function at(e, t) {
-  const n = e.schema;
-  function o(i, d) {
-    return new it(i, t).getPropertyConfig(n, d);
+function Wo(t, e) {
+  const o = t.schema;
+  function i(n, l) {
+    return new Zo(n, e).getPropertyConfig(o, l);
   }
-  return { getPropsConfig: o };
+  return { getPropsConfig: i };
 }
-const lt = /* @__PURE__ */ te({
+const Jo = /* @__PURE__ */ _({
   name: "FInputGroupDesign",
-  props: tt,
+  props: So,
   emits: ["updateExtendInfo", "clear", "valueChange", "clickHandle", "blurHandle", "focusHandle", "enterHandle", "iconMouseEnter", "iconMouseLeave", "keyupHandle", "keydownHandle", "inputClick"],
-  setup(e, t) {
-    const n = O(e.modelValue), o = O(e.modelValue), i = We(e, t, n, o), {
-      inputGroupClass: d,
-      inputType: y,
-      inputGroupStyle: w
-    } = i, C = O(), l = Q("designer-host-service"), f = Q("design-item-context"), r = at(f, l), c = se(C, f, r), g = K(() => e.showType === "password" ? "password" : "");
-    return re(() => {
-      C.value.componentInstance = c;
-    }), t.expose(c.value), () => P("div", {
+  setup(t, e) {
+    const o = B(t.modelValue), i = B(t.modelValue), n = vo(t, e, o, i), {
+      inputGroupClass: l,
+      inputType: p,
+      inputGroupStyle: C
+    } = n, g = B(), y = Q("designer-host-service"), F = Q("design-item-context"), m = Wo(F, y), w = fe(g, F, m), E = j(() => t.showType === "password" ? "password" : "");
+    return ce(() => {
+      g.value.componentInstance = w;
+    }), e.expose(w.value), () => b("div", {
       id: "inputGroup",
-      ref: C,
-      class: d.value,
-      style: w.value
-    }, [P("input", {
+      ref: g,
+      class: l.value,
+      style: C.value
+    }, [b("input", {
       class: "form-control",
-      type: e.showType,
-      placeholder: e.placeholder,
-      value: g.value
-    }, null), e.showType === "password" && e.enableViewPassword && P("span", {
+      type: t.showType,
+      placeholder: t.placeholder,
+      value: E.value
+    }, null), t.showType === "password" && t.enableViewPassword && b("span", {
       class: "input-group-append"
-    }, [P("span", {
+    }, [b("span", {
       class: "input-group-text"
-    }, [P("span", {
+    }, [b("span", {
       class: "f-icon f-icon-eye"
     }, null)])])]);
   }
 });
-function st() {
-  function e(y, w) {
-    const C = et[y];
-    return C ? C(w) : {};
-  }
-  function t(y) {
-    return He[y] || lt;
-  }
-  function n(y) {
-  }
-  function o(y) {
-  }
-  function i(y) {
-  }
-  function d(y) {
-  }
-  return { getChangeFunctionName: n, getClearFunctionName: o, resolveEditorProps: e, resolveEditorType: t, getMousedownFunctionName: i, getMouseupFunctionName: d };
-}
-function ct(e = {}) {
-  function t(l, f, r, c) {
-    if (typeof r == "number")
-      return c[l].length === r;
-    if (typeof r == "object") {
-      const g = Object.keys(r)[0], s = r[g];
-      if (g === "not")
-        return Number(c[l].length) !== Number(s);
-      if (g === "moreThan")
-        return Number(c[l].length) >= Number(s);
-      if (g === "lessThan")
-        return Number(c[l].length) <= Number(s);
-    }
-    return !1;
-  }
-  function n(l, f, r, c) {
-    return c[l] && c[l].propertyValue && String(c[l].propertyValue.value) === String(r);
-  }
-  const o = /* @__PURE__ */ new Map([
-    ["length", t],
-    ["getProperty", n]
-  ]);
-  Object.keys(e).reduce((l, f) => (l.set(f, e[f]), l), o);
-  function i(l, f) {
-    const r = l;
-    return typeof f == "number" ? [{ target: r, operator: "length", param: null, value: Number(f) }] : typeof f == "boolean" ? [{ target: r, operator: "getProperty", param: l, value: !!f }] : typeof f == "object" ? Object.keys(f).map((c) => {
-      if (c === "length")
-        return { target: r, operator: "length", param: null, value: f[c] };
-      const g = c, s = f[c];
-      return { target: r, operator: "getProperty", param: g, value: s };
-    }) : [];
-  }
-  function d(l) {
-    return Object.keys(l).reduce((r, c) => {
-      const g = i(c, l[c]);
-      return r.push(...g), r;
-    }, []);
-  }
-  function y(l, f) {
-    if (o.has(l.operator)) {
-      const r = o.get(l.operator);
-      return r && r(l.target, l.param, l.value, f) || !1;
-    }
-    return !1;
-  }
-  function w(l, f) {
-    return d(l).reduce((g, s) => g && y(s, f), !0);
-  }
-  function C(l, f) {
-    const r = Object.keys(l), c = r.includes("allOf"), g = r.includes("anyOf"), s = c || g, b = (s ? l[s ? c ? "allOf" : "anyOf" : "allOf"] : [l]).map((D) => w(D, f));
-    return c ? !b.includes(!1) : b.includes(!0);
-  }
-  return { parseValueSchema: C };
-}
-const ut = {
-  convertTo: (e, t, n, o) => {
-    e.appearance || (e.appearance = {}), e.appearance[t] = n;
-  },
-  convertFrom: (e, t, n) => e.appearance ? e.appearance[t] : e[t]
-}, pt = {
-  convertFrom: (e, t, n) => e.buttons && e.buttons.length ? `共 ${e.buttons.length} 项` : "无"
-}, dt = {
-  convertTo: (e, t, n, o) => {
-    e.editor && (e.editor[t] = n);
-  },
-  convertFrom: (e, t, n) => e.editor && Object.prototype.hasOwnProperty.call(e.editor, t) ? e.editor[t] : e[t]
-}, mt = {
-  button: { type: "button", name: "按钮" },
-  "response-toolbar": { type: "response-toolbar", name: "工具栏" },
-  "response-toolbar-item": { type: "response-toolbar-item", name: "按钮" },
-  "content-container": { type: "content-container", name: "容器" },
-  "input-group": { type: "input-group", name: "文本" },
-  textarea: { type: "textarea", name: "多行文本" },
-  lookup: { type: "lookup", name: "帮助" },
-  "number-spinner": { type: "number-spinner", name: "数值" },
-  "date-picker": { type: "date-picker", name: "日期" },
-  switch: { type: "switch", name: "开关" },
-  "radio-group": { type: "radio-group", name: "单选组" },
-  "check-box": { type: "check-box", name: "复选框" },
-  "check-group": { type: "check-group", name: "复选框组" },
-  "combo-list": { type: "combo-list", name: "下拉列表" },
-  "response-form": { type: "response-form", name: "卡片面板" },
-  "response-layout": { type: "response-layout", name: "布局容器", icon: "response-layout-3" },
-  "response-layout-item": { type: "response-layout-item", name: "布局", icon: "response-layout-1" },
-  "tree-grid": { type: "tree-grid", name: "树表格" },
-  "tree-grid-column": { type: "tree-grid-column", name: "树表格列" },
-  "data-grid": { type: "data-grid", name: "表格" },
-  "data-grid-column": { type: "data-grid-column", name: "表格列" },
-  module: { type: "Module", name: "模块" },
-  component: { type: "component", name: "组件" },
-  tabs: { type: "tabs", name: "标签页" },
-  "tab-page": { type: "tab-page", name: "标签页项", dependentParentControl: "Tab" },
-  "tab-toolbar-item": { type: "tab-toolbar-item", name: "标签页工具栏按钮" },
-  "html-template": { type: "html-template", name: "模板容器" },
-  "time-picker": { type: "time-picker", name: "时间选择" },
-  section: { type: "section", name: "分组面板" },
-  "section-toolbar": { type: "section-toolbar", name: "分组面板工具栏" },
-  "section-toolbar-item": { type: "section-toolbar-item", name: "分组面板按钮" },
-  splitter: { type: "splitter", name: "分栏面板" },
-  "splitter-pane": { type: "splitter-pane", name: "分栏面板项", dependentParentControl: "Splitter" },
-  "component-ref": { type: "component-ref", name: "组件引用节点" },
-  uploader: { type: "uploader", name: "附件上传" },
-  "page-header": { type: "page-header", name: "页头" },
-  "page-footer": { type: "page-footer", name: "页脚" },
-  "tab-toolbar": { type: "tab-toolbar", name: "标签页工具栏" },
-  fieldset: { type: "fieldset", name: "分组" },
-  "query-solution": { type: "query-solution", name: "筛选方案" },
-  drawer: { type: "drawer", name: "抽屉" },
-  "external-container": { type: "external-container", name: "外部容器", icon: "content-container" },
-  "list-nav": { type: "list-nav", name: "列表导航" },
-  "list-view": { type: "list-view", name: "列表" },
-  "filter-bar": { type: "filter-bar", name: "筛选条" },
-  "language-textbox": { type: "language-textbox", name: "多语输入框" },
-  image: { type: "image", name: "图像" },
-  "discussion-editor": { type: "discussion-editor", name: "评论编辑区" },
-  "discussion-list": { type: "discussion-list", name: "评论列表" },
-  comment: { type: "comment", name: "评论区" },
-  "rich-text-editor": { type: "rich-text-editor", name: "富文本编辑器", icon: "rich-text-box" },
-  calendar: { type: "calendar", name: "日历", icon: "date-picker" }
-}, ft = {
-  convertFrom: (e, t, n) => {
-    var i;
-    const o = e.editor && e.editor[t] ? e.editor[t] : e[t];
-    return ((i = mt[o]) == null ? void 0 : i.name) || o;
-  }
-}, yt = {
-  convertTo: (e, t, n, o) => {
-    e[t] = e[t];
-  },
-  convertFrom: (e, t, n) => e.editor ? n.getRealEditorType(e.editor.type) : ""
-}, gt = {
-  convertTo: (e, t, n, o) => {
-    (e.type === "data-grid-column" || e.type === "tree-grid-column") && (e.formatter ? e.formatter[t] = n : e.formatter = {
-      [t]: n
-    });
-  },
-  convertFrom: (e, t, n) => {
-    if (e.formatter) {
-      if (t === "trueText")
-        return e.formatter.trueText;
-      if (t === "falseText")
-        return e.formatter.falseText;
-      if (t === "prefix")
-        return e.formatter.prefix;
-      if (t === "suffix")
-        return e.formatter.suffix;
-      if (t === "precision")
-        return e.formatter.precision;
-      if (t === "decimal")
-        return e.formatter.decimal;
-      if (t === "thousand")
-        return e.formatter.thousand;
-      if (t === "dateFormat")
-        return e.formatter.dateFormat || "yyyy-MM-dd";
-      if (t === "customFormat")
-        return e.formatter.customFormat;
-      if (t === "type")
-        return e.formatter.type || "none";
-    }
-    return "none";
-  }
-}, vt = {
-  convertTo: (e, t, n, o) => {
-    e.command ? e.command[t] = n : e.command = {
-      [t]: n
-    }, t === "enableType" && n === "default" && (e.command.enable = !0, e.command.commands = [
-      {
-        text: "编辑",
-        type: "primary",
-        command: "edit"
-      },
-      {
-        text: "删除",
-        type: "danger",
-        command: "remove"
-      }
-    ]), t === "enableType" && n === "custom" && (e.command.enable = !0, e.command.commands = [
-      {
-        value: "add",
-        text: "增加",
-        type: "link"
-      },
-      {
-        value: "edit",
-        text: "编辑",
-        type: "danger"
-      },
-      {
-        value: "remove",
-        text: "删除",
-        type: "remove"
-      }
-    ]), t === "enableType" && n === "unable" && (e.command.enable = !1);
-  },
-  convertFrom: (e, t, n) => {
-    var o, i;
-    if (e.command) {
-      if (t === "enableType") {
-        const d = (i = (o = e.command) == null ? void 0 : o.commands) == null ? void 0 : i.find((y) => y.command === "edit" && y.type === "primary");
-        return e.command.enable ? d ? "default" : "custom" : "unable";
-      }
-      if (t === "commands")
-        return e.command.enableType === "custom" ? e.command.commands : [];
-      if (t === "formatter")
-        return e.command.formatter;
-    }
-    return "";
-  }
-}, bt = {
-  convertTo: (e, t, n, o) => {
-    e.column ? e.column[t] = n : e.column = {
-      [t]: n
-    }, t === "fitColumns" && n && (e.column.fitMode || (e.column.fitMode = "average"));
-  },
-  convertFrom: (e, t, n) => {
-    if (e.column) {
-      if (t === "fitColumns")
-        return e.column.fitColumns;
-      if (t === "fitMode")
-        return e.column.fitMode;
-    }
-    return "";
-  }
-}, ht = {
-  convertTo: (e, t, n, o) => {
-    e.summary ? e.summary[t] = n : e.summary = {
-      [t]: n
-    }, t === "enable" && n && (e.summary ? e.summary.groupFields || (e.summary.groupFields = []) : e.summary = {
-      enable: n,
-      groupFields: []
-    });
-  },
-  convertFrom: (e, t, n) => e.summary && t === "enable" ? e.summary.enable : e.type === "data-grid-column" ? e.enableSummary === void 0 ? !1 : e.enableSummary : ""
-}, Ct = {
-  convertTo: (e, t, n, o) => {
-    e.group ? e.group[t] = n : e.group = {
-      [t]: n
-    }, t === "enable" && n && (e.group ? e.group.groupFields || (e.group.groupFields = []) : e.group = {
-      enable: n,
-      groupFields: [],
-      showSummary: !1
-    });
-  },
-  convertFrom: (e, t, n) => {
-    if (e.group) {
-      if (t === "enable")
-        return e.group.enable;
-      if (t === "showSummary")
-        return e.group.showSummary;
-    }
+function zo() {
+  function t(p, C) {
+    const g = qo[p];
+    return g ? g(C) : {};
   }
-}, Ft = {
-  convertFrom: (e, t) => e.binding ? e.binding.path : "",
-  convertTo: (e, t, n) => {
-    if (n && n.length > 0) {
-      const o = n[0];
-      e.binding || (e.binding = {}), e.binding.type = "Form", e.binding.path = o.bindingField, e.binding.field = o.id, e.binding.fullPath = o.path, e.path = o.bindingPath;
-    }
+  function e(p) {
+    return Ro[p] || Jo;
   }
-}, wt = {
-  convertTo: (e, t, n, o) => {
-    e.pagination || (e.pagination = {}), e.pagination[t] = n;
-  },
-  convertFrom: (e, t, n) => e.pagination ? e.pagination[t] : e[t]
-}, Tt = {
-  convertTo: (e, t, n, o) => {
-    e.rowNumber || (e.rowNumber = {}), e.rowNumber[t] = n;
-  },
-  convertFrom: (e, t, n) => e.rowNumber ? e.rowNumber[t] : e[t]
-}, It = {
-  convertTo: (e, t, n, o) => {
-    e.selection || (e.selection = {}), e.selection[t] = n;
-  },
-  convertFrom: (e, t, n) => {
-    var o, i;
-    return t === "showCheckbox" ? (o = e.selection) != null && o.multiSelect ? !0 : (i = e.selection) == null ? void 0 : i.showCheckbox : e.selection ? e.selection[t] : e[t];
-  }
-}, kt = {
-  convertFrom: (e, t, n) => e[t] && e[t].length ? `共 ${e[t].length} 项` : ""
-}, Vt = {
-  convertFrom: (e, t) => e[t] || "",
-  convertTo: (e, t, n) => {
-    e[t] = n;
-  }
-}, Mt = {
-  convertTo: (e, t, n, o) => {
-    e.size || (e.size = {}), e.size[t] = n;
-  },
-  convertFrom: (e, t, n) => e.size ? e.size[t] : e[t]
-}, xt = {
-  convertFrom: (e, t, n) => {
-    var o, i;
-    return (o = e.formatter) != null && o.data && t === "formatterEnumData" && !e.formatterEnumData ? (i = e.formatter) == null ? void 0 : i.data : e.formatterEnumData;
-  }
-}, Bt = {
-  convertTo: (e, t, n, o) => {
-    e.sort || (e.sort = {}), e.sort[t] = n;
-  },
-  convertFrom: (e, t, n) => {
-    var o, i;
-    if (t === "mode")
-      return ((o = e.sort) == null ? void 0 : o.mode) || "client";
-    if (t === "multiSort")
-      return !!((i = e.sort) != null && i.multiSort);
-  }
-}, Pt = {
-  convertTo: (e, t, n, o) => {
-    e.filter || (e.filter = {}), e.filter[t] = n;
-  },
-  convertFrom: (e, t, n) => {
-    var o;
-    if (t === "mode")
-      return ((o = e.filter) == null ? void 0 : o.mode) || "client";
-  }
-}, Et = {
-  convertTo: (e, t, n, o) => {
-    e.rowOption ? e.rowOption[t] = n : e.rowOption = {
-      [t]: n
-    };
-  },
-  convertFrom: (e, t, n) => {
-    if (e.rowOption) {
-      if (t === "customRowStyle")
-        return e.rowOption.customRowStyle;
-      if (t === "customCellStyle")
-        return e.rowOption.customCellStyle;
-    }
-    return "";
-  }
-}, Dt = {
-  convertTo: (e, t, n, o) => {
-    (e.type === "data-grid-column" || e.type === "tree-grid-column") && (e[t] = n, t === "columnTemplateType" && n === "hyperlink" && (e.onClickLinkCommand ? e.columnTemplate = `
-    <span class="f-pretend-link f-cursor-pointer"
-    @click="(ctx)=>viewModel.current.${e.onClickLinkCommand || ""}({id: rowData.id,context: ctx})">
-    {{rowData.${e.field}}}
-    </span>` : e.columnTemplate = `
-                    <span class="f-pretend-link f-cursor-pointer">
-                    {{rowData.${e.field}}}
-                    </span>`), t === "columnTemplateType" && n === "default" && (e.columnTemplate = ""), t === "columnTemplateType" && n === "custom" && (e.columnTemplate = ""));
-  },
-  convertFrom: (e, t, n) => t === "columnTemplate" ? e.columnTemplate : t === "columnTemplateType" ? e.columnTemplateType ? e.columnTemplateType || "default" : e.columnTemplate && !e.onClickLinkCommand ? "custom" : e.columnTemplate && e.onClickLinkCommand ? "hyperlink" : "default" : ""
-};
-function Nt(e, t, n) {
-  const o = /* @__PURE__ */ new Map([
-    ["/converter/appearance.converter", ut],
-    ["/converter/buttons.converter", pt],
-    ["/converter/property-editor.converter", dt],
-    ["/converter/items-count.converter", kt],
-    ["/converter/type.converter", ft],
-    ["/converter/change-editor.converter", yt],
-    ["/converter/change-formatter.converter", gt],
-    ["/converter/column-command.converter", vt],
-    ["/converter/column-option.converter", bt],
-    ["/converter/summary.converter", ht],
-    ["/converter/group.converter", Ct],
-    ["/converter/form-group-label.converter", Vt],
-    ["/converter/field-selector.converter", Ft],
-    ["/converter/pagination.converter", wt],
-    ["/converter/row-number.converter", Tt],
-    ["/converter/grid-selection.converter", It],
-    ["/converter/size.converter", Mt],
-    ["/converter/change-formatter-enum.converter", xt],
-    ["/converter/grid-sort.converter", Bt],
-    ["/converter/grid-filter.converter", Pt],
-    ["/converter/row-option.converter", Et],
-    ["/converter/change-formatter-type.converter", Dt]
-  ]), i = /* @__PURE__ */ new Map([
-    ["string", { type: "input-group", enableClear: !1 }],
-    ["boolean", {
-      type: "combo-list",
-      textField: "name",
-      valueField: "value",
-      idField: "value",
-      enableClear: !1,
-      editable: !1,
-      data: [
-        {
-          value: !0,
-          name: "是"
-        },
-        {
-          value: !1,
-          name: "否"
-        }
-      ]
-    }],
-    ["enum", { type: "combo-list", maxHeight: 128, enableClear: !1, editable: !1 }],
-    ["array", { type: "button-edit" }],
-    ["number", { type: "number-spinner", placeholder: "" }],
-    ["events-editor", { type: "events-editor", hide: !0 }]
-  ]), d = ct();
-  function y(s, p) {
-    return () => d.parseValueSchema(s, p);
-  }
-  function w(s, p, v) {
-    return s.includes("visible") && p.visible !== void 0 ? typeof p.visible == "boolean" ? () => !!p.visible : p.visible === void 0 ? !0 : y(p.visible, v) : () => !0;
-  }
-  function C(s, p, v) {
-    return s.includes("readonly") && p.readonly !== void 0 ? typeof p.readonly == "boolean" ? () => !!p.readonly : y(p.readonly, v) : () => !1;
-  }
-  function l(s, p) {
-    const v = s.$converter || p;
-    return typeof v == "string" && v && o.has(v) ? o.get(v) || null : v || null;
-  }
-  function f(s, p, v, b, h, D = "", N = "") {
-    return Object.keys(s).map((x) => {
-      const j = O(1), R = x, I = s[x], U = Object.keys(I), W = I.title, z = I.type, J = i.get(z) || { type: "input-group", enableClear: !1 }, a = I.editor ? Object.assign({}, J, I.editor) : Object.assign({}, J), m = w(U, I, p), F = C(U, I, p);
-      a.readonly = a.readonly === void 0 ? F() : a.readonly;
-      const M = I.type === "cascade" ? f(I.properties, p, v, b, h, D, N) : [], B = !0;
-      let k = l(I, N);
-      const E = K({
-        get() {
-          if (j.value) {
-            if (["class", "style"].find((q) => q === R) && !k && (k = o.get("/converter/appearance.converter") || null), k && k.convertFrom)
-              return k.convertFrom(v, x, h, D);
-            const A = v[x];
-            return Object.prototype.hasOwnProperty.call(I, "defaultValue") && (A === void 0 || typeof A == "string" && A === "") ? I.type === "boolean" ? I.defaultValue : I.defaultValue || "" : A;
-          }
-          return null;
-        },
-        set(A) {
-          j.value += 1, k && k.convertTo ? (k.convertTo(b, x, A, h, D), k.convertTo(v, x, A, h, D)) : (b[x] = A, v[x] = A);
-        }
-      }), { refreshPanelAfterChanged: V, description: T, isExpand: S, parentPropertyID: $ } = I, _ = { propertyID: R, propertyName: W, propertyType: z, propertyValue: E, editor: a, visible: m, readonly: F, cascadeConfig: M, hideCascadeTitle: B, refreshPanelAfterChanged: V, description: T, isExpand: S, parentPropertyID: $ };
-      return p[R] = _, _;
-    });
-  }
-  function r(s, p, v = {}) {
-    const b = {}, h = e[s];
-    return h && h.categories ? Object.keys(h.categories).map((N) => {
-      const L = h.categories[N], x = L == null ? void 0 : L.title, j = f(L.properties || {}, b, {}, v, p);
-      return { categoryId: N, categoryName: x, properties: j };
-    }) : [];
-  }
-  function c(s, p, v, b, h = "") {
-    const D = p.$ref.schema, N = p.$ref.converter, L = v[D], x = L.type, j = n(L), R = {}, I = e[x];
-    if (I && I.categories) {
-      const U = I.categories[s], W = U == null ? void 0 : U.title;
-      N && Object.keys(U.properties).forEach((a) => {
-        U.properties[a].$converter = N;
-      });
-      const z = (U == null ? void 0 : U.properties) || {}, J = f(z, R, j, L, b, h);
-      return { categoryId: s, categoryName: W, properties: J };
-    }
-    return { categoryId: s, categoryName: "", properties: [] };
-  }
-  function g(s, p, v, b, h) {
-    const D = s.type, N = n(s), L = {};
-    let x = h || e[D];
-    if (x && Object.keys(x).length === 0 && v && v.getPropConfig && (x = v.getPropConfig(b)), x && x.categories) {
-      const j = [];
-      return Object.keys(x.categories).map((R) => {
-        const I = x.categories[R];
-        if (I.$ref) {
-          j.push(c(R, I, s, p, b));
-          return;
-        }
-        const U = I == null ? void 0 : I.title, W = I == null ? void 0 : I.tabId, z = I == null ? void 0 : I.tabName, J = I == null ? void 0 : I.hide, a = I == null ? void 0 : I.hideTitle, m = f(I.properties || {}, L, N, s, p, b, I.$converter), { setPropertyRelates: F } = I, M = I == null ? void 0 : I.parentPropertyID;
-        j.push({ categoryId: R, categoryName: U, tabId: W, tabName: z, hide: J, properties: m, hideTitle: a, setPropertyRelates: F, parentPropertyID: M });
-      }), j;
-    }
-    return [];
-  }
-  return {
-    getPropertyConfigBySchema: g,
-    getPropertyConfigByType: r,
-    propertyConverterMap: o
-  };
-}
-function St(e, t) {
-  let n;
-  function o(r) {
-    const { properties: c, title: g, ignore: s } = r, p = s && Array.isArray(s), v = Object.keys(c).reduce((b, h) => ((!p || !s.find((D) => D === h)) && (b[h] = c[h].type === "object" && c[h].properties ? o(c[h]) : ie(c[h].default)), b), {});
-    if (g && (!p || !s.find((b) => b === "id"))) {
-      const b = g.toLowerCase().replace(/-/g, "_");
-      v.id = `${b}_${Math.random().toString().slice(2, 6)}`;
-    }
-    return v;
-  }
-  function i(r) {
-    const { properties: c, title: g, required: s } = r;
-    if (s && Array.isArray(s)) {
-      const p = s.reduce((v, b) => (v[b] = c[b].type === "object" && c[b].properties ? o(c[b]) : ie(c[b].default), v), {});
-      if (g && s.find((v) => v === "id")) {
-        const v = g.toLowerCase().replace(/-/g, "_");
-        p.id = `${v}_${Math.random().toString().slice(2, 6)}`;
-      }
-      return p;
-    }
-    return {
-      type: g
-    };
-  }
-  function d(r, c = {}, g) {
-    const s = e[r];
-    if (s) {
-      let p = i(s);
-      const v = t[r];
-      return p = v ? v({ getSchemaByType: d }, p, c, g) : p, n != null && n.appendIdentifyForNewControl && n.appendIdentifyForNewControl(p), p;
-    }
-    return null;
-  }
-  function y(r, c) {
-    const g = o(c);
-    return Object.keys(g).reduce((s, p) => (Object.prototype.hasOwnProperty.call(r, p) && (s[p] && me(s[p]) && me(r[p] || !r[p]) ? Object.assign(s[p], r[p] || {}) : s[p] = r[p]), s), g), g;
-  }
-  function w(r, c) {
-    return Object.keys(r).filter((s) => r[s] != null).reduce((s, p) => {
-      if (c.has(p)) {
-        const v = c.get(p);
-        if (typeof v == "string")
-          s[v] = r[p];
-        else {
-          const b = v(p, r[p], r);
-          Object.assign(s, b);
-        }
-      } else
-        s[p] = r[p];
-      return s;
-    }, {});
+  function o(p) {
   }
-  function C(r, c, g = /* @__PURE__ */ new Map()) {
-    const s = y(r, c);
-    return w(s, g);
+  function i(p) {
   }
-  function l(r) {
-    var g;
-    const c = r.type;
-    if (c) {
-      const s = e[c];
-      if (!s)
-        return r;
-      const p = y(r, s), v = ((g = r.editor) == null ? void 0 : g.type) || "";
-      if (v) {
-        const b = e[v], h = y(r.editor, b);
-        p.editor = h;
-      }
-      return p;
-    }
-    return r;
+  function n(p) {
   }
-  function f(r) {
-    n = r;
+  function l(p) {
   }
-  return { getSchemaByType: d, resolveSchemaWithDefaultValue: l, resolveSchemaToProps: C, mappingSchemaToProps: w, setDesignerContext: f };
+  return { getChangeFunctionName: o, getClearFunctionName: i, resolveEditorProps: t, resolveEditorType: e, getMousedownFunctionName: n, getMouseupFunctionName: l };
 }
-const $t = {}, Lt = {}, { resolveSchemaWithDefaultValue: Ot } = St($t, Lt), Rt = {}, Ut = {};
-Nt(Rt, Ut, Ot);
-const { globalStorageKey: or } = be(), H = class H {
+const ie = class ie {
   /**
    * 根据绑定字段类型获取可用的输入类控件
    */
-  static getEditorTypesByMDataType(t, n = !1, o = "") {
-    if (n)
-      return [{ key: u["language-textbox"].type, value: u["language-textbox"].name }];
-    let i = H.fieldControlTypeMapping[t];
-    if (o === "data-grid-column" && (i != null && i.length)) {
-      const d = [u["check-group"].type, u["radio-group"].type, u.image.type];
-      i = i.filter((y) => !d.includes(y.key));
+  static getEditorTypesByMDataType(e, o = !1, i = "") {
+    if (o)
+      return [{ key: a["language-textbox"].type, value: a["language-textbox"].name }];
+    let n = ie.fieldControlTypeMapping[e];
+    if (i === "data-grid-column" && (n != null && n.length)) {
+      const l = [a["check-group"].type, a["radio-group"].type, a.image.type, a["rich-text-editor"].type];
+      n = n.filter((p) => !l.includes(p.key));
     }
-    return i;
+    return n;
   }
   /**
    * 获取所有输入类控件
    */
   static getAllInputTypes() {
-    const t = [];
-    for (const n in H.fieldControlTypeMapping)
-      H.fieldControlTypeMapping[n].forEach((o) => {
-        t.find((i) => i.key === o.key && i.value === o.value) || t.push({ key: o.key, value: o.value });
+    const e = [];
+    for (const o in ie.fieldControlTypeMapping)
+      ie.fieldControlTypeMapping[o].forEach((i) => {
+        e.find((n) => n.key === i.key && n.value === i.value) || e.push({ key: i.key, value: i.value });
       });
-    return t;
+    return e;
   }
   /**
    * 提供schema字段基础属性和DOM控件属性的映射
    * @param control 控件元数据
    */
-  static mappingDomPropAndSchemaProp(t, n) {
-    var d;
-    const o = (d = t.editor) == null ? void 0 : d.type, i = [];
-    return (t.type === u["data-grid-column"].type || t.type === u["tree-grid-column"].type) && n && n.categoryId && n.categoryId.indexOf("gridFieldEditor") < 0 && i.push({ domField: "title", schemaField: "name" }), i.push({ domField: "label", schemaField: "name" }), i.push({ domField: "editor.required", schemaField: "require" }), i.push({ domField: "editor.readonly", schemaField: "readonly" }), (o === u["input-group"].type || o === u.textarea.type || o === u["number-spinner"].type) && i.push({ domField: "editor.maxLength", schemaField: "type.length" }), o === u["number-spinner"].type && i.push({ domField: "editor.precision", schemaField: "type.precision" }), (t.type === u["data-grid-column"].type || t.type === u["tree-grid-column"].type) && i.push({ domField: "formatter.precision", schemaField: "type.precision" }), (o === u["combo-list"].type || o === u["radio-group"].type) && i.push({ domField: "editor.data", schemaField: "type.enumValues" }), (t.type === u["data-grid-column"].type || t.type === u["tree-grid-column"].type) && i.push({ domField: "formatter.data", schemaField: "type.enumValues" }), o === u["date-picker"].type && (i.push({ domField: "editor.displayFormat", schemaField: "editor.format" }), i.push({ domField: "editor.fieldType", schemaField: "type.name" })), o === u["number-spinner"].type && (i.push({ domField: "editor.max", schemaField: "editor.maxValue" }), i.push({ domField: "editor.min", schemaField: "editor.minValue" })), o === u.lookup.type && (i.push({ domField: "editor.dataSource", schemaField: "editor.dataSource" }), i.push({ domField: "editor.valueField", schemaField: "editor.valueField" }), i.push({ domField: "editor.textField", schemaField: "editor.textField" }), i.push({ domField: "editor.displayType", schemaField: "editor.displayType" }), i.push({ domField: "editor.mapFields", schemaField: "editor.mapFields" }), i.push({ domField: "editor.helpId", schemaField: "editor.helpId" })), i.push({ domField: "path", schemaField: "bindingPath" }), i.push({ domField: "binding.path", schemaField: "bindingField" }), i.push({ domField: "binding.fullPath", schemaField: "path" }), (t.type === u["data-grid-column"].type || t.type === u["tree-grid-column"].type) && i.push({ domField: "field", schemaField: "bindingPath" }), i;
+  static mappingDomPropAndSchemaProp(e, o) {
+    var l;
+    const i = (l = e.editor) == null ? void 0 : l.type, n = [];
+    return (e.type === a["data-grid-column"].type || e.type === a["tree-grid-column"].type) && o && o.categoryId && o.categoryId.indexOf("gridFieldEditor") < 0 && n.push({ domField: "title", schemaField: "name" }), n.push({ domField: "label", schemaField: "name" }), n.push({ domField: "editor.required", schemaField: "require" }), n.push({ domField: "editor.readonly", schemaField: "readonly" }), (i === a["input-group"].type || i === a.textarea.type || i === a["number-spinner"].type) && n.push({ domField: "editor.maxLength", schemaField: "type.length" }), i === a["number-spinner"].type && n.push({ domField: "editor.precision", schemaField: "type.precision" }), (e.type === a["data-grid-column"].type || e.type === a["tree-grid-column"].type) && n.push({ domField: "formatter.precision", schemaField: "type.precision" }), (i === a["combo-list"].type || i === a["radio-group"].type) && n.push({ domField: "editor.data", schemaField: "type.enumValues" }), (e.type === a["data-grid-column"].type || e.type === a["tree-grid-column"].type) && n.push({ domField: "formatter.data", schemaField: "type.enumValues" }), i === a["date-picker"].type && (n.push({ domField: "editor.displayFormat", schemaField: "editor.format" }), n.push({ domField: "editor.fieldType", schemaField: "type.name" })), i === a["number-spinner"].type && (n.push({ domField: "editor.max", schemaField: "editor.maxValue" }), n.push({ domField: "editor.min", schemaField: "editor.minValue" })), i === a.lookup.type && (n.push({ domField: "editor.dataSource", schemaField: "editor.dataSource" }), n.push({ domField: "editor.valueField", schemaField: "editor.valueField" }), n.push({ domField: "editor.textField", schemaField: "editor.textField" }), n.push({ domField: "editor.displayType", schemaField: "editor.displayType" }), n.push({ domField: "editor.mapFields", schemaField: "editor.mapFields" }), n.push({ domField: "editor.helpId", schemaField: "editor.helpId" })), n.push({ domField: "path", schemaField: "bindingPath" }), n.push({ domField: "binding.path", schemaField: "bindingField" }), n.push({ domField: "binding.fullPath", schemaField: "path" }), (e.type === a["data-grid-column"].type || e.type === a["tree-grid-column"].type) && n.push({ domField: "field", schemaField: "bindingPath" }), n;
   }
 };
 /**
  * <字段类型,可配置的控件类型列表>的映射
  */
-ee(H, "fieldControlTypeMapping", {
+se(ie, "fieldControlTypeMapping", {
   String: [
-    { key: u["input-group"].type, value: u["input-group"].name },
-    { key: u.lookup.type, value: u.lookup.name },
-    { key: u.image.type, value: u.image.name },
-    { key: u["date-picker"].type, value: u["date-picker"].name },
-    { key: u.switch.type, value: u.switch.name },
-    { key: u["check-box"].type, value: u["check-box"].name },
-    { key: u["check-group"].type, value: u["check-group"].name },
-    { key: u["radio-group"].type, value: u["radio-group"].name },
-    { key: u["combo-list"].type, value: u["combo-list"].name },
-    { key: u.textarea.type, value: u.textarea.name },
-    { key: u["time-picker"].type, value: u["time-picker"].name }
+    { key: a["input-group"].type, value: a["input-group"].name },
+    { key: a.lookup.type, value: a.lookup.name },
+    { key: a.image.type, value: a.image.name },
+    { key: a["date-picker"].type, value: a["date-picker"].name },
+    { key: a.switch.type, value: a.switch.name },
+    { key: a["check-box"].type, value: a["check-box"].name },
+    { key: a["check-group"].type, value: a["check-group"].name },
+    { key: a["radio-group"].type, value: a["radio-group"].name },
+    { key: a["combo-list"].type, value: a["combo-list"].name },
+    { key: a.textarea.type, value: a.textarea.name },
+    { key: a["time-picker"].type, value: a["time-picker"].name }
   ],
   Text: [
-    { key: u.textarea.type, value: u.textarea.name },
-    { key: u.lookup.type, value: u.lookup.name },
-    { key: u.image.type, value: u.image.name },
-    { key: u["rich-text-editor"].type, value: u["rich-text-editor"].name }
+    { key: a.textarea.type, value: a.textarea.name },
+    { key: a.lookup.type, value: a.lookup.name },
+    { key: a.image.type, value: a.image.name },
+    { key: a["rich-text-editor"].type, value: a["rich-text-editor"].name }
   ],
   Decimal: [
-    { key: u["number-spinner"].type, value: u["number-spinner"].name }
+    { key: a["number-spinner"].type, value: a["number-spinner"].name }
   ],
   Integer: [
-    { key: u["number-spinner"].type, value: u["number-spinner"].name }
+    { key: a["number-spinner"].type, value: a["number-spinner"].name }
   ],
   Number: [
-    { key: u["number-spinner"].type, value: u["number-spinner"].name },
-    { key: u.switch.type, value: u.switch.name },
-    { key: u["check-box"].type, value: u["check-box"].name }
+    { key: a["number-spinner"].type, value: a["number-spinner"].name },
+    { key: a.switch.type, value: a.switch.name },
+    { key: a["check-box"].type, value: a["check-box"].name }
   ],
   BigNumber: [
-    { key: u["number-spinner"].type, value: u["number-spinner"].name }
+    { key: a["number-spinner"].type, value: a["number-spinner"].name }
   ],
   Date: [
-    { key: u["date-picker"].type, value: u["date-picker"].name }
+    { key: a["date-picker"].type, value: a["date-picker"].name }
   ],
   DateTime: [
-    { key: u["date-picker"].type, value: u["date-picker"].name }
+    { key: a["date-picker"].type, value: a["date-picker"].name }
   ],
   Boolean: [
-    { key: u.switch.type, value: u.switch.name },
-    { key: u["check-box"].type, value: u["check-box"].name }
+    { key: a.switch.type, value: a.switch.name },
+    { key: a["check-box"].type, value: a["check-box"].name }
   ],
   Enum: [
-    { key: u["combo-list"].type, value: u["combo-list"].name },
-    { key: u["radio-group"].type, value: u["radio-group"].name }
+    { key: a["combo-list"].type, value: a["combo-list"].name },
+    { key: a["radio-group"].type, value: a["radio-group"].name }
   ],
   Object: [
-    { key: u.lookup.type, value: u.lookup.name },
-    { key: u["combo-list"].type, value: u["combo-list"].name },
-    { key: u["radio-group"].type, value: u["radio-group"].name }
+    { key: a.lookup.type, value: a.lookup.name },
+    { key: a["combo-list"].type, value: a["combo-list"].name },
+    { key: a["radio-group"].type, value: a["radio-group"].name }
   ]
 });
-let ye = H;
-var le = /* @__PURE__ */ ((e) => (e.Form = "Form", e.Variable = "Variable", e))(le || {}), Fe = /* @__PURE__ */ ((e) => (e.SimpleField = "SimpleField", e.ComplexField = "ComplexField", e))(Fe || {});
-function At(e, t, n) {
-  function o() {
-    const y = n.componentId;
-    if (!y)
+let Ie = ie;
+var de = /* @__PURE__ */ ((t) => (t.Form = "Form", t.Variable = "Variable", t))(de || {}), Be = /* @__PURE__ */ ((t) => (t.SimpleField = "SimpleField", t.ComplexField = "ComplexField", t))(Be || {});
+function Xo(t, e, o) {
+  function i() {
+    const p = o.componentId;
+    if (!p)
       return !1;
-    const w = e.formSchemaUtils.getViewModelIdByComponentId(y);
-    if (!w)
+    const C = t.formSchemaUtils.getViewModelIdByComponentId(p);
+    if (!C)
       return !1;
-    const { schema: C } = t, { designViewModelUtils: l } = e, f = l.getDgViewModel(w), r = f == null ? void 0 : f.fields.find((c) => c.id === C.binding.field);
-    return !(!r || r.$type !== Fe.SimpleField);
+    const { schema: g } = e, { designViewModelUtils: y } = t, F = y.getDgViewModel(C), m = F == null ? void 0 : F.fields.find((w) => w.id === g.binding.field);
+    return !(!m || m.$type !== Be.SimpleField);
   }
-  function i() {
-    const { schema: y } = t;
-    return !!e.formSchemaUtils.getVariableById(y.binding.field);
-  }
-  function d() {
-    var C;
-    const { schema: y } = t;
-    let w = !0;
-    if (!e || !((C = y.binding) != null && C.field))
-      return w;
-    switch (y.binding.type) {
-      case le.Form: {
-        w = o();
+  function n() {
+    const { schema: p } = e;
+    return !!t.formSchemaUtils.getVariableById(p.binding.field);
+  }
+  function l() {
+    var g;
+    const { schema: p } = e;
+    let C = !0;
+    if (!t || !((g = p.binding) != null && g.field))
+      return C;
+    switch (p.binding.type) {
+      case de.Form: {
+        C = i();
         break;
       }
-      case le.Variable:
-        w = i();
+      case de.Variable:
+        C = n();
     }
-    return w;
+    return C;
   }
-  return { checkBindingFieldValidation: d };
+  return { checkBindingFieldValidation: l };
 }
-const jt = /* @__PURE__ */ te({
+const Ko = /* @__PURE__ */ _({
   name: "FDynamicFormGroupDesign",
-  props: ge,
+  props: Ve,
   emits: ["change", "update:modelValue"],
-  setup(e, t) {
-    var j;
-    const n = O(e.id), o = O(e.customClass), i = O(e.editor), d = O(e.label), y = O(e.modelValue), w = O(!0), C = O(((j = e.editor) == null ? void 0 : j.required) === !0), l = O(e.showLabel);
-    O(e.type);
-    const f = O(), r = Q("designer-host-service"), c = Q("design-item-context"), g = K(() => l.value ? e.showLabelType : "none"), {
-      resolveEditorProps: s,
-      resolveEditorType: p
-    } = st(), v = K(() => ({
+  setup(t, e) {
+    var ne;
+    const o = B(t.id), i = B(t.customClass), n = B(t.editor), l = B(t.label), p = B(t.modelValue), C = B(!0), g = B(((ne = t.editor) == null ? void 0 : ne.required) === !0), y = B(t.showLabel);
+    B(t.type);
+    const F = B(), m = Q("designer-host-service"), w = Q("design-item-context"), E = j(() => y.value ? t.showLabelType : "none"), {
+      resolveEditorProps: L,
+      resolveEditorType: $
+    } = zo(), R = j(() => ({
       "form-group": !0,
       "farris-form-group": !0,
       "common-group": !0,
-      "q-state-readonly": w.value,
+      "q-state-readonly": C.value,
       "form-group-in-canvas": !0
-    })), b = K(() => {
-      const R = i.value.type || "input-group", I = p(R), U = s(R, i.value);
-      return () => P(I, ve({
-        ref: f
-      }, U, {
-        modelValue: y.value,
-        "onUpdate:modelValue": (W) => y.value = W
+    })), P = j(() => {
+      const W = n.value.type || "input-group", K = $(W), Y = L(W, n.value);
+      return () => b(K, me({
+        ref: F
+      }, Y, {
+        modelValue: p.value,
+        "onUpdate:modelValue": (H) => p.value = H
       }), null);
     });
-    Ae([() => e.id, () => e.customClass, () => e.editor, () => e.label, () => e.modelValue, () => e.readonly, () => e.showLabel], ([R, I, U, W, z, J, a]) => {
-      var m;
-      n.value = R, o.value = I, i.value = {
-        ...U
-      }, d.value = W, y.value = z, w.value = J, C.value = ((m = i.value) == null ? void 0 : m.required) === !0, l.value = a;
+    ae([() => t.id, () => t.customClass, () => t.editor, () => t.label, () => t.modelValue, () => t.readonly, () => t.showLabel], ([W, K, Y, H, re, D, G]) => {
+      var r;
+      o.value = W, i.value = K, n.value = {
+        ...Y
+      }, l.value = H, p.value = re, C.value = D, g.value = ((r = n.value) == null ? void 0 : r.required) === !0, y.value = G;
     }, {
       deep: !0
     });
-    const D = !Q("external-container-id"), {
-      checkBindingFieldValidation: N
-    } = At(r, c, e);
-    function L() {
-      const R = D ? N() : !0;
-      return P(xe, {
-        id: `${n.value}-lable`,
-        showType: g.value,
-        required: C.value,
-        text: d.value,
-        title: d.value,
-        valid: R,
+    const q = !Q("external-container-id"), {
+      checkBindingFieldValidation: A
+    } = Xo(m, w, t);
+    function O() {
+      const W = q ? A() : !0;
+      return b(Ue, {
+        id: `${o.value}-lable`,
+        showType: E.value,
+        required: g.value,
+        text: l.value,
+        title: l.value,
+        valid: W,
         inValidTip: "绑定信息已失效，请切换绑定或移除控件"
       }, null);
     }
-    const x = K(() => {
-      if (e.fill)
+    const S = j(() => {
+      if (t.fill)
         return {
           maxWidth: "none"
         };
     });
-    return t.expose({
-      editorRef: f
-    }), () => P("div", {
-      id: `${n.value}-input-group`,
-      class: o.value
-    }, [P("div", {
+    return e.expose({
+      editorRef: F
+    }), () => b("div", {
+      id: `${o.value}-input-group`,
+      class: i.value
+    }, [b("div", {
       class: "farris-group-wrap",
-      style: x.value
-    }, [P("div", {
-      class: v.value
-    }, [L(), P("div", {
+      style: S.value
+    }, [b("div", {
+      class: R.value
+    }, [O(), b("div", {
       class: "farris-input-wrap"
-    }, [b.value()])])])]);
+    }, [P.value()])])])]);
   }
 });
-function qt(e, t) {
-  function n() {
-    return !0;
-  }
+function Qo(t, e) {
   function o() {
     return !0;
   }
   function i() {
+    return !0;
+  }
+  function n() {
     return !1;
   }
-  function d() {
+  function l() {
     return !0;
   }
-  function y(r) {
-    var b;
-    const c = t == null ? void 0 : t.designViewModelUtils, g = t == null ? void 0 : t.formSchemaUtils, s = (b = e == null ? void 0 : e.componentInstance.value) == null ? void 0 : b.belongedComponentId;
-    if (!s || !c || !g)
+  function p(m) {
+    var P;
+    const w = e == null ? void 0 : e.designViewModelUtils, E = e == null ? void 0 : e.formSchemaUtils, L = (P = t == null ? void 0 : t.componentInstance.value) == null ? void 0 : P.belongedComponentId;
+    if (!L || !w || !E)
       return;
-    const p = g.getViewModelIdByComponentId(s), v = c.getDgViewModel(p);
-    v && v.removeField([r]);
-  }
-  function w(r, c) {
-    const g = t == null ? void 0 : t.formSchemaUtils, { schema: s } = e;
-    if (g.getComponents().find((v) => {
-      let b = g.getControlsInCmpWidthBinding(v.viewModel, r);
-      if (b = b.filter((h) => {
-        var N;
-        if (h.id === s.id)
+    const $ = E.getViewModelIdByComponentId(L), R = w.getDgViewModel($);
+    R && R.removeField([m]);
+  }
+  function C(m, w) {
+    const E = e == null ? void 0 : e.formSchemaUtils, { schema: L } = t;
+    if (E.getComponents().find((R) => {
+      let P = E.getControlsInCmpWidthBinding(R.viewModel, m);
+      if (P = P.filter((M) => {
+        var A;
+        if (M.id === L.id)
           return !1;
-        const D = c.type === "visible" ? h[c.type] : (N = h.editor) == null ? void 0 : N[c.type];
-        if (D && D.type === "Expression" && D.expressionId === c.id)
+        const q = w.type === "visible" ? M[w.type] : (A = M.editor) == null ? void 0 : A[w.type];
+        if (q && q.type === "Expression" && q.expressionId === w.id)
           return !0;
-      }), b.length)
+      }), P.length)
         return !0;
     }))
       return !0;
   }
-  function C(r) {
-    var s;
-    const c = t == null ? void 0 : t.formSchemaUtils, { schema: g } = e;
-    if (c.getExpressions().length) {
-      const p = c.getExpressions(), v = p.findIndex((b) => b.target === r);
-      v > -1 && ((s = p[v].rules) == null || s.map((b) => {
-        var h;
-        switch (b.type) {
+  function g(m) {
+    var L;
+    const w = e == null ? void 0 : e.formSchemaUtils, { schema: E } = t;
+    if (w.getExpressions().length) {
+      const $ = w.getExpressions(), R = $.findIndex((P) => P.target === m);
+      R > -1 && ((L = $[R].rules) == null || L.map((P) => {
+        var M;
+        switch (P.type) {
           case "visible":
           case "readonly":
           case "required": {
-            const D = b.type === "visible" ? g[b.type] : (h = g.editor) == null ? void 0 : h[b.type];
-            D && D.type === "Expression" && D.expressionId === b.id && (w(r, b) || (b.needDelete = !0));
+            const q = P.type === "visible" ? E[P.type] : (M = E.editor) == null ? void 0 : M[P.type];
+            q && q.type === "Expression" && q.expressionId === P.id && (C(m, P) || (P.needDelete = !0));
             break;
           }
           default:
-            w(r, b) || (b.needDelete = !0);
+            C(m, P) || (P.needDelete = !0);
         }
-      }), p[v].rules = p[v].rules.filter((b) => !b.needDelete));
+      }), $[R].rules = $[R].rules.filter((P) => !P.needDelete));
     }
   }
-  function l() {
-    var c, g;
-    const r = (c = e == null ? void 0 : e.parent) == null ? void 0 : c.componentInstance.value;
-    ((g = r == null ? void 0 : r.schema) == null ? void 0 : g.type) === u["response-layout-item"].type && (r != null && r.schema.appearance.class) && (r.schema.appearance.class = r.schema.appearance.class.replace("f-form-layout", ""), r.schema.appearance.class = r.schema.appearance.class.replace("farris-form", ""), r.schema.appearance.class = r.schema.appearance.class.replace("farris-form-controls-inline", ""), r.schema.appearance.class = r.schema.appearance.class.replace("farris-form-auto", ""), r.schema.appearance.class = r.schema.appearance.class.trim().replace("  ", " "));
+  function y() {
+    var w, E;
+    const m = (w = t == null ? void 0 : t.parent) == null ? void 0 : w.componentInstance.value;
+    ((E = m == null ? void 0 : m.schema) == null ? void 0 : E.type) === a["response-layout-item"].type && (m != null && m.schema.appearance.class) && (m.schema.appearance.class = m.schema.appearance.class.replace("f-form-layout", ""), m.schema.appearance.class = m.schema.appearance.class.replace("farris-form", ""), m.schema.appearance.class = m.schema.appearance.class.replace("farris-form-controls-inline", ""), m.schema.appearance.class = m.schema.appearance.class.replace("farris-form-auto", ""), m.schema.appearance.class = m.schema.appearance.class.trim().replace("  ", " "));
   }
-  function f() {
-    const { schema: r } = e, c = r.binding && r.binding.field;
-    c && (y(c), C(c)), l();
+  function F() {
+    const { schema: m } = t, w = m.binding && m.binding.field;
+    w && (p(w), g(w)), y();
   }
   return {
-    canAccepts: i,
-    checkCanDeleteComponent: o,
-    checkCanMoveComponent: n,
-    hideNestedPaddingInDesginerView: d,
-    onRemoveComponent: f
+    canAccepts: n,
+    checkCanDeleteComponent: i,
+    checkCanMoveComponent: o,
+    hideNestedPaddingInDesginerView: l,
+    onRemoveComponent: F
   };
 }
-const Gt = /* @__PURE__ */ te({
+const _o = /* @__PURE__ */ _({
   name: "FFormGroupDesign",
-  props: he,
+  props: ye,
   emits: [],
-  setup(e, t) {
-    const n = O(), o = Q("design-item-context"), i = Q("designer-host-service"), d = qt(o, i), y = se(n, o, d);
-    return re(() => {
-      n.value.componentInstance = y, y.value.getPropConfig = (...w) => {
-        var l, f, r;
-        let C = $e[e.editor.type];
-        return C && Object.keys(C).length === 0 && ((l = n.value) != null && l.editorRef) && ((r = (f = n.value) == null ? void 0 : f.editorRef) != null && r.getPropConfig) && (C = n.value.editorRef.getPropConfig(...w, y.value)), C;
+  setup(t, e) {
+    const o = B(), i = Q("design-item-context"), n = Q("designer-host-service"), l = Qo(i, n), p = fe(o, i, l);
+    return ce(() => {
+      o.value.componentInstance = p, p.value.getPropConfig = (...C) => {
+        var y, F, m;
+        let g = Oe[t.editor.type];
+        return g && Object.keys(g).length === 0 && ((y = o.value) != null && y.editorRef) && ((m = (F = o.value) == null ? void 0 : F.editorRef) != null && m.getPropConfig) && (g = o.value.editorRef.getPropConfig(...C, p.value)), g;
       };
-    }), t.expose(y.value), () => P(jt, ve(e, {
-      ref: n
+    }), e.expose(p.value), () => b(Ko, me(t, {
+      ref: o
     }), null);
   }
-}), ce = /* @__PURE__ */ new Map([
-  ["appearance", Le]
-]), Zt = /* @__PURE__ */ new Map([]), Wt = "root-viewmodel";
-class zt {
-  constructor(t, n) {
-    ee(this, "formSchemaUtils");
-    ee(this, "controlCreatorUtils");
-    ee(this, "designViewModelUtils");
-    this.resolver = t, this.designerHostService = n, this.formSchemaUtils = this.designerHostService.formSchemaUtils, this.controlCreatorUtils = this.designerHostService.controlCreatorUtils, this.designViewModelUtils = this.designerHostService.designViewModelUtils;
-  }
-  createComponent(t) {
-    const n = this.createComponentRefNode(t), o = this.createComponentNode(t), i = this.createViewModeNode(t), d = this.formSchemaUtils.getFormSchema();
-    return d.module.viewmodels.push(i), d.module.components.push(o), this.designViewModelUtils.assembleDesignViewModel(), n;
-  }
-  createComponentRefNode(t) {
-    const n = this.resolver.getSchemaByType("component-ref");
-    return Object.assign(n, {
-      id: `${t.componentId}-component-ref`,
-      component: `${t.componentId}-component`
-    }), n;
-  }
-  createComponentNode(t) {
-    const n = this.resolver.getSchemaByType("component"), o = this.createFormComponentContents(t);
-    return Object.assign(n, {
-      id: `${t.componentId}-component`,
-      viewModel: `${t.componentId}-component-viewmodel`,
-      componentType: t.componentType,
+}), ge = /* @__PURE__ */ new Map([
+  ["appearance", Ze]
+]), Yo = /* @__PURE__ */ new Map([]), Ho = "root-viewmodel";
+class en {
+  constructor(e, o) {
+    se(this, "formSchemaUtils");
+    se(this, "controlCreatorUtils");
+    se(this, "designViewModelUtils");
+    this.resolver = e, this.designerHostService = o, this.formSchemaUtils = this.designerHostService.formSchemaUtils, this.controlCreatorUtils = this.designerHostService.controlCreatorUtils, this.designViewModelUtils = this.designerHostService.designViewModelUtils;
+  }
+  createComponent(e) {
+    const o = this.createComponentRefNode(e), i = this.createComponentNode(e), n = this.createViewModeNode(e), l = this.formSchemaUtils.getFormSchema();
+    return l.module.viewmodels.push(n), l.module.components.push(i), this.designViewModelUtils.assembleDesignViewModel(), o;
+  }
+  createComponentRefNode(e) {
+    const o = this.resolver.getSchemaByType("component-ref");
+    return Object.assign(o, {
+      id: `${e.componentId}-component-ref`,
+      component: `${e.componentId}-component`
+    }), o;
+  }
+  createComponentNode(e) {
+    const o = this.resolver.getSchemaByType("component"), i = this.createFormComponentContents(e);
+    return Object.assign(o, {
+      id: `${e.componentId}-component`,
+      viewModel: `${e.componentId}-component-viewmodel`,
+      componentType: e.componentType,
       appearance: {
-        class: this.getFormComponentClass()
+        class: this.getFormComponentClass(e)
       },
-      formColumns: t.formColumns,
-      contents: o
-    }), n;
+      formColumns: e.formColumns,
+      contents: i
+    }), o;
   }
   /**
    * 获取卡片组件层级的class样式
    */
-  getFormComponentClass() {
-    const { templateId: t } = this.formSchemaUtils.getFormSchema().module;
-    return t === "double-list-in-tab-template" ? "f-struct-wrapper f-utils-fill-flex-column" : "f-struct-wrapper";
-  }
-  createFormComponentContents(t) {
-    const n = this.resolver.getSchemaByType("section");
-    Object.assign(n, {
-      id: t.componentId + "-form-section",
+  getFormComponentClass(e) {
+    var i, n;
+    const { templateId: o } = this.formSchemaUtils.getFormSchema().module;
+    if (o === "double-list-in-tab-template" && ((n = (i = e.parentComponentInstance) == null ? void 0 : i.schema) == null ? void 0 : n.type) === "tab-page") {
+      const l = e.parentComponentInstance.parent && e.parentComponentInstance.parent.schema;
+      if ((l == null ? void 0 : l.type) === "tabs" && (l == null ? void 0 : l.fill) === !0)
+        return "f-struct-wrapper f-utils-fill-flex-column";
+    }
+    return "f-struct-wrapper";
+  }
+  createFormComponentContents(e) {
+    var C, g;
+    const o = this.resolver.getSchemaByType("section");
+    Object.assign(o, {
+      id: e.componentId + "-form-section",
       appearance: {
         class: "f-section-form f-section-in-mainsubcard"
       },
-      mainTitle: t.componentName
+      mainTitle: e.componentName
     });
-    const o = this.resolver.getSchemaByType("response-form"), i = [];
-    Object.assign(o, {
-      id: t.componentId + "-form",
+    const i = this.resolver.getSchemaByType("response-form"), n = [];
+    Object.assign(i, {
+      id: e.componentId + "-form",
       appearance: {
         class: "f-form-layout farris-form farris-form-controls-inline"
       },
-      contents: i
-    }), n.contents = [o];
-    const { selectedFields: d } = t;
-    d == null || d.forEach((w) => {
-      if (w.$type === pe.SimpleField) {
-        const C = ie(w), l = this.resolveControlClassByFormColumns(t), f = this.controlCreatorUtils.setFormFieldProperty(C, "", l);
-        f && i.push(f);
+      contents: n,
+      controlsInline: !0
+    }), o.contents = [i];
+    const { selectedFields: l } = e;
+    l == null || l.forEach((y) => {
+      if (y.$type === Fe.SimpleField) {
+        const F = To(y), m = this.resolveControlClassByFormColumns(e), w = this.controlCreatorUtils.setFormFieldProperty(F, "", m);
+        w && n.push(w);
       }
     });
-    const { templateId: y } = this.formSchemaUtils.getFormSchema().module;
-    return y === "double-list-in-tab-template" && (n.appearance.class = "f-section-grid f-section-in-main px-0 pt-0", n.fill = !0), [n];
+    const { templateId: p } = this.formSchemaUtils.getFormSchema().module;
+    if (p === "double-list-in-tab-template" && ((g = (C = e.parentComponentInstance) == null ? void 0 : C.schema) == null ? void 0 : g.type) === "tab-page") {
+      const y = e.parentComponentInstance.parent && e.parentComponentInstance.parent.schema;
+      (y == null ? void 0 : y.type) === "tabs" && (y == null ? void 0 : y.fill) === !0 && (o.appearance.class = "f-section-grid f-section-in-main px-0 pt-0", o.fill = !0);
+    }
+    return [o];
   }
-  resolveControlClassByFormColumns(t) {
-    let n = "";
-    switch (t.formColumns) {
+  resolveControlClassByFormColumns(e) {
+    let o = "";
+    switch (e.formColumns) {
       case 1: {
-        n = "col-12";
+        o = "col-12 col-md-12 col-xl-12 col-el-12";
         break;
       }
       case 2: {
-        n = "col-12 col-md-6 col-xl-6 col-el-6";
+        o = "col-12 col-md-6 col-xl-6 col-el-6";
         break;
       }
       case 3: {
-        n = "col-12 col-md-6 col-xl-4 col-el-4";
+        o = "col-12 col-md-6 col-xl-4 col-el-4";
         break;
       }
       case 4: {
-        n = "col-12 col-md-6 col-xl-3 col-el-2";
+        o = "col-12 col-md-6 col-xl-3 col-el-2";
         break;
       }
     }
-    return n;
+    return o;
   }
   /**
    * 添加viewModel节点
    */
-  createViewModeNode(t) {
+  createViewModeNode(e) {
     return {
-      id: `${t.componentId}-component-viewmodel`,
-      code: `${t.componentId}-component-viewmodel`,
-      name: t.componentName,
-      bindTo: t.bindTo,
-      parent: Wt,
-      fields: this.assembleViewModelFields(t),
+      id: `${e.componentId}-component-viewmodel`,
+      code: `${e.componentId}-component-viewmodel`,
+      name: e.componentName,
+      bindTo: e.bindTo,
+      parent: Ho,
+      fields: this.assembleViewModelFields(e),
       commands: [],
       states: [],
       enableValidation: !0
@@ -1769,46 +1548,47 @@ class zt {
   /**
    * 组装viewModel fields 节点
    */
-  assembleViewModelFields(t) {
-    const n = [], { selectedFields: o } = t;
-    return o == null || o.forEach((i) => {
-      if (i.$type === pe.SimpleField) {
-        let d = "blur";
-        const y = i.type.name;
-        (y === de.Enum || y === de.Boolean) && (d = "change"), n.push({
+  assembleViewModelFields(e) {
+    const o = [], { selectedFields: i } = e;
+    return i == null || i.forEach((n) => {
+      if (n.$type === Fe.SimpleField) {
+        let l = "blur";
+        const p = n.type.name;
+        (p === be.Enum || p === be.Boolean) && (l = "change"), o.push({
           type: "Form",
-          id: i.id,
-          fieldName: i.bindingField,
+          id: n.id,
+          fieldName: n.bindingField,
           groupId: null,
           groupName: null,
-          updateOn: d,
+          updateOn: l,
           fieldSchema: {}
         });
       }
-    }), n;
+    }), o;
   }
 }
-function Jt(e, t, n, o) {
-  var d, y, w, C, l, f;
-  const i = n.parentComponentInstance;
-  if (i && o) {
-    const r = (d = i.schema) == null ? void 0 : d.type, g = {
+function tn(t, e, o, i) {
+  var l, p, C, g, y, F;
+  const n = o.parentComponentInstance;
+  if (n && i) {
+    const m = (l = n.schema) == null ? void 0 : l.type, E = {
       componentId: `form-${Math.random().toString(36).slice(2, 6)}`,
-      componentName: ((y = n.bindingSourceContext) == null ? void 0 : y.entityTitle) || ((C = (w = n.bindingSourceContext) == null ? void 0 : w.bindingEntity) == null ? void 0 : C.name) || "标题",
+      componentName: ((p = o.bindingSourceContext) == null ? void 0 : p.entityTitle) || ((g = (C = o.bindingSourceContext) == null ? void 0 : C.bindingEntity) == null ? void 0 : g.name) || "标题",
       componentType: "form",
-      formColumns: r === "splitter-pane" ? 1 : 4,
-      parentContainerId: i.schema.id,
-      bindTo: ((l = n.bindingSourceContext) == null ? void 0 : l.bindTo) || "/",
-      selectedFields: (f = n.bindingSourceContext) == null ? void 0 : f.bindingEntityFields
+      formColumns: m === "splitter-pane" ? 1 : 4,
+      parentContainerId: n.schema.id,
+      parentComponentInstance: n,
+      bindTo: ((y = o.bindingSourceContext) == null ? void 0 : y.bindTo) || "/",
+      selectedFields: (F = o.bindingSourceContext) == null ? void 0 : F.bindingEntityFields
     };
-    return new zt(e, o).createComponent(g);
+    return new en(t, i).createComponent(E);
   } else
-    return t;
+    return e;
 }
-function _t(e, t, n) {
-  return t;
+function on(t, e, o) {
+  return e;
 }
-const Xt = "https://json-schema.org/draft/2020-12/schema", Qt = "https://farris-design.gitee.io/grid-field-editor.schema.json", Yt = "response-form-layout-setting", Kt = "A Farris Data Grid Component", Ht = "object", en = {
+const nn = "https://json-schema.org/draft/2020-12/schema", rn = "https://farris-design.gitee.io/grid-field-editor.schema.json", an = "response-form-layout-setting", sn = "A Farris Data Grid Component", ln = "object", un = {
   id: {
     description: "The unique identifier for a Input Group",
     type: "string"
@@ -1822,18 +1602,18 @@ const Xt = "https://json-schema.org/draft/2020-12/schema", Qt = "https://farris-
     description: "",
     type: "object"
   }
-}, tn = [
+}, cn = [
   "id",
   "type"
-], nn = {
-  $schema: Xt,
-  $id: Qt,
-  title: Yt,
-  description: Kt,
-  type: Ht,
-  properties: en,
-  required: tn
-}, we = {
+], pn = {
+  $schema: nn,
+  $id: rn,
+  title: an,
+  description: sn,
+  type: ln,
+  properties: un,
+  required: cn
+}, xe = {
   initialState: {
     type: Object,
     default: {
@@ -1843,142 +1623,142 @@ const Xt = "https://json-schema.org/draft/2020-12/schema", Qt = "https://farris-
       uniqueColClassInEL: 2
     }
   }
-}, on = oe(we, nn, Zt, _t), rn = /* @__PURE__ */ te({
+}, dn = le(xe, pn, Yo, on), mn = /* @__PURE__ */ _({
   name: "FResponseFormLayoutSetting",
-  props: we,
+  props: xe,
   emits: ["change"],
-  setup(e, t) {
-    const n = [1], o = [1, 2], i = [1, 2, 3, 4], d = [1, 2, 3, 4, 6];
-    let y = [], w = [], C = [], l = [];
-    const f = O(e.initialState), r = O(-1), c = O(-1), g = O(-1), s = O(-1);
-    function p() {
-      const h = "自定义", D = 12 / f.value.uniqueColClassInSM;
-      n.includes(D) ? r.value = D : (y.push({
+  setup(t, e) {
+    const o = [1], i = [1, 2], n = [1, 2, 3, 4], l = [1, 2, 3, 4, 6];
+    let p = [], C = [], g = [], y = [];
+    const F = B(t.initialState), m = B(-1), w = B(-1), E = B(-1), L = B(-1);
+    function $() {
+      const M = "自定义", q = 12 / F.value.uniqueColClassInSM;
+      o.includes(q) ? m.value = q : (p.push({
         value: 0,
-        name: h
-      }), r.value = 0);
-      const N = 12 / f.value.uniqueColClassInMD;
-      o.includes(N) ? c.value = N : (w.push({
+        name: M
+      }), m.value = 0);
+      const A = 12 / F.value.uniqueColClassInMD;
+      i.includes(A) ? w.value = A : (C.push({
         value: 0,
-        name: h
-      }), c.value = 0);
-      const L = 12 / f.value.uniqueColClassInLG;
-      i.includes(L) ? g.value = L : (C.push({
+        name: M
+      }), w.value = 0);
+      const O = 12 / F.value.uniqueColClassInLG;
+      n.includes(O) ? E.value = O : (g.push({
         value: 0,
-        name: h
-      }), g.value = 0);
-      const x = 12 / f.value.uniqueColClassInEL;
-      d.includes(x) ? s.value = x : (l.push({
+        name: M
+      }), E.value = 0);
+      const S = 12 / F.value.uniqueColClassInEL;
+      l.includes(S) ? L.value = S : (y.push({
         value: 0,
-        name: h
-      }), s.value = 0), y = [...y], w = [...w], C = [...C], l = [...l];
+        name: M
+      }), L.value = 0), p = [...p], C = [...C], g = [...g], y = [...y];
     }
-    function v() {
-      n.forEach((h) => {
-        y.push({
-          value: h,
-          name: h + ""
-        });
-      }), o.forEach((h) => {
-        w.push({
-          value: h,
-          name: h + ""
+    function R() {
+      o.forEach((M) => {
+        p.push({
+          value: M,
+          name: M + ""
         });
-      }), i.forEach((h) => {
+      }), i.forEach((M) => {
         C.push({
-          value: h,
-          name: h + ""
+          value: M,
+          name: M + ""
         });
-      }), d.forEach((h) => {
-        l.push({
-          value: h,
-          name: h + ""
+      }), n.forEach((M) => {
+        g.push({
+          value: M,
+          name: M + ""
+        });
+      }), l.forEach((M) => {
+        y.push({
+          value: M,
+          name: M + ""
         });
       });
     }
-    function b() {
-      Xe.question("应用统一布局，将重置区域内部所有控件的宽度样式，确定应用?", "", () => {
-        f.value.uniqueColClassInSM = r.value === 0 ? null : 12 / r.value, f.value.uniqueColClassInMD = c.value === 0 ? null : 12 / c.value, f.value.uniqueColClassInLG = g.value === 0 ? null : 12 / g.value, f.value.uniqueColClassInEL = s.value === 0 ? null : 12 / s.value, t.emit("change", f.value);
+    function P() {
+      ko.question("应用统一布局，将重置区域内部所有控件的宽度样式，确定应用?", "", () => {
+        F.value.uniqueColClassInSM = m.value === 0 ? null : 12 / m.value, F.value.uniqueColClassInMD = w.value === 0 ? null : 12 / w.value, F.value.uniqueColClassInLG = E.value === 0 ? null : 12 / E.value, F.value.uniqueColClassInEL = L.value === 0 ? null : 12 / L.value, e.emit("change", F.value);
       }, () => {
       });
     }
-    return re(() => {
-      v(), p();
-    }), () => P("div", null, [P("div", {
+    return ce(() => {
+      R(), $();
+    }), () => b("div", null, [b("div", {
       class: "f-form-layout farris-form farris-form-controls-inline"
-    }, [P("div", {
+    }, [b("div", {
       class: "form-group farris-form-group screenGroup"
-    }, [P("span", {
+    }, [b("span", {
       class: "screenName"
-    }, [X(" 小屏幕 ")]), P("div", {
+    }, [X(" 小屏幕 ")]), b("div", {
       class: "d-flex ml-2 screen-input"
-    }, [P(ne, {
-      data: y,
+    }, [b(ue, {
+      data: p,
       idField: "value",
       valueField: "value",
       editable: !1,
       enableClear: !1,
-      modelValue: r.value,
-      "onUpdate:modelValue": (h) => r.value = h
-    }, null), P("span", {
+      modelValue: m.value,
+      "onUpdate:modelValue": (M) => m.value = M
+    }, null), b("span", {
       class: "ml-2 columnText"
-    }, [X("列")])])]), P("div", {
+    }, [X("列")])])]), b("div", {
       class: "form-group farris-form-group screenGroup"
-    }, [P("span", {
+    }, [b("span", {
       class: "screenName"
-    }, [X("中等屏幕")]), P("div", {
+    }, [X("中等屏幕")]), b("div", {
       class: "d-flex ml-2 screen-input"
-    }, [P(ne, {
-      data: w,
+    }, [b(ue, {
+      data: C,
       idField: "value",
       valueField: "value",
       editable: !1,
       enableClear: !1,
-      modelValue: c.value,
-      "onUpdate:modelValue": (h) => c.value = h
-    }, null), P("span", {
+      modelValue: w.value,
+      "onUpdate:modelValue": (M) => w.value = M
+    }, null), b("span", {
       class: "ml-2 columnText"
-    }, [X("列")])])]), P("div", {
+    }, [X("列")])])]), b("div", {
       class: "form-group farris-form-group screenGroup"
-    }, [P("span", {
+    }, [b("span", {
       class: "screenName"
-    }, [X("大屏幕")]), P("div", {
+    }, [X("大屏幕")]), b("div", {
       class: "d-flex ml-2 screen-input"
-    }, [P(ne, {
-      data: C,
+    }, [b(ue, {
+      data: g,
       idField: "value",
       valueField: "value",
       editable: !1,
       enableClear: !1,
-      modelValue: g.value,
-      "onUpdate:modelValue": (h) => g.value = h
-    }, null), P("span", {
+      modelValue: E.value,
+      "onUpdate:modelValue": (M) => E.value = M
+    }, null), b("span", {
       class: "ml-2 columnText"
-    }, [X("列")])])]), P("div", {
+    }, [X("列")])])]), b("div", {
       class: "form-group farris-form-group screenGroup"
-    }, [P("span", {
+    }, [b("span", {
       class: "screenName"
-    }, [X("极大屏幕")]), P("div", {
+    }, [X("极大屏幕")]), b("div", {
       class: "d-flex ml-2 screen-input"
-    }, [P(ne, {
-      data: l,
+    }, [b(ue, {
+      data: y,
       idField: "value",
       valueField: "value",
       editable: !1,
       enableClear: !1,
-      modelValue: s.value,
-      "onUpdate:modelValue": (h) => s.value = h
-    }, null), P("span", {
+      modelValue: L.value,
+      "onUpdate:modelValue": (M) => L.value = M
+    }, null), b("span", {
       class: "ml-2 columnText"
-    }, [X("列")])])])]), P("div", {
+    }, [X("列")])])])]), b("div", {
       class: "applyBtn"
-    }, [P("button", {
+    }, [b("button", {
       class: "btn f-rt-btn btn-primary",
       type: "button",
-      onClick: () => b()
+      onClick: () => P()
     }, [X("应用")])])]);
   }
-}), an = "https://json-schema.org/draft/2020-12/schema", ln = "https://farris-design.gitee.io/response-form.schema.json", sn = "response-form", cn = "A Farris Data Collection Component", un = "object", pn = {
+}), fn = "https://json-schema.org/draft/2020-12/schema", yn = "https://farris-design.gitee.io/response-form.schema.json", gn = "response-form", hn = "A Farris Data Collection Component", Cn = "object", vn = {
   id: {
     description: "The unique identifier for a form group",
     type: "string"
@@ -2021,19 +1801,19 @@ const Xt = "https://json-schema.org/draft/2020-12/schema", Qt = "https://farris-
     type: "boolean",
     default: !0
   }
-}, dn = [
+}, Fn = [
   "id",
   "type",
   "contents"
-], mn = {
-  $schema: an,
-  $id: ln,
-  title: sn,
-  description: cn,
-  type: un,
-  properties: pn,
-  required: dn
-}, fn = "https://json-schema.org/draft/2020-12/schema", yn = "https://farris-design.gitee.io/form-group.schema.json", gn = "form-group", vn = "A Farris Input Component", bn = "object", hn = {
+], bn = {
+  $schema: fn,
+  $id: yn,
+  title: gn,
+  description: hn,
+  type: Cn,
+  properties: vn,
+  required: Fn
+}, wn = "https://json-schema.org/draft/2020-12/schema", In = "https://farris-design.gitee.io/form-group.schema.json", Vn = "form-group", Tn = "A Farris Input Component", kn = "object", Mn = {
   id: {
     description: "The unique identifier for a form group",
     type: "string"
@@ -2108,40 +1888,42 @@ const Xt = "https://json-schema.org/draft/2020-12/schema", Qt = "https://farris-
     type: "boolean",
     default: !1
   }
-}, Cn = [
+}, Bn = [
   "id",
   "type",
   "editor"
-], Te = {
-  $schema: fn,
-  $id: yn,
-  title: gn,
-  description: vn,
-  type: bn,
-  properties: hn,
-  required: Cn
-}, Ie = oe(Be, mn, ce, Jt), ke = oe(
+], Ee = {
+  $schema: wn,
+  $id: In,
+  title: Vn,
+  description: Tn,
+  type: kn,
+  properties: Mn,
+  required: Bn
+}, Pe = le($e, bn, ge, tn), Le = le(
+  Ve,
+  Ee,
   ge,
-  Te,
-  ce,
   void 0
-), Fn = Oe(), wn = oe(
-  Pe,
-  Te,
-  ce,
+), xn = We(), En = le(
+  Ae,
+  Ee,
+  ge,
   void 0
 );
-ae.register = (e, t, n, o) => {
-  e["form-group"] = Ee, t["form-group"] = ke, e["response-form"] = De, t["response-form"] = Ie, e["form-input"] = Ne, t["form-input"] = wn, o["form-group"] = { editorResolver: Fn }, e["response-form-layout-setting"] = rn, t["response-form-layout-setting"] = on;
+pe.register = (t, e, o, i) => {
+  t["form-group"] = No, e["form-group"] = Le, t["response-form"] = Re, e["response-form"] = Pe, t["form-input"] = qe, e["form-input"] = En, i["form-group"] = { editorResolver: xn }, t["response-form-layout-setting"] = mn, e["response-form-layout-setting"] = dn;
 };
-ae.registerDesigner = (e, t, n) => {
-  e["form-group"] = Gt, t["form-group"] = ke, e["response-form"] = ae, t["response-form"] = Ie;
+pe.registerDesigner = (t, e, o) => {
+  t["form-group"] = _o, e["form-group"] = Le, t["response-form"] = pe, e["response-form"] = Pe;
 };
 export {
-  ae as FResponseFormDesign,
-  ae as default,
-  Fn as editorResolver,
-  ke as formGroupPropsResolver,
-  wn as formInputPropsResolver,
-  Ie as formPropsResolver
+  No as FDynamicFormGroup,
+  pe as FResponseFormDesign,
+  pe as default,
+  xn as editorResolver,
+  Le as formGroupPropsResolver,
+  En as formInputPropsResolver,
+  Pe as formPropsResolver,
+  Ao as useDesignerRules
 };