@farris/ui-vue 1.7.2-beta.1 → 1.7.2-beta.2

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

@@ -1,13 +1,17 @@
-var Me = Object.defineProperty;
-var xe = (e, t, n) => t in e ? Me(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
-var te = (e, t, n) => xe(e, typeof t != "symbol" ? t + "" : t, n);
-import { dynamicFormGroupProps as ve, FDynamicFormLabel as Be, responseFormProps as Pe, dynamicFormInputProps as Ee, FDynamicFormGroup as De, FResponseForm as $e, FDynamicFormInput as Ne } from "../../components/dynamic-form/index.esm.js";
-import { schemaMap as Se, propertyConfigSchemaMapForDesigner as Le, resolveAppearance as Oe, createPropsResolver as re, createFormGroupEditorResolver as Ae } from "../../components/dynamic-resolver/index.esm.js";
-import { defineComponent as ne, ref as A, inject as Y, onMounted as ie, computed as K, withDirectives as Re, createVNode as P, resolveDirective as Ue, mergeProps as be, watch as je, createTextVNode as Q } from "vue";
-import { DgControl as u, refreshCanvas as qe, UseTemplateDragAndDropRules as Ge, useDragulaCommonRule as Ze, useDesignerComponent as ce } from "../../components/designer-canvas/index.esm.js";
-import { useGuid as pe, areaResponseDirective as ze, useThirdComponent as he, useTextBoxDesign as We, FormSchemaEntityField$Type as de, FormSchemaEntityFieldTypeName as me } from "../../components/common/index.esm.js";
-import { BaseControlProperty as Je, FormBindingType as H, InputBaseProperty as _e } from "../../components/property-panel/index.esm.js";
-import { useResponseLayoutEditorSetting as Xe } from "../response-layout-editor/index.esm.js";
+var Ae = Object.defineProperty;
+var Re = (e, t, n) => t in e ? Ae(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
+var ie = (e, t, n) => Re(e, typeof t != "symbol" ? t + "" : t, n);
+import { dynamicFormGroupProps as we, FDynamicFormLabel as Ue, dynamicFormInputProps as qe, FDynamicFormGroup as Se, FResponseForm as Ge, FDynamicFormInput as ze } from "../../components/dynamic-form/index.esm.js";
+import { schemaMap as Ze, resolveAppearance as We, createPropsResolver as ae, propertyConfigSchemaMapForDesigner as Je, createFormGroupEditorResolver as _e } from "../../components/dynamic-resolver/index.esm.js";
+import { defineComponent as ee, ref as R, inject as Y, onMounted as ne, computed as H, withDirectives as ke, createVNode as D, createTextVNode as Q, resolveDirective as Ie, watch as le, reactive as ge, mergeProps as Pe } from "vue";
+import { DgControl as p, refreshCanvas as Xe, UseTemplateDragAndDropRules as Qe, useDragulaCommonRule as Ye, useDesignerComponent as ce } from "../../components/designer-canvas/index.esm.js";
+import { useGuid as be, FormSchemaEntityField$Type as ve, FormSchemaEntityFieldTypeName as he, areaResponseDirective as He, getCustomClass as fe, useThirdComponent as Ve, useTextBoxDesign as Ke } from "../../components/common/index.esm.js";
+import { BaseControlProperty as et, FormBindingType as K, InputBaseProperty as tt } from "../../components/property-panel/index.esm.js";
+import { useResponseLayoutEditorSetting as nt } from "../response-layout-editor/index.esm.js";
+import { createPropsResolver as xe } from "../../components/designer/index.esm.js";
+import { cloneDeep as de, mergeWith as ot, merge as rt, isPlainObject as Ce } from "lodash-es";
+import { loadRegister as it, useComponentManager as at, useBindingData as st, useEntityState as lt, useDynamicViewUtils as ct, componentMap as ue, resolverMap as ut } from "../../components/dynamic-view/index.esm.js";
+import { LocaleService as dt } from "../../components/locale/index.esm.js";
 import "../../components/accordion/index.esm.js";
 import "../../components/avatar/index.esm.js";
 import "../button-edit/index.esm.js";
@@ -17,7 +21,7 @@ import "../capsule/index.esm.js";
 import "../checkbox/index.esm.js";
 import "../checkbox-group/index.esm.js";
 import "../../components/color-picker/index.esm.js";
-import oe from "../../components/combo-list/index.esm.js";
+import se 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";
@@ -68,7 +72,6 @@ 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 fe, cloneDeep as ae } from "lodash-es";
 import "../../components/combo-tree/index.esm.js";
 import "../../components/events-editor/index.esm.js";
 import "../../components/field-selector/index.esm.js";
@@ -85,439 +88,1109 @@ 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 Qe } from "../../components/message-box/index.esm.js";
-const Ce = {
-  id: { type: String, default: "" },
-  customClass: { type: String, default: "" },
-  customStyle: { type: String, default: "" },
-  /** 筛选组件配置器，具体配置项可查看各组件文档 */
-  editor: { type: Object, default: {} },
-  label: { type: String, default: "" },
-  /** value is uncertain because type is uncertain, default value should not be set */
-  modelValue: { type: [String, Boolean, Array, Number] },
-  // readonly: { type: Boolean, default: false },
-  visible: { type: Boolean, default: !0 },
-  required: { type: Boolean, default: !1 },
-  showLabel: { type: Boolean, default: !0 },
-  /**
-   * visible相当于showLabel为true,none相当于showLabel为false
-   */
-  showLabelType: { type: String, default: "visible" },
-  type: { type: String, default: "input-group" },
-  componentId: { type: String, default: "" },
-  errors: { type: Object, default: null },
-  fill: { type: Boolean, default: !1 }
-};
-function Ye(e, t) {
-  function n(h, a = null) {
-    if (a)
-      return a;
-    const f = e.getComponentById(t);
-    return e.selectNode(f, (i) => i.id === h);
-  }
-  function o(h) {
-    const a = e.getComponentById(h);
-    return !(!a || !a.componentType || !a.componentType.startsWith("form"));
-  }
-  function r(h) {
-    const a = new Set(h);
-    return Array.from(a).length === 1;
-  }
-  function m(h) {
-    const a = n(h.id), f = Xe(e), i = [];
-    f.getResonseFormLayoutConfig(a, i, 1);
-    const s = i.map(($) => $.columnInSM), g = i.map(($) => $.columnInMD), c = i.map(($) => $.columnInLG), p = i.map(($) => $.columnInEL), v = r(s) ? s[0] : 0, b = r(g) ? g[0] : 0, C = r(c) ? c[0] : 0, D = r(p) ? p[0] : 0;
+import { FMessageBoxService as pt } from "../../components/message-box/index.esm.js";
+function mt(e, t) {
+  function n(T, l = null) {
+    if (l)
+      return l;
+    const b = e.getComponentById(t);
+    return e.selectNode(b, (i) => i.id === T);
+  }
+  function o(T) {
+    const l = e.getComponentById(T);
+    return !(!l || !l.componentType || !l.componentType.startsWith("form"));
+  }
+  function a(T) {
+    const l = new Set(T);
+    return Array.from(l).length === 1;
+  }
+  function m(T) {
+    const l = n(T.id), b = nt(e), i = [];
+    b.getResonseFormLayoutConfig(l, i, 1);
+    const c = i.map((O) => O.columnInSM), F = i.map((O) => O.columnInMD), u = i.map((O) => O.columnInLG), f = i.map((O) => O.columnInEL), w = a(c) ? c[0] : 0, k = a(F) ? F[0] : 0, h = a(u) ? u[0] : 0, j = a(f) ? f[0] : 0;
     return {
-      uniqueColClassInSM: v,
-      uniqueColClassInMD: b,
-      uniqueColClassInLG: C,
-      uniqueColClassInEL: D
+      uniqueColClassInSM: w,
+      uniqueColClassInMD: k,
+      uniqueColClassInLG: h,
+      uniqueColClassInEL: j
     };
   }
-  function y(h, a) {
-    let f, i, s, g, c = [];
-    if (h) {
-      const $ = h.split(" "), O = $.filter((B) => B.startsWith("col-"));
-      f = O.find((B) => /^col-([1-9]|10|11|12)$/.test(B)), i = O.find((B) => /^col-md-([1-9]|10|11|12)$/.test(B)), s = O.find((B) => /^col-xl-([1-9]|10|11|12)$/.test(B)), g = O.find((B) => /^col-el-([1-9]|10|11|12)$/.test(B)), c = $.filter((B) => !B.startsWith("col-"));
+  function g(T, l) {
+    let b, i, c, F, u = [];
+    if (T) {
+      const O = T.split(" "), N = O.filter((B) => B.startsWith("col-"));
+      b = N.find((B) => /^col-([1-9]|10|11|12)$/.test(B)), i = N.find((B) => /^col-md-([1-9]|10|11|12)$/.test(B)), c = N.find((B) => /^col-xl-([1-9]|10|11|12)$/.test(B)), F = N.find((B) => /^col-el-([1-9]|10|11|12)$/.test(B)), u = O.filter((B) => !B.startsWith("col-"));
     }
-    const p = a.uniqueColClassInSM ? "col-" + a.uniqueColClassInSM : f, v = a.uniqueColClassInMD ? "col-md-" + a.uniqueColClassInMD : i, b = a.uniqueColClassInLG ? "col-xl-" + a.uniqueColClassInLG : s, C = a.uniqueColClassInEL ? "col-el-" + a.uniqueColClassInEL : g;
-    return [p, v, b, C].concat(c).join(" ");
+    const f = l.uniqueColClassInSM ? "col-" + l.uniqueColClassInSM : b, w = l.uniqueColClassInMD ? "col-md-" + l.uniqueColClassInMD : i, k = l.uniqueColClassInLG ? "col-xl-" + l.uniqueColClassInLG : c, h = l.uniqueColClassInEL ? "col-el-" + l.uniqueColClassInEL : F;
+    return [f, w, k, h].concat(u).join(" ");
   }
-  function w(h, a, f) {
-    h = n(f, h), h.contents.forEach((i) => {
-      if (i.type === u.fieldset.type) {
-        w(i, a, i.id);
+  function V(T, l, b) {
+    T = n(b, T), T.contents.forEach((i) => {
+      if (i.type === p["dynamic-form"].type)
+        return;
+      if (i.type === p.fieldset.type) {
+        V(i, l, i.id);
         return;
       }
       i.appearance || (i.appearance = {});
-      const s = i.appearance.class;
-      i.appearance.class = y(s, a);
+      const c = i.appearance.class;
+      i.appearance.class = g(c, l);
     });
   }
-  return { checkIsInFormComponent: o, assembleUnifiedLayoutContext: m, changeFormControlsByUnifiedLayoutConfig: w };
+  return { checkIsInFormComponent: o, assembleUnifiedLayoutContext: m, changeFormControlsByUnifiedLayoutConfig: V, changeControlClassInByColumn: g };
 }
-class He extends Je {
+class Me extends et {
   constructor(t, n) {
     super(t, n);
   }
   getPropertyConfig(t, n) {
     const o = this;
     this.propertyConfig.categories.basic = this.getBasicPropConfig(t);
-    const { checkIsInFormComponent: r, assembleUnifiedLayoutContext: m, changeFormControlsByUnifiedLayoutConfig: y } = Ye(this.formSchemaUtils, this.componentId), w = this.getAppearanceConfig(t), h = r(this.componentId);
-    return w.properties.adaptForLanguage = {
+    const { checkIsInFormComponent: a, assembleUnifiedLayoutContext: m, changeFormControlsByUnifiedLayoutConfig: g, changeControlClassInByColumn: V } = mt(this.formSchemaUtils, this.componentId), T = this.getAppearanceConfig(t), l = a(this.componentId);
+    T.properties.adaptForLanguage = {
       title: "控件布局响应国际化",
       description: "启用国际化后：简体中文、繁体中文环境下控件标签与输入框在一行展示，其他语言环境下控件标签与输入框上下排列。",
-      visible: h,
+      visible: t.formType === "dynamic" || l,
       type: "boolean"
-    }, w.properties.labelAutoOverflow = {
+    }, T.properties.labelAutoOverflow = {
       title: "控件标签换行",
       description: "控件标签字数超长时，换行显示。控件标签与输入框在一行展示时，此属性有效。",
-      visible: h,
+      visible: t.formType === "dynamic" || l,
       type: "boolean"
-    }, w.properties.unifiedLayout = {
+    }, T.properties.formType = {
+      title: "控件来源",
+      description: "",
+      type: "enum",
+      editor: {
+        readonly: t.type === "dynamic-form",
+        type: "combo-list",
+        textField: "name",
+        valueField: "value",
+        data: [
+          {
+            value: "static",
+            name: "静态"
+          },
+          {
+            value: "dynamic",
+            name: "动态"
+          },
+          {
+            value: "mixed",
+            name: "混合"
+          }
+        ]
+      },
+      refreshPanelAfterChanged: !0
+    }, T.properties.unifiedLayout = {
       title: "统一布局配置",
       description: "统一配置卡片区域内所有控件的宽度，只支持标准模式",
-      visible: h,
+      visible: t.formType === "dynamic" || l,
       refreshPanelAfterChanged: !0,
       editor: {
         type: "response-form-layout-setting",
         initialState: m(t)
       }
-    }, w.setPropertyRelates = function(a, f) {
-      if (a)
-        switch (a && a.propertyID) {
+    }, T.setPropertyRelates = function(i, c) {
+      if (i)
+        switch (i && i.propertyID) {
           case "unifiedLayout": {
-            y(null, a.propertyValue, t.id), o.updateElementByParentContainer(t.id, n);
+            t.formType === "dynamic" ? t.layout = V("", i.propertyValue) : (g(null, i.propertyValue, t.id), o.updateElementByParentContainer(t.id, n));
             break;
           }
           case "labelAutoOverflow": {
-            o.setLabelAutoOverflow(t, a.propertyValue), qe();
+            o.setLabelAutoOverflow(t, i.propertyValue), Xe();
             break;
           }
         }
-    }, this.propertyConfig.categories.appearance = w, this.propertyConfig.categories.behavior = this.getBehaviorConfig(t), this.propertyConfig;
+    }, this.propertyConfig.categories.appearance = T;
+    let b = {};
+    if (t.formType && ["dynamic", "mixed"].indexOf(t.formType) > -1) {
+      const i = this.getPropertyEditorParams(t, ["Variable", "Custom"], "fields", {}, { newVariablePrefix: "", newVariableType: "Array" }), c = this.getPropertyEditorParams(t, ["Variable", "Custom"], "formData", {}, { newVariablePrefix: "", newVariableType: "Object" });
+      b = {
+        fields: {
+          title: "动态控件列表",
+          type: "string",
+          description: "动态控件列表",
+          editor: i
+        },
+        formData: {
+          title: "动态控件列表初始值",
+          type: "string",
+          description: "动态控件列表初始值",
+          editor: c
+        }
+      };
+    }
+    return this.propertyConfig.categories.behavior = this.getBehaviorConfig(t, "", b, (i, c) => {
+      switch (i.propertyID) {
+        case "fields":
+        case "formData":
+          o.afterMutilEditorChanged(t, i);
+          break;
+      }
+    }), this.propertyConfig;
   }
   setLabelAutoOverflow(t, n, o) {
     if (!o) {
-      const r = this.formSchemaUtils.getComponentById(this.componentId);
-      o = this.formSchemaUtils.selectNode(r, (m) => m.id === t.id);
+      const a = this.formSchemaUtils.getComponentById(this.componentId);
+      o = this.formSchemaUtils.selectNode(a, (m) => m.id === t.id);
     }
-    o && o.contents && o.contents.length && o.contents.forEach((r) => {
-      if (r.type === u.fieldset.type) {
-        this.setLabelAutoOverflow(null, n, r);
+    o && o.contents && o.contents.length && o.contents.forEach((a) => {
+      if (a.type === p.fieldset.type) {
+        this.setLabelAutoOverflow(null, n, a);
         return;
       }
-      r.appearance || (r.appearance = {
+      a.appearance || (a.appearance = {
         class: ""
-      }), r.appearance.class || (r.appearance.class = ""), n ? r.appearance.class.includes("farris-group-multi-label") || (r.appearance.class = r.appearance.class + " farris-group-multi-label") : r.appearance.class = r.appearance.class.replace("farris-group-multi-label", "").trim();
+      }), a.appearance.class || (a.appearance.class = ""), n ? a.appearance.class.includes("farris-group-multi-label") || (a.appearance.class = a.appearance.class + " farris-group-multi-label") : a.appearance.class = a.appearance.class.replace("farris-group-multi-label", "").trim();
     });
   }
 }
-function Ke(e, t) {
-  const n = e.schema, o = new Ge(), { canMove: r, canAccept: m, canDelete: y } = o.getTemplateRule(e, t);
-  function w(l, d) {
-    const { sourceElement: F } = l, { componentInstance: k } = F, I = t == null ? void 0 : t.formSchemaUtils;
-    if (!I)
+function ft(e, t) {
+  const n = e.schema, o = new Qe(), { canMove: a, canAccept: m, canDelete: g } = o.getTemplateRule(e, t);
+  function V(s, y) {
+    const { sourceElement: C } = s, { componentInstance: r } = C, d = t == null ? void 0 : t.formSchemaUtils;
+    if (!d)
       return !0;
-    const x = I.getComponentById(k.value.belongedComponentId), E = I.getViewModelById(x.viewModel), V = I.getComponentById(e.componentInstance.value.belongedComponentId), T = I.getViewModelById(V.viewModel);
-    return d ? 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 v = d.getComponentById(r.value.belongedComponentId), P = d.getViewModelById(v.viewModel), x = d.getComponentById(e.componentInstance.value.belongedComponentId), I = d.getViewModelById(x.viewModel);
+    return y ? P != null && P.id && (I != null && I.id) && P.id !== I.id ? P.bindTo === I.bindTo : !0 : (P == null ? void 0 : P.id) === (I == null ? void 0 : I.id);
   }
-  function h(l) {
-    const { bindingTargetId: d } = l;
+  function T(s) {
+    const { bindingTargetId: y } = s;
     if (!t)
       return;
-    const { formSchemaUtils: F, schemaService: k } = t, I = F.getComponentById(e.componentInstance.value.belongedComponentId), x = k.getFieldByIDAndVMID(d, I.viewModel);
-    return !!(x != null && x.schemaField);
+    const { formSchemaUtils: C, schemaService: r } = t, d = C.getComponentById(e.componentInstance.value.belongedComponentId), v = r.getFieldByIDAndVMID(y, d.viewModel);
+    return !!(v != null && v.schemaField);
   }
-  function a(l) {
-    const d = o.getComponentContext(e);
-    if (d && d.componentClassList && d.componentClassList.includes("f-form-layout") && d.componentClassList.includes("farris-form")) {
-      if (l.sourceType === "control" && (l.componentCategory === "input" || l.componentType === "fieldset"))
+  function l(s) {
+    const y = o.getComponentContext(e);
+    if (y && y.componentClassList && y.componentClassList.includes("f-form-layout") && y.componentClassList.includes("farris-form")) {
+      if (s.sourceType === "control" && (s.componentCategory === "input" || s.componentType && ["fieldset", "dynamic-form"].indexOf(s.componentType) > -1))
         return !0;
-      if (l.sourceType === "move") {
-        if (l.componentType === "form-group")
-          return w(l, !0);
-        if (l.componentType === "fieldset")
-          return w(l, !1);
+      if (s.sourceType === "move") {
+        if (s.componentType === "form-group")
+          return V(s, !0);
+        if (s.componentType === "fieldset")
+          return V(s, !1);
+        if (s.componentType === "dynamic-form")
+          return !0;
       }
-      return l.sourceType === "field" && l.componentCategory === "input" ? h(l) : !1;
+      return s.sourceType === "field" && s.componentCategory === "input" ? T(s) : !1;
     }
     return !0;
   }
-  function f(l) {
-    return !(!Ze().basalDragulaRuleForContainer(l, t) || !m || !a(l));
-  }
-  function i(l) {
-    var T;
-    const d = l.componentInstance, F = d.value.schema, k = t == null ? void 0 : t.formSchemaUtils, I = t == null ? void 0 : t.designViewModelUtils, x = k.getViewModelIdByComponentId(d.value.belongedComponentId), E = I.getDgViewModel(x), V = d.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 H.Form: {
-          E.changeField(F.binding.field, S);
+  function b(s) {
+    return !(!Ye().basalDragulaRuleForContainer(s, t) || !m || !l(s));
+  }
+  function i(s) {
+    var I;
+    const y = s.componentInstance, C = y.value.schema, r = t == null ? void 0 : t.formSchemaUtils, d = t == null ? void 0 : t.designViewModelUtils, v = r.getViewModelIdByComponentId(y.value.belongedComponentId), P = d.getDgViewModel(v), x = y.value.parent;
+    if (x && p.fieldset && ((I = x.schema) == null ? void 0 : I.type) === p.fieldset.type && P) {
+      const $ = { groupId: null, groupName: null };
+      switch (C.binding.type) {
+        case K.Form: {
+          P.changeField(C.binding.field, $);
           break;
         }
-        case H.Variable: {
-          k.modifyViewModelFieldById(x, F.binding.field, S, !0);
+        case K.Variable: {
+          r.modifyViewModelFieldById(v, C.binding.field, $, !0);
           break;
         }
       }
     }
   }
-  function s(l, d, F) {
-    const k = d.fields.find((T) => T.id === l), I = t == null ? void 0 : t.designViewModelUtils, x = I.getDgViewModel(d.id), E = x.fields.find((T) => T.id === l);
-    x.removeField([l]);
-    const V = I.getDgViewModel(F);
-    V.addField(E), k.fieldSchema && V.changeField(E.id, k.fieldSchema);
+  function c(s, y, C) {
+    const r = y.fields.find((I) => I.id === s), d = t == null ? void 0 : t.designViewModelUtils, v = d.getDgViewModel(y.id), P = v.fields.find((I) => I.id === s);
+    v.removeField([s]);
+    const x = d.getDgViewModel(C);
+    x.addField(P), r.fieldSchema && x.changeField(P.id, r.fieldSchema);
   }
-  function g(l, d, F, k = []) {
-    const I = d.id, x = l.binding.field, E = d.fields.findIndex((T) => T.id === x);
-    if (E > -1 && (F.fields.push(d.fields[E]), d.fields.splice(E, 1)), I === "root-viewmodel" && F.id !== "root-viewmodel") {
-      l.binding.path && !l.binding.path.includes("root-component.") && (l.binding.path = "root-component." + l.binding.path);
+  function F(s, y, C, r = []) {
+    const d = y.id, v = s.binding.field, P = y.fields.findIndex((I) => I.id === v);
+    if (P > -1 && (C.fields.push(y.fields[P]), y.fields.splice(P, 1)), d === "root-viewmodel" && C.id !== "root-viewmodel") {
+      s.binding.path && !s.binding.path.includes("root-component.") && (s.binding.path = "root-component." + s.binding.path);
       return;
     }
-    if (F.id === "root-viewmodel" && I !== "root-viewmodel" && l.binding.path && l.binding.path.includes("root-component.")) {
-      l.binding.path = l.binding.path.replace("root-component.", "");
+    if (C.id === "root-viewmodel" && d !== "root-viewmodel" && s.binding.path && s.binding.path.includes("root-component.")) {
+      s.binding.path = s.binding.path.replace("root-component.", "");
       return;
     }
-    const V = d.states.find((T) => T.id === x);
-    V && (F.states = F.states ? F.states : [], F.states.findIndex((T) => T.id === V.id) < 0 && (F.states.push(V), k.push(V.id)));
+    const x = y.states.find((I) => I.id === v);
+    x && (C.states = C.states ? C.states : [], C.states.findIndex((I) => I.id === x.id) < 0 && (C.states.push(x), r.push(x.id)));
   }
-  function c(l, d, F, k = []) {
-    var E;
-    if (!l)
+  function u(s, y, C, r = []) {
+    var P;
+    if (!s)
       return;
-    const I = d.id === "root-viewmodel" && F.id !== "root-viewmodel", x = F.id === "root-viewmodel" && d.id !== "root-viewmodel";
-    Object.keys(l).forEach((V) => {
-      if (V === "binding")
+    const d = y.id === "root-viewmodel" && C.id !== "root-viewmodel", v = C.id === "root-viewmodel" && y.id !== "root-viewmodel";
+    Object.keys(s).forEach((x) => {
+      if (x === "binding")
         return;
-      const T = l[V];
-      if (T && typeof T == "object" && T.type === H.Variable && T.field) {
-        if (I) {
-          T.path && !T.path.includes("root-component.") && (T.path = "root-component." + T.path);
+      const I = s[x];
+      if (I && typeof I == "object" && I.type === K.Variable && I.field) {
+        if (d) {
+          I.path && !I.path.includes("root-component.") && (I.path = "root-component." + I.path);
           return;
         }
-        if (x && T.path && T.path.includes("root-component.")) {
-          T.path = T.path.replace("root-component.", "");
+        if (v && I.path && I.path.includes("root-component.")) {
+          I.path = I.path.replace("root-component.", "");
           return;
         }
-        const S = d.states.find((L) => L.id === T.field);
-        if (S) {
-          k.push(S.id), F.states = F.states ? F.states : [];
-          const L = F.states.find((U) => U.code === S.code);
+        const $ = y.states.find((L) => L.id === I.field);
+        if ($) {
+          r.push($.id), C.states = C.states ? C.states : [];
+          const L = C.states.find((A) => A.code === $.code);
           if (L)
-            T.field = L.id;
+            I.field = L.id;
           else {
-            const U = Object.assign({}, { newId: pe().guid() }, S);
-            F.states.push(U), T.field = U.newId;
+            const A = Object.assign({}, { newId: be().guid() }, $);
+            C.states.push(A), I.field = A.newId;
           }
         }
       }
-    }), (E = F.states) != null && E.length && F.states.map((V) => {
-      V.newId && (V.id = V.newId, delete V.newId);
+    }), (P = C.states) != null && P.length && C.states.map((x) => {
+      x.newId && (x.id = x.newId, delete x.newId);
     });
   }
-  function p(l, d, F) {
-    if (l && (d(l, F), l.contents))
-      for (const k of l.contents)
-        p(k, d, F);
+  function f(s, y, C) {
+    if (s && (y(s, C), s.contents))
+      for (const r of s.contents)
+        f(r, y, C);
   }
-  function v(l = [], d) {
-    if (!l.length)
+  function w(s = [], y) {
+    if (!s.length)
       return;
-    const F = t == null ? void 0 : t.formSchemaUtils, k = F.getComponentByViewModelId(d), I = [], x = (V, T) => {
-      V && (Object.keys(V).forEach((S) => {
-        const L = V[S];
-        L && typeof L == "object" && L.type === H.Variable && l.includes(L.field) && !T.includes(L.field) && T.push(L.field);
-      }), V.editor && x(V.editor, T));
+    const C = t == null ? void 0 : t.formSchemaUtils, r = C.getComponentByViewModelId(y), d = [], v = (x, I) => {
+      x && (Object.keys(x).forEach(($) => {
+        const L = x[$];
+        L && typeof L == "object" && L.type === K.Variable && s.includes(L.field) && !I.includes(L.field) && I.push(L.field);
+      }), x.editor && v(x.editor, I));
     };
-    p(k, x, I);
-    const E = F.getViewModelById(d);
-    l.forEach((V) => {
-      I.includes(V) || (E.states = E.states.filter((T) => T.id !== V));
+    f(r, v, d);
+    const P = C.getViewModelById(y);
+    s.forEach((x) => {
+      d.includes(x) || (P.states = P.states.filter((I) => I.id !== x));
     });
   }
-  function b(l) {
-    const d = pe().guid(), F = Object.assign({}, l, {
-      id: d,
-      code: l.code + d.slice(0, 4),
-      name: l.name + d.slice(0, 4)
-    }), x = (t == null ? void 0 : t.formSchemaUtils).getCommands().find((E) => E.id === l.cmpId);
-    return x && x.refedHandlers.push({
-      host: d,
-      handler: l.handlerName
-    }), F;
-  }
-  function C(l, d, F) {
-    var S, L, U;
-    const k = {}, I = l.type === "form-group" && l.editor ? l.editor.type : l.type, x = (S = Se[I]) == null ? void 0 : S.events;
-    if (!x)
+  function k(s) {
+    const y = be().guid(), C = Object.assign({}, s, {
+      id: y,
+      code: s.code + y.slice(0, 4),
+      name: s.name + y.slice(0, 4)
+    }), v = (t == null ? void 0 : t.formSchemaUtils).getCommands().find((P) => P.id === s.cmpId);
+    return v && v.refedHandlers.push({
+      host: y,
+      handler: s.handlerName
+    }), C;
+  }
+  function h(s, y, C) {
+    var $, L, A;
+    const r = {}, d = s.type === "form-group" && s.editor ? s.editor.type : s.type, v = ($ = Ze[d]) == null ? void 0 : $.events;
+    if (!v)
       return;
-    Object.keys(l).forEach((X) => {
-      const W = Object.keys(x).find((Z) => Z === X);
-      if (W && l[W]) {
-        const Z = d.commands.find((j) => j.code === l[W]);
-        if (Z) {
-          let j = k[Z.code];
-          j || (j = b(Z), k[Z.code] = j, F.commands.push(j)), l[W] = j.code;
+    Object.keys(s).forEach((G) => {
+      const U = Object.keys(v).find((q) => q === G);
+      if (U && s[U]) {
+        const q = y.commands.find((S) => S.code === s[U]);
+        if (q) {
+          let S = r[q.code];
+          S || (S = k(q), r[q.code] = S, C.commands.push(S)), s[U] = S.code;
         }
       }
     });
-    const V = (t == null ? void 0 : t.designViewModelUtils).getDgViewModel(F.id), T = ["valueChanging", "valueChanged"];
-    if (((L = l.binding) == null ? void 0 : L.type) === H.Form) {
-      const X = (U = F.fields) == null ? void 0 : U.find((W) => W.id === l.binding.field);
-      X && T.forEach((W) => {
-        if (X[W]) {
-          const Z = d.commands.find((j) => j.code === X[W]);
-          if (!Z)
+    const x = (t == null ? void 0 : t.designViewModelUtils).getDgViewModel(C.id), I = ["valueChanging", "valueChanged"];
+    if (((L = s.binding) == null ? void 0 : L.type) === K.Form) {
+      const G = (A = C.fields) == null ? void 0 : A.find((U) => U.id === s.binding.field);
+      G && I.forEach((U) => {
+        if (G[U]) {
+          const q = y.commands.find((S) => S.code === G[U]);
+          if (!q)
             return;
-          if (k[Z.code])
-            V.changeField(X.id, { [W]: k[Z.code].code });
+          if (r[q.code])
+            x.changeField(G.id, { [U]: r[q.code].code });
           else {
-            const j = b(Z);
-            k[Z.code] = j, F.commands.push(j), V.changeField(X.id, { [W]: j.code });
+            const S = k(q);
+            r[q.code] = S, C.commands.push(S), x.changeField(G.id, { [U]: S.code });
           }
         }
       });
     }
   }
-  function D(l) {
-    const d = t == null ? void 0 : t.formSchemaUtils, F = l.componentInstance, k = F.value.schema, I = d.getViewModelIdByComponentId(F.value.belongedComponentId), x = d.getViewModelById(I), E = d.getComponentById(e.componentInstance.value.belongedComponentId), V = d.getViewModelById(E.viewModel);
-    if (I !== V.id) {
-      const T = k.binding.type, S = k.binding.field, L = [];
-      switch (T) {
-        case H.Form: {
-          s(S, x, V.id);
+  function j(s) {
+    var I, $;
+    const y = t == null ? void 0 : t.formSchemaUtils, C = s.componentInstance, r = C.value.schema, d = y.getViewModelIdByComponentId(C.value.belongedComponentId), v = y.getViewModelById(d), P = y.getComponentById(e.componentInstance.value.belongedComponentId), x = y.getViewModelById(P.viewModel);
+    if (d !== x.id) {
+      const L = (I = r.binding) == null ? void 0 : I.type, A = ($ = r.binding) == null ? void 0 : $.field, G = [];
+      switch (L) {
+        case K.Form: {
+          c(A, v, x.id);
           break;
         }
-        case H.Variable: {
-          g(k, x, V, L);
+        case K.Variable: {
+          F(r, v, x, G);
           break;
         }
       }
-      c(k, x, V, L), c(k.editor, x, V, L), C(k, x, V), I !== "root-viewmodel" && v(L, I);
+      u(r, v, x, G), u(r.editor, v, x, G), h(r, v, x), d !== "root-viewmodel" && w(G, d);
     }
   }
-  function $(l) {
-    if (!l || !l.componentInstance)
+  function O(s) {
+    var r;
+    if (!s || !s.componentInstance)
+      return;
+    const C = s.componentInstance.value.schema;
+    if (C.type === "dynamic-form") {
+      const d = ((r = C == null ? void 0 : C.appearance) == null ? void 0 : r.class) || "";
+      d.indexOf("col-12") < 0 && (C.appearance = {
+        ...C.appearance,
+        class: d + " col-12 px-0"
+      }), j(s);
       return;
-    const F = l.componentInstance.value.schema;
-    !F.binding || !F.binding.field || (i(l), D(l));
+    }
+    !C.binding || !C.binding.field || (i(s), j(s));
   }
-  function O() {
+  function N() {
     return n.componentType ? "display:inherit;flex-direction:inherit;margin-bottom:10px" : "";
   }
-  function B(l) {
-    let d = "";
-    switch (l) {
+  function B(s) {
+    let y = "";
+    switch (s) {
       case 1: {
-        d = "col-12 col-md-12 col-xl-12 col-el-12";
+        y = "col-12 col-md-12 col-xl-12 col-el-12";
         break;
       }
       case 2: {
-        d = "col-12 col-md-6 col-xl-6 col-el-6";
+        y = "col-12 col-md-6 col-xl-6 col-el-6";
         break;
       }
       case 3: {
-        d = "col-12 col-md-6 col-xl-4 col-el-4";
+        y = "col-12 col-md-6 col-xl-4 col-el-4";
         break;
       }
       case 4: {
-        d = "col-12 col-md-6 col-xl-3 col-el-2";
+        y = "col-12 col-md-6 col-xl-3 col-el-2";
         break;
       }
     }
-    return d;
+    return y;
   }
-  function q(l, d) {
-    let F = !1;
+  function Z(s, y) {
+    let C = !1;
     if (e.schema && Object.prototype.hasOwnProperty.call(e.schema, "labelAutoOverflow"))
-      F = e.schema.labelAutoOverflow;
+      C = e.schema.labelAutoOverflow;
     else {
-      const k = t == null ? void 0 : t.formSchemaUtils, I = k == null ? void 0 : k.selectNode(d, (x) => x.type === u["response-form"].type);
-      I && (F = I.labelAutoOverflow);
+      const r = t == null ? void 0 : t.formSchemaUtils, d = r == null ? void 0 : r.selectNode(y, (v) => v.type === p["response-form"].type);
+      d && (C = d.labelAutoOverflow);
+    }
+    return C && (s += " farris-group-multi-label"), s;
+  }
+  function z(s) {
+    const y = e.componentInstance.value.getBelongedComponentInstance(e.componentInstance);
+    if (y && y.schema && y.schema.componentType) {
+      const { formColumns: C } = y.schema;
+      let r = B(C);
+      r = t == null ? void 0 : t.formSchemaUtils.getControlClassByFormUnifiedLayout(r, y.schema.id, e.schema), r = Z(r, y.schema), s.appearance || (s.appearance = {}), s.appearance.class = r;
+    }
+  }
+  function E(s, y, C, r) {
+    const { bindingSourceContext: d, parentComponentInstance: v } = s;
+    if (d != null && d.entityFieldNode && v) {
+      const P = t == null ? void 0 : t.designViewModelUtils, I = (t == null ? void 0 : t.formSchemaUtils).getViewModelIdByComponentId(v.belongedComponentId), $ = P.getDgViewModel(I);
+      $.removeField([d.entityFieldNode.id]), $.addField(d.designViewModelField), y && $.changeField(d.entityFieldNode.id, { editor: { $type: y }, groupId: C, groupName: r });
+    }
+  }
+  function M(s, y) {
+    var v, P, x;
+    const C = n;
+    if ((C.appearance && C.appearance.class || "").split(" ").includes("f-form-layout") && s.componentCategory === "input") {
+      const { label: I } = s;
+      let $;
+      const L = t == null ? void 0 : t.controlCreatorUtils;
+      return (v = s.bindingSourceContext) != null && v.entityFieldNode ? $ = L.setFormFieldProperty((P = s.bindingSourceContext) == null ? void 0 : P.entityFieldNode, y == null ? void 0 : y.type) : ($ = L.createFormGroupWithoutField(y == null ? void 0 : y.type), $.label = I), z($), E(s, (x = $.editor) == null ? void 0 : x.type), $;
+    }
+    return s.componentType === "dynamic-form" && (y.appearance = {
+      class: "col-12",
+      ...y.appearance
+    }), y;
+  }
+  function _() {
+    return a;
+  }
+  function W() {
+    return g;
+  }
+  function X() {
+    return !1;
+  }
+  function J(s) {
+    return new Me(s, t).getPropertyConfig(n, e.componentInstance.value);
+  }
+  return {
+    canAccepts: b,
+    checkCanDeleteComponent: W,
+    checkCanMoveComponent: _,
+    getStyles: N,
+    getPropsConfig: J,
+    hideNestedPaddingInDesginerView: X,
+    onAcceptMovedChildElement: O,
+    onResolveNewComponentSchema: M,
+    moveInputBetweenComponent: j,
+    resolveFormGroupAppearance: z,
+    syncFieldToViewModel: E
+  };
+}
+const yt = "root-viewmodel";
+class gt {
+  constructor(t, n) {
+    ie(this, "formSchemaUtils");
+    ie(this, "controlCreatorUtils");
+    ie(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), a = this.createViewModeNode(t), m = this.formSchemaUtils.getFormSchema();
+    return m.module.viewmodels.push(a), m.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,
+      appearance: {
+        class: this.getFormComponentClass(t)
+      },
+      formColumns: t.formColumns,
+      contents: o
+    }), n;
+  }
+  /**
+   * 获取卡片组件层级的class样式
+   */
+  getFormComponentClass(t) {
+    var o, a;
+    const { templateId: n } = this.formSchemaUtils.getFormSchema().module;
+    if (n === "double-list-in-tab-template" && ((a = (o = t.parentComponentInstance) == null ? void 0 : o.schema) == null ? void 0 : a.type) === "tab-page") {
+      const m = t.parentComponentInstance.parent && t.parentComponentInstance.parent.schema;
+      if ((m == null ? void 0 : m.type) === "tabs" && (m == null ? void 0 : m.fill) === !0)
+        return "f-struct-wrapper f-utils-fill-flex-column";
+    }
+    return "f-struct-wrapper";
+  }
+  createFormComponentContents(t) {
+    var V, T;
+    const n = this.resolver.getSchemaByType("section");
+    Object.assign(n, {
+      id: t.componentId + "-form-section",
+      appearance: {
+        class: "f-section-form f-section-in-mainsubcard"
+      },
+      mainTitle: t.componentName
+    });
+    const o = this.resolver.getSchemaByType("response-form"), a = [];
+    Object.assign(o, {
+      id: t.componentId + "-form",
+      appearance: {
+        class: "f-form-layout farris-form farris-form-controls-inline"
+      },
+      contents: a,
+      controlsInline: !0
+    }), n.contents = [o];
+    const { selectedFields: m } = t;
+    m == null || m.forEach((l) => {
+      if (l.$type === ve.SimpleField) {
+        const b = de(l), i = this.resolveControlClassByFormColumns(t), c = this.controlCreatorUtils.setFormFieldProperty(b, "", i);
+        c && a.push(c);
+      }
+    });
+    const { templateId: g } = this.formSchemaUtils.getFormSchema().module;
+    if (g === "double-list-in-tab-template" && ((T = (V = t.parentComponentInstance) == null ? void 0 : V.schema) == null ? void 0 : T.type) === "tab-page") {
+      const l = t.parentComponentInstance.parent && t.parentComponentInstance.parent.schema;
+      (l == null ? void 0 : l.type) === "tabs" && (l == null ? void 0 : l.fill) === !0 && (n.appearance.class = "f-section-grid f-section-in-main px-0 pt-0", n.fill = !0);
+    }
+    return [n];
+  }
+  resolveControlClassByFormColumns(t) {
+    let n = "";
+    switch (t.formColumns) {
+      case 1: {
+        n = "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";
+        break;
+      }
+      case 3: {
+        n = "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";
+        break;
+      }
+    }
+    return n;
+  }
+  /**
+   * 添加viewModel节点
+   */
+  createViewModeNode(t) {
+    return {
+      id: `${t.componentId}-component-viewmodel`,
+      code: `${t.componentId}-component-viewmodel`,
+      name: t.componentName,
+      bindTo: t.bindTo,
+      parent: yt,
+      fields: this.assembleViewModelFields(t),
+      commands: [],
+      states: [],
+      enableValidation: !0
+    };
+  }
+  /**
+   * 组装viewModel fields 节点
+   */
+  assembleViewModelFields(t) {
+    const n = [], { selectedFields: o } = t;
+    return o == null || o.forEach((a) => {
+      if (a.$type === ve.SimpleField) {
+        let m = "blur";
+        const g = a.type.name;
+        (g === he.Enum || g === he.Boolean) && (m = "change"), n.push({
+          type: "Form",
+          id: a.id,
+          fieldName: a.bindingField,
+          groupId: null,
+          groupName: null,
+          updateOn: m,
+          fieldSchema: {}
+        });
+      }
+    }), n;
+  }
+}
+function ye(e, t, n, o) {
+  var m, g, V, T, l, b;
+  const a = n.parentComponentInstance;
+  if (a && o) {
+    const i = (m = a.schema) == null ? void 0 : m.type, F = {
+      componentId: `form-${Math.random().toString(36).slice(2, 6)}`,
+      componentName: ((g = n.bindingSourceContext) == null ? void 0 : g.entityTitle) || ((T = (V = n.bindingSourceContext) == null ? void 0 : V.bindingEntity) == null ? void 0 : T.name) || "标题",
+      componentType: "form",
+      formColumns: i === "splitter-pane" ? 1 : 4,
+      parentContainerId: a.schema.id,
+      parentComponentInstance: a,
+      bindTo: ((l = n.bindingSourceContext) == null ? void 0 : l.bindTo) || "/",
+      selectedFields: (b = n.bindingSourceContext) == null ? void 0 : b.bindingEntityFields
+    };
+    return new gt(e, o).createComponent(F);
+  } else
+    return t;
+}
+function bt(e, t, n) {
+  return t;
+}
+function vt(e, t, n, o) {
+  return t.formType = "dynamic", t.layout = "col-12 col-md-6 col-xl-3 col-el-2", t;
+}
+const oe = /* @__PURE__ */ new Map([
+  ["appearance", We]
+]), ht = /* @__PURE__ */ new Map([]), Ct = "https://json-schema.org/draft/2020-12/schema", Ft = "https://farris-design.gitee.io/response-form.schema.json", Tt = "response-form", wt = "A Farris Data Collection Component", kt = "object", It = {
+  id: {
+    description: "The unique identifier for a form group",
+    type: "string"
+  },
+  type: {
+    description: "The type string of form group component",
+    type: "string",
+    default: "response-form"
+  },
+  appearance: {
+    description: "",
+    type: "object",
+    properties: {
+      class: {
+        type: "string"
+      },
+      style: {
+        type: "string"
+      }
+    },
+    default: {}
+  },
+  contents: {
+    description: "",
+    type: "array",
+    default: []
+  },
+  visible: {
+    description: "",
+    type: "boolean",
+    default: !0
+  },
+  labelAutoOverflow: {
+    description: "",
+    type: "boolean",
+    default: !1
+  },
+  adaptForLanguage: {
+    description: "",
+    type: "boolean",
+    default: !0
+  },
+  layout: {
+    description: "",
+    type: "string",
+    default: "col-12 col-md-6 col-xl-3 col-el-2"
+  },
+  fields: {
+    description: "",
+    type: "array"
+  },
+  formData: {
+    description: "",
+    type: "object"
+  },
+  formType: {
+    description: "",
+    type: "string",
+    default: "static"
+  }
+}, Pt = [
+  "id",
+  "type",
+  "contents"
+], De = {
+  $schema: Ct,
+  $id: Ft,
+  title: Tt,
+  description: wt,
+  type: kt,
+  properties: It,
+  required: Pt
+}, Vt = "https://json-schema.org/draft/2020-12/schema", xt = "https://farris-design.gitee.io/dynamic-form.schema.json", Mt = "dynamic-form", Dt = "A Farris Data Collection Component", Bt = "object", Et = {
+  id: {
+    description: "The unique identifier for a form group",
+    type: "string"
+  },
+  type: {
+    description: "The type string of form group component",
+    type: "string",
+    default: "dynamic-form"
+  },
+  appearance: {
+    description: "",
+    type: "object",
+    properties: {
+      class: {
+        type: "string"
+      },
+      style: {
+        type: "string"
+      }
+    },
+    default: {}
+  },
+  contents: {
+    description: "",
+    type: "array",
+    default: []
+  },
+  visible: {
+    description: "",
+    type: "boolean",
+    default: !0
+  },
+  labelAutoOverflow: {
+    description: "",
+    type: "boolean",
+    default: !1
+  },
+  adaptForLanguage: {
+    description: "",
+    type: "boolean",
+    default: !0
+  },
+  formType: {
+    description: "",
+    type: "string",
+    default: "dynamic"
+  },
+  layout: {
+    description: "",
+    type: "string",
+    default: "col-12 col-md-6 col-xl-3 col-el-2"
+  },
+  fields: {
+    description: "",
+    type: "array"
+  },
+  formData: {
+    description: "",
+    type: "object"
+  }
+}, $t = [
+  "id",
+  "type",
+  "contents"
+], Be = {
+  $schema: Vt,
+  $id: xt,
+  title: Mt,
+  description: Dt,
+  type: Bt,
+  properties: Et,
+  required: $t
+}, re = {
+  customClass: { type: String, default: "" },
+  customStyle: { type: String, defaut: "" },
+  /** 控制是否可见 */
+  visible: { type: Boolean, default: !0 },
+  /** 内部控件布局是否响应国际化 */
+  adaptForLanguage: { type: Boolean, default: !0 },
+  /** 绑定动态字段 */
+  fields: { type: Array, default: [] },
+  /** 绑定动态字段的值*/
+  formData: { type: Object, default: null },
+  /** 为动态字段指定样式*/
+  layout: { type: String, default: "col-12 col-md-6 col-xl-3 col-el-2" }
+}, Ot = Object.assign({}, re, {
+  // 是否渲染form层级
+  canRenderForm: { type: Boolean, default: !0 },
+  callback: { type: Function }
+}), jt = ae(re, De, oe, ye), Lt = ae(re, Be, oe, ye), Ee = Object.assign({}, re, {
+  componentId: { type: String, default: "" },
+  formType: { type: String, default: "static" }
+}), Nt = xe(re, De, oe, ye), At = xe(re, Be, oe, vt), pe = /* @__PURE__ */ ee({
+  name: "FResponseFormDesign",
+  directives: {
+    "area-response": He
+  },
+  props: Ee,
+  emits: [],
+  setup(e, t) {
+    const n = R(), o = Y("design-item-context"), a = Y("designer-host-service"), m = ft(o, a), g = ce(n, o, m);
+    ne(() => {
+      n.value.componentInstance = g;
+    }), t.expose(g.value);
+    const V = H(() => fe({
+      "drag-container": !0
+    }, e.customClass));
+    return () => ke(D("div", {
+      ref: n,
+      class: V.value,
+      style: e.customClass,
+      "data-dragref": `${o.schema.id}-container`,
+      "data-associate": `${o.schema.id}-component`
+    }, [t.slots.default && t.slots.default(), ["dynamic", "mixed"].indexOf(e.formType) > -1 && D("div", {
+      class: "no-drag w-100 col-12",
+      style: "height: 50px;display: flex;justify-content: center;align-items: center;overflow: hidden;margin-bottom: 0;color: #315585; background-color: #dfedff; border-color: #d2e6ff;"
+    }, [Q("��̬����")])]), [[Ie("area-response")]]);
+  }
+});
+function Rt(e, t) {
+  function n(g) {
+    const V = e.schema;
+    return new Me(g, t).getPropertyConfig(V, e.componentInstance.value);
+  }
+  function o() {
+    return !1;
+  }
+  function a() {
+    return !0;
+  }
+  function m() {
+    return !0;
+  }
+  return {
+    getPropsConfig: n,
+    canAccepts: o,
+    checkCanDeleteComponent: a,
+    checkCanMoveComponent: m
+  };
+}
+const Ut = /* @__PURE__ */ ee({
+  name: "FDynamicFormDesign",
+  props: Ee,
+  emits: [],
+  setup(e, t) {
+    const n = R(), o = Y("design-item-context"), a = Y("designer-host-service"), m = Rt(o, a), g = ce(n, o, m);
+    ne(() => {
+      n.value.componentInstance = g;
+    }), t.expose(g.value);
+    const V = H(() => fe({
+      "drag-container": !0
+    }, e.customClass));
+    return () => D("div", {
+      ref: n,
+      class: V.value,
+      style: e.customStyle
+    }, [D("div", {
+      class: "no-drag w-100",
+      style: "height: 50px;display: flex;justify-content: center;align-items: center;overflow: hidden;margin-bottom: 0;color: #315585; background-color: #dfedff; border-color: #d2e6ff;"
+    }, [Q("动态表单")])]);
+  }
+}), qt = /* @__PURE__ */ ee({
+  name: "FDynamicForm",
+  props: Ot,
+  emits: ["update:modelValue", "event"],
+  setup(e, t) {
+    const n = R(e.fields), o = /* @__PURE__ */ new Map(), a = R(e.callback);
+    it();
+    const m = at(), g = R(e.formData || {}), V = st(g, t);
+    lt(n.value).setup();
+    const l = /* @__PURE__ */ new Map(), b = R(e.canRenderForm), {
+      mergeArray: i,
+      resolveCallbacks: c,
+      resolveEvents: F
+    } = ct(), u = H(() => {
+      const r = dt.getLocale(), d = e.fields && e.fields.length > 0, v = {
+        "f-form-layout": d,
+        "farris-form": d
+      };
+      return e.adaptForLanguage && r && (v["farris-form-controls-inline"] = r !== "en"), fe(v, e.customClass);
+    });
+    function f() {
+      function r(d, v) {
+        const {
+          id: P
+        } = d || {}, {
+          field: x
+        } = d.binding || {};
+        return {
+          modelValue: v.getValue(P),
+          "onUpdate:modelValue": (I) => {
+            v.setValue(P, x || P, I);
+          }
+        };
+      }
+      return {
+        resolve: r
+      };
+    }
+    function w(r) {
+      const d = f();
+      return V.getValue(r.id) === void 0 && Object.hasOwnProperty.call(r, "modelValue") && V.setValue(r.id, void 0, r.modelValue), d.resolve(r, V);
+    }
+    function k(r) {
+      const d = {};
+      return r && Object.entries(r).forEach(([v, P]) => {
+        d[v] = () => Array.isArray(P) ? P.map((x) => N(x)) : N(P);
+      }), d;
+    }
+    function h(r) {
+      return r.type ? r.type : r.fields ? "fieldset" : "form-group";
+    }
+    function j(r) {
+      const d = h(r);
+      let v = r.customClass;
+      v || (v = d === "form-group" ? e.layout : "col-12 px-0");
+      const {
+        fields: P,
+        customClass: x,
+        ...I
+      } = r, $ = {
+        ...F(r, t, d)
+      }, L = {
+        ...c(r, a, d)
+      };
+      return {
+        props: {
+          ...{
+            ...I,
+            customClass: v,
+            ...w(r)
+          },
+          key: r.id,
+          ref: (U) => {
+            if (U && r.id && !m.has(r.id)) {
+              m.register(r.id, U);
+              const q = {
+                token: r.id,
+                name: "component:ready",
+                type: h(r),
+                payloads: [R(U)],
+                schema: r
+              };
+              t.emit("event", q);
+            }
+          },
+          onVnodeUnmounted: (U) => {
+            if (r.id && m.has(r.id)) {
+              m.remove(r.id);
+              const q = {
+                token: r.id,
+                name: "component:unmounted",
+                type: h(r),
+                payloads: [U],
+                schema: r
+              };
+              t.emit("event", q);
+            }
+          }
+        },
+        eventProps: $,
+        callbackProps: L
+      };
+    }
+    function O(r, d) {
+      return Array.isArray(r) ? r.map((v) => d(v)) : d(r);
+    }
+    function N(r, d) {
+      var L;
+      const v = h(r), P = ue[v];
+      if (r.id && o.set(r.id, r), !P)
+        return null;
+      const x = () => r.fields ? r.fields.map((A) => N(A)) : null, I = (A, G, U) => {
+        let q;
+        return U && U.length > 0 ? q = D(A, {
+          ...G
+        }, U) : q = D(A, {
+          ...G
+        }, null), q;
+      }, $ = ((L = l.get(r.id)) == null ? void 0 : L.props) || {};
+      return r.fields && r.fields.length > 0 ? I(P, $, [x()]) : r.slots ? I(P, $, [...Object.values(k(r.slots))]) : I(P, $);
+    }
+    function B(r) {
+      const d = h(r);
+      if (!ue[d])
+        return;
+      const {
+        props: P,
+        eventProps: x,
+        callbackProps: I
+      } = j(r), $ = ut[d], L = $ ? $.editorResolver : null, {
+        componentEventProps: A,
+        editorEventProps: G
+      } = x, {
+        componentCallbackProps: U,
+        editorCallbackProps: q
+      } = I;
+      if (A && Object.keys(A).length > 0 && Object.assign(P, A), U && Object.keys(U).length > 0 && Object.assign(P, U), L && G && Object.keys(G).length > 0) {
+        const S = L.resolve(r);
+        Object.assign(S, G);
+      }
+      if (L && q && Object.keys(q).length > 0) {
+        const S = L.resolve(r);
+        Object.assign(S, q);
+      }
+      if (P && Object.keys(P).length > 0) {
+        const S = l.get(r.id);
+        S ? rt(S == null ? void 0 : S.props, P) : l.set(r.id, ge({
+          props: P
+        }));
+      }
+      !r.fields || !Array.isArray(r.fields) || r.fields.forEach((S) => B(S));
+    }
+    function Z(r) {
+      const d = h(r);
+      ue[d] && (z(r), !(!r.fields || !Array.isArray(r.fields)) && r.fields.forEach((P) => Z(P)));
+    }
+    function z(r) {
+      const d = w(r);
+      if (d && Object.keys(d).length > 0) {
+        const v = l.get(r.id);
+        if (!v)
+          l.set(r.id, ge({
+            props: d
+          }));
+        else {
+          const P = {
+            ...v == null ? void 0 : v.props
+          };
+          Object.keys(d).forEach((x) => {
+            P[x] = d[x];
+          }), Object.assign(v == null ? void 0 : v.props, P);
+        }
+      }
+    }
+    ne(() => {
+    }), le(() => e.formData, (r) => {
+      g.value = r;
+    }), le(() => g.value, (r) => {
+      O(n.value, Z);
+    }, {
+      deep: !0
+    });
+    function E(r) {
+      r && O(n.value, B);
+    }
+    le(() => e.fields, (r) => {
+      o.clear(), m.clear(), g.value = e.formData || {}, l.clear(), n.value = r, E(r);
+    }), E(e.fields);
+    function M(r) {
+      r.$forceUpdate && r.$forceUpdate();
+    }
+    function _(r) {
+      return V.getValue(r);
+    }
+    function W() {
+      return g.value;
     }
-    return F && (l += " farris-group-multi-label"), l;
-  }
-  function R(l) {
-    const d = e.componentInstance.value.getBelongedComponentInstance(e.componentInstance);
-    if (d && d.schema && d.schema.componentType) {
-      const { formColumns: F } = d.schema;
-      let k = B(F);
-      k = t == null ? void 0 : t.formSchemaUtils.getControlClassByFormUnifiedLayout(k, d.schema.id, e.schema), k = q(k, d.schema), l.appearance || (l.appearance = {}), l.appearance.class = k;
+    function X(r, d) {
+      V.setValue(r, void 0, d);
+      const v = o.get(r);
+      v && z(v);
     }
-  }
-  function N(l, d, F, k) {
-    const { bindingSourceContext: I, parentComponentInstance: x } = l;
-    if (I != null && I.entityFieldNode && x) {
-      const E = t == null ? void 0 : t.designViewModelUtils, T = (t == null ? void 0 : t.formSchemaUtils).getViewModelIdByComponentId(x.belongedComponentId), S = E.getDgViewModel(T);
-      S.removeField([I.entityFieldNode.id]), S.addField(I.designViewModelField), d && S.changeField(I.entityFieldNode.id, { editor: { $type: d }, groupId: F, groupName: k });
+    function J(r) {
+      var d;
+      return (d = l.get(r)) == null ? void 0 : d.props;
     }
-  }
-  function M(l, d) {
-    var x, E, V;
-    const F = n;
-    if ((F.appearance && F.appearance.class || "").split(" ").includes("f-form-layout") && l.componentCategory === "input") {
-      const { label: T } = l;
-      let S;
-      const L = t == null ? void 0 : t.controlCreatorUtils;
-      return (x = l.bindingSourceContext) != null && x.entityFieldNode ? S = L.setFormFieldProperty((E = l.bindingSourceContext) == null ? void 0 : E.entityFieldNode, d == null ? void 0 : d.type) : (S = L.createFormGroupWithoutField(d == null ? void 0 : d.type), S.label = T), R(S), N(l, (V = S.editor) == null ? void 0 : V.type), S;
+    function s(r, d) {
+      const v = l.get(r);
+      ot(v == null ? void 0 : v.props, d, i);
     }
-    return d;
-  }
-  function z() {
-    return r;
-  }
-  function J() {
-    return y;
-  }
-  function _() {
-    return !1;
-  }
-  function G(l) {
-    return new He(l, t).getPropertyConfig(n, e.componentInstance.value);
-  }
-  return {
-    canAccepts: f,
-    checkCanDeleteComponent: J,
-    checkCanMoveComponent: z,
-    getStyles: O,
-    getPropsConfig: G,
-    hideNestedPaddingInDesginerView: _,
-    onAcceptMovedChildElement: $,
-    onResolveNewComponentSchema: M,
-    moveInputBetweenComponent: D,
-    resolveFormGroupAppearance: R,
-    syncFieldToViewModel: N
-  };
-}
-const le = /* @__PURE__ */ ne({
-  name: "FResponseFormDesign",
-  directives: {
-    "area-response": ze
-  },
-  props: Ce,
-  emits: [],
-  setup(e, t) {
-    const n = A(), o = Y("design-item-context"), r = Y("designer-host-service"), m = Ke(o, r), y = ce(n, o, m);
-    ie(() => {
-      n.value.componentInstance = y;
-    }), t.expose(y.value);
-    const w = K(() => {
-      const h = e.customClass.split(" "), a = {
-        "drag-container": !0
-      };
-      return h.reduce((f, i) => (f[i] = !0, f), a), a;
+    t.expose({
+      componentManager: m,
+      rerender: M,
+      getProps: J,
+      setProps: s,
+      getControlValue: _,
+      setControlValue: X,
+      getValues: W
     });
-    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")]]);
+    function y() {
+      return b.value && ke(D("div", {
+        class: u.value,
+        style: e.customStyle
+      }, [t.slots.default && t.slots.default(), n.value && n.value.length > 0 && O(n.value, N)]), [[Ie("area-response")]]);
+    }
+    function C() {
+      return !b.value && n.value && n.value.length > 0 && O(n.value, N);
+    }
+    return () => e.visible ? y() || C() : null;
   }
-}), et = {}, tt = {}, { globalStorageKey: or } = he(), nt = {
+}), St = {
+  id: { type: String, default: "" },
+  customClass: { type: String, default: "" },
+  customStyle: { type: String, default: "" },
+  /** 筛选组件配置器，具体配置项可查看各组件文档 */
+  editor: { type: Object, default: {} },
+  label: { type: String, default: "" },
+  /** value is uncertain because type is uncertain, default value should not be set */
+  modelValue: { type: [String, Boolean, Array, Number], default: null },
+  // readonly: { type: Boolean, default: false },
+  visible: { type: Boolean, default: !0 },
+  required: { type: Boolean, default: !1 },
+  showLabel: { type: Boolean, default: !0 },
+  /**
+   * visible相当于showLabel为true,none相当于showLabel为false
+   */
+  showLabelType: { type: String, default: "visible" },
+  type: { type: String, default: "input-group" },
+  componentId: { type: String, default: "" },
+  errors: { type: Object, default: null },
+  fill: { type: Boolean, default: !1 }
+}, Gt = {}, zt = {}, { globalStorageKey: Lr } = Ve(), Zt = {
   id: { Type: String, default: "" },
   /** 是否自动完成 */
   autocomplete: { Type: String, default: "off" },
@@ -600,7 +1273,7 @@ const le = /* @__PURE__ */ ne({
   * 是否启用快捷键
   */
   keyboard: { type: Boolean, default: !0 }
-}, Fe = [
+}, $e = [
   { key: "none", value: "无" },
   { key: "cellNumber", value: "手机号" },
   { key: "tel", value: "座机号/传真号" },
@@ -612,7 +1285,7 @@ const le = /* @__PURE__ */ ne({
   { key: "subjectCode", value: "10位数字会计科目代码" },
   { key: "custom", value: "自定义" }
 ];
-function ot(e) {
+function Wt(e) {
   switch (e) {
     case "none":
       return "";
@@ -639,22 +1312,22 @@ function ot(e) {
   }
   return "";
 }
-function rt(e) {
+function Jt(e) {
   var t;
-  return "请输入正确的" + ((t = Fe.find((n) => n.key === e)) == null ? void 0 : t.value);
+  return "请输入正确的" + ((t = $e.find((n) => n.key === e)) == null ? void 0 : t.value);
 }
-const it = {
+const _t = {
   convertTo: (e, t, n, o) => {
-    e.editor.formatValidation || (e.editor.formatValidation = { type: "none" }), e.editor.formatValidation.type = n, e.editor.formatValidation.expression = ot(n), e.editor.formatValidation.message = rt(n);
+    e.editor.formatValidation || (e.editor.formatValidation = { type: "none" }), e.editor.formatValidation.type = n, e.editor.formatValidation.expression = Wt(n), e.editor.formatValidation.message = Jt(n);
   },
   convertFrom: (e, t, n) => e.editor.formatValidation ? t === "type" ? e.editor.formatValidation[t] || "none" : e.editor.formatValidation[t] : "none"
-}, ye = {
+}, Fe = {
   convertTo: (e, t, n, o) => {
     e.editor.formatValidation || (e.editor.formatValidation = { type: "none" }), e.editor.formatValidation[t] = n;
   },
   convertFrom: (e, t, n) => e.editor.formatValidation ? e.editor.formatValidation[t] : e.editor[t]
 };
-class at extends _e {
+class Xt extends tt {
   constructor(t, n) {
     super(t, n);
   }
@@ -662,11 +1335,11 @@ class at extends _e {
     return super.getPropertyConfig(t, n), this.propertyConfig.categories.formatValidation = this.getFormatValidation(t), this.propertyConfig;
   }
   getEditorProperties(t) {
-    var o, r;
+    var o, a;
     let n;
     if (((o = t == null ? void 0 : t.binding) == null ? void 0 : o.type) === "Form") {
       const m = this.schemaService.getFieldByIDAndVMID(t.binding.field, this.viewModelId);
-      (r = m == null ? void 0 : m.schemaField) != null && r.type && (n = m.schemaField.type.length);
+      (a = m == null ? void 0 : m.schemaField) != null && a.type && (n = m.schemaField.type.length);
     }
     return this.getComponentConfig(t, {}, {
       maxLength: {
@@ -704,11 +1377,11 @@ class at extends _e {
     });
   }
   getGridFieldEdtiorProperties(t) {
-    var o, r;
+    var o, a;
     let n;
     if (((o = t == null ? void 0 : t.binding) == null ? void 0 : o.type) === "Form") {
       const m = this.schemaService.getFieldByIDAndVMID(t.binding.field, this.viewModelId);
-      (r = m == null ? void 0 : m.schemaField) != null && r.type && (n = m.schemaField.type.length);
+      (a = m == null ? void 0 : m.schemaField) != null && a.type && (n = m.schemaField.type.length);
     }
     return this.getComponentConfig(t, {}, {
       maxLength: {
@@ -745,7 +1418,7 @@ class at extends _e {
     });
   }
   getFormatValidation(t) {
-    var o, r, m, y;
+    var o, a, m, g;
     const n = {
       title: "输入格式校验",
       description: "输入校验",
@@ -762,152 +1435,152 @@ class at extends _e {
             valueField: "key",
             idField: "key",
             editable: !1,
-            data: Fe
+            data: $e
           },
           refreshPanelAfterChanged: !0,
-          $converter: it,
+          $converter: _t,
           parentPropertyID: "formatValidation"
         }
       }
     };
-    return (r = t.editor.formatValidation) != null && r.type && ((m = t.editor.formatValidation) == null ? void 0 : m.type) !== "none" && (n.properties.message = {
+    return (a = t.editor.formatValidation) != null && a.type && ((m = t.editor.formatValidation) == null ? void 0 : m.type) !== "none" && (n.properties.message = {
       title: "输入错误提示",
       type: "string",
       description: "输入错误提示",
-      $converter: ye,
+      $converter: Fe,
       parentPropertyID: "formatValidation"
-    }), ((y = t.editor.formatValidation) == null ? void 0 : y.type) === "custom" && (n.properties.expression = {
+    }), ((g = t.editor.formatValidation) == null ? void 0 : g.type) === "custom" && (n.properties.expression = {
       title: "匹配正则",
       type: "string",
       description: "匹配正则",
-      $converter: ye,
+      $converter: Fe,
       parentPropertyID: "formatValidation"
     }), n;
   }
 }
-function lt(e, t) {
+function Qt(e, t) {
   const n = e.schema;
-  function o(r, m) {
-    return new at(r, t).getPropertyConfig(n, m);
+  function o(a, m) {
+    return new Xt(a, t).getPropertyConfig(n, m);
   }
   return { getPropsConfig: o };
 }
-const st = /* @__PURE__ */ ne({
+const Yt = /* @__PURE__ */ ee({
   name: "FInputGroupDesign",
-  props: nt,
+  props: Zt,
   emits: ["updateExtendInfo", "clear", "valueChange", "clickHandle", "blurHandle", "focusHandle", "enterHandle", "iconMouseEnter", "iconMouseLeave", "keyupHandle", "keydownHandle", "inputClick"],
   setup(e, t) {
-    const n = A(e.modelValue), o = A(e.modelValue), r = We(e, t, n, o), {
+    const n = R(e.modelValue), o = R(e.modelValue), a = Ke(e, t, n, o), {
       inputGroupClass: m,
-      inputType: y,
-      inputGroupStyle: w
-    } = r, h = A(), a = Y("designer-host-service"), f = Y("design-item-context"), i = lt(f, a), s = ce(h, f, i), g = K(() => e.showType === "password" ? "password" : "");
-    return ie(() => {
-      h.value.componentInstance = s;
-    }), t.expose(s.value), () => P("div", {
+      inputType: g,
+      inputGroupStyle: V
+    } = a, T = R(), l = Y("designer-host-service"), b = Y("design-item-context"), i = Qt(b, l), c = ce(T, b, i), F = H(() => e.showType === "password" ? "password" : "");
+    return ne(() => {
+      T.value.componentInstance = c;
+    }), t.expose(c.value), () => D("div", {
       id: "inputGroup",
-      ref: h,
+      ref: T,
       class: m.value,
-      style: w.value
-    }, [P("input", {
+      style: V.value
+    }, [D("input", {
       class: "form-control",
       type: e.showType,
       placeholder: e.placeholder,
-      value: g.value
-    }, null), e.showType === "password" && e.enableViewPassword && P("span", {
+      value: F.value
+    }, null), e.showType === "password" && e.enableViewPassword && D("span", {
       class: "input-group-append"
-    }, [P("span", {
+    }, [D("span", {
       class: "input-group-text"
-    }, [P("span", {
+    }, [D("span", {
       class: "f-icon f-icon-eye"
     }, null)])])]);
   }
 });
-function ct() {
-  function e(y, w) {
-    const h = tt[y];
-    return h ? h(w) : {};
+function Ht() {
+  function e(g, V) {
+    const T = zt[g];
+    return T ? T(V) : {};
   }
-  function t(y) {
-    return et[y] || st;
+  function t(g) {
+    return Gt[g] || Yt;
   }
-  function n(y) {
+  function n(g) {
   }
-  function o(y) {
+  function o(g) {
   }
-  function r(y) {
+  function a(g) {
   }
-  function m(y) {
+  function m(g) {
   }
-  return { getChangeFunctionName: n, getClearFunctionName: o, resolveEditorProps: e, resolveEditorType: t, getMousedownFunctionName: r, getMouseupFunctionName: m };
+  return { getChangeFunctionName: n, getClearFunctionName: o, resolveEditorProps: e, resolveEditorType: t, getMousedownFunctionName: a, getMouseupFunctionName: m };
 }
-function ut(e = {}) {
-  function t(a, f, i, s) {
+function Kt(e = {}) {
+  function t(l, b, i, c) {
     if (typeof i == "number")
-      return s[a].length === i;
+      return c[l].length === i;
     if (typeof i == "object") {
-      const g = Object.keys(i)[0], c = i[g];
-      if (g === "not")
-        return Number(s[a].length) !== Number(c);
-      if (g === "moreThan")
-        return Number(s[a].length) >= Number(c);
-      if (g === "lessThan")
-        return Number(s[a].length) <= Number(c);
+      const F = Object.keys(i)[0], u = i[F];
+      if (F === "not")
+        return Number(c[l].length) !== Number(u);
+      if (F === "moreThan")
+        return Number(c[l].length) >= Number(u);
+      if (F === "lessThan")
+        return Number(c[l].length) <= Number(u);
     }
     return !1;
   }
-  function n(a, f, i, s) {
-    return s[a] && s[a].propertyValue && String(s[a].propertyValue.value) === String(i);
+  function n(l, b, i, c) {
+    return c[l] && c[l].propertyValue && String(c[l].propertyValue.value) === String(i);
   }
   const o = /* @__PURE__ */ new Map([
     ["length", t],
     ["getProperty", n]
   ]);
-  Object.keys(e).reduce((a, f) => (a.set(f, e[f]), a), o);
-  function r(a, f) {
-    const i = a;
-    return typeof f == "number" ? [{ target: i, operator: "length", param: null, value: Number(f) }] : typeof f == "boolean" ? [{ target: i, operator: "getProperty", param: a, value: !!f }] : typeof f == "object" ? Object.keys(f).map((s) => {
-      if (s === "length")
-        return { target: i, operator: "length", param: null, value: f[s] };
-      const g = s, c = f[s];
-      return { target: i, operator: "getProperty", param: g, value: c };
+  Object.keys(e).reduce((l, b) => (l.set(b, e[b]), l), o);
+  function a(l, b) {
+    const i = l;
+    return typeof b == "number" ? [{ target: i, operator: "length", param: null, value: Number(b) }] : typeof b == "boolean" ? [{ target: i, operator: "getProperty", param: l, value: !!b }] : typeof b == "object" ? Object.keys(b).map((c) => {
+      if (c === "length")
+        return { target: i, operator: "length", param: null, value: b[c] };
+      const F = c, u = b[c];
+      return { target: i, operator: "getProperty", param: F, value: u };
     }) : [];
   }
-  function m(a) {
-    return Object.keys(a).reduce((i, s) => {
-      const g = r(s, a[s]);
-      return i.push(...g), i;
+  function m(l) {
+    return Object.keys(l).reduce((i, c) => {
+      const F = a(c, l[c]);
+      return i.push(...F), i;
     }, []);
   }
-  function y(a, f) {
-    if (o.has(a.operator)) {
-      const i = o.get(a.operator);
-      return i && i(a.target, a.param, a.value, f) || !1;
+  function g(l, b) {
+    if (o.has(l.operator)) {
+      const i = o.get(l.operator);
+      return i && i(l.target, l.param, l.value, b) || !1;
     }
     return !1;
   }
-  function w(a, f) {
-    return m(a).reduce((g, c) => g && y(c, f), !0);
+  function V(l, b) {
+    return m(l).reduce((F, u) => F && g(u, b), !0);
   }
-  function h(a, f) {
-    const i = Object.keys(a), s = i.includes("allOf"), g = i.includes("anyOf"), c = s || g, b = (c ? a[c ? s ? "allOf" : "anyOf" : "allOf"] : [a]).map((D) => w(D, f));
-    return s ? !b.includes(!1) : b.includes(!0);
+  function T(l, b) {
+    const i = Object.keys(l), c = i.includes("allOf"), F = i.includes("anyOf"), u = c || F, k = (u ? l[u ? c ? "allOf" : "anyOf" : "allOf"] : [l]).map((j) => V(j, b));
+    return c ? !k.includes(!1) : k.includes(!0);
   }
-  return { parseValueSchema: h };
+  return { parseValueSchema: T };
 }
-const pt = {
+const en = {
   convertTo: (e, t, n, o) => {
     e.appearance || (e.appearance = {}), e.appearance[t] = n;
   },
   convertFrom: (e, t, n) => e.appearance ? e.appearance[t] : e[t]
-}, dt = {
+}, tn = {
   convertFrom: (e, t, n) => e.buttons && e.buttons.length ? `共 ${e.buttons.length} 项` : "无"
-}, mt = {
+}, nn = {
   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]
-}, ft = {
+}, on = {
   button: { type: "button", name: "按钮" },
   "response-toolbar": { type: "response-toolbar", name: "工具栏" },
   "response-toolbar-item": { type: "response-toolbar-item", name: "按钮" },
@@ -961,19 +1634,24 @@ const pt = {
   "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" }
-}, yt = {
+  calendar: { type: "calendar", name: "日历", icon: "date-picker" },
+  wizard: { type: "wizard", name: "向导", icon: "wizard" },
+  "wizard-page": { type: "wizard-page", name: "向导页", icon: "wizard" },
+  "wizard-page-detail": { type: "wizard-page-detail", name: "向导详情", icon: "wizard" },
+  step: { type: "step", name: "步骤条", icon: "step" },
+  "dynamic-form": { type: "dynamic-form", name: "动态表单" }
+}, rn = {
   convertFrom: (e, t, n) => {
-    var r;
+    var a;
     const o = e.editor && e.editor[t] ? e.editor[t] : e[t];
-    return ((r = ft[o]) == null ? void 0 : r.name) || o;
+    return ((a = on[o]) == null ? void 0 : a.name) || o;
   }
-}, gt = {
+}, an = {
   convertTo: (e, t, n, o) => {
     e[t] = e[t];
   },
   convertFrom: (e, t, n) => e.editor ? n.getRealEditorType(e.editor.type) : ""
-}, vt = {
+}, sn = {
   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
@@ -1001,10 +1679,12 @@ const pt = {
         return e.formatter.customFormat;
       if (t === "type")
         return e.formatter.type || "none";
+      if (t === "customFormat")
+        return e.formmater.customFormat;
     }
     return "none";
   }
-}, bt = {
+}, ln = {
   convertTo: (e, t, n, o) => {
     e.command ? e.command[t] = n : e.command = {
       [t]: n
@@ -1022,38 +1702,26 @@ const pt = {
     ]), t === "enableType" && n === "custom" && (e.command.enable = !0, e.command.commands = [
       {
         value: "add",
-        text: {
-          en: "add",
-          "zh-CHS": "增加",
-          "zh-CHT": "增加"
-        },
+        text: "增加",
         type: "link"
       },
       {
         value: "edit",
-        text: {
-          en: "edit",
-          "zh-CHS": "编辑",
-          "zh-CHT": "編輯"
-        },
+        text: "编辑",
         type: "danger"
       },
       {
         value: "remove",
-        text: {
-          en: "remove",
-          "zh-CHS": "删除",
-          "zh-CHT": "刪除"
-        },
+        text: "删除",
         type: "remove"
       }
     ]), t === "enableType" && n === "unable" && (e.command.enable = !1);
   },
   convertFrom: (e, t, n) => {
-    var o, r;
+    var o, a;
     if (e.command) {
       if (t === "enableType") {
-        const m = (r = (o = e.command) == null ? void 0 : o.commands) == null ? void 0 : r.find((y) => y.command === "edit" && y.type === "primary");
+        const m = (a = (o = e.command) == null ? void 0 : o.commands) == null ? void 0 : a.find((g) => g.command === "edit" && g.type === "primary");
         return e.command.enable ? m ? "default" : "custom" : "unable";
       }
       if (t === "commands")
@@ -1062,10 +1730,12 @@ const pt = {
         return e.command.formatter;
       if (t === "count")
         return e.command.count;
+      if (t === "columnWidth")
+        return e.command.columnWidth || 150;
     }
     return "";
   }
-}, ht = {
+}, cn = {
   convertTo: (e, t, n, o) => {
     e.column ? e.column[t] = n : e.column = {
       [t]: n
@@ -1080,7 +1750,7 @@ const pt = {
     }
     return "";
   }
-}, Ct = {
+}, un = {
   convertTo: (e, t, n, o) => {
     e.summary ? e.summary[t] = n : e.summary = {
       [t]: n
@@ -1089,8 +1759,11 @@ const pt = {
       groupFields: []
     });
   },
-  convertFrom: (e, t, n) => e.summary && t === "enable" ? e.summary.enable : e.type === "data-grid-column" ? e.enableSummary === void 0 ? !1 : e.enableSummary : ""
-}, Ft = {
+  convertFrom: (e, t, n) => {
+    var o;
+    return t === "customSummaryStyle" ? e.summary.customSummaryStyle : t === "position" ? ((o = e.summary) == null ? void 0 : o[t]) || "bottom" : e.summary && t === "enable" ? e.summary.enable : e.type === "data-grid-column" ? e.enableSummary === void 0 ? !1 : e.enableSummary : "";
+  }
+}, dn = {
   convertTo: (e, t, n, o) => {
     e.group ? e.group[t] = n : e.group = {
       [t]: n
@@ -1108,7 +1781,7 @@ const pt = {
         return e.group.showSummary;
     }
   }
-}, wt = {
+}, pn = {
   convertFrom: (e, t) => e.binding ? e.binding.path : "",
   convertTo: (e, t, n) => {
     if (n && n.length > 0) {
@@ -1116,53 +1789,53 @@ const pt = {
       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;
     }
   }
-}, Tt = {
+}, mn = {
   convertTo: (e, t, n, o) => {
-    e.pagination || (e.pagination = {}), e.pagination[t] = n;
+    e.pagination || (e.pagination = {}), t === "sizeLimits" ? e.pagination.sizeLimits = n.split(",") : e.pagination[t] = n;
   },
-  convertFrom: (e, t, n) => e.pagination ? e.pagination[t] : e[t]
-}, It = {
+  convertFrom: (e, t, n) => e.pagination ? t === "sizeLimits" ? e.pagination.sizeLimits.join(",") : e.pagination[t] : e[t]
+}, fn = {
   convertTo: (e, t, n, o) => {
     e.rowNumber || (e.rowNumber = {}), e.rowNumber[t] = n;
   },
   convertFrom: (e, t, n) => e.rowNumber ? e.rowNumber[t] : e[t]
-}, kt = {
+}, yn = {
   convertTo: (e, t, n, o) => {
     e.selection || (e.selection = {}), e.selection[t] = n;
   },
   convertFrom: (e, t, n) => {
-    var o, r;
-    return t === "showCheckbox" ? (o = e.selection) != null && o.multiSelect ? !0 : (r = e.selection) == null ? void 0 : r.showCheckbox : e.selection ? e.selection[t] : e[t];
+    var o, a;
+    return t === "showCheckbox" ? (o = e.selection) != null && o.multiSelect ? !0 : (a = e.selection) == null ? void 0 : a.showCheckbox : e.selection ? e.selection[t] : e[t];
   }
-}, Vt = {
+}, gn = {
   convertFrom: (e, t, n) => e[t] && e[t].length ? `共 ${e[t].length} 项` : ""
-}, Mt = {
+}, bn = {
   convertFrom: (e, t) => e[t] || "",
   convertTo: (e, t, n) => {
     e[t] = n;
   }
-}, xt = {
+}, vn = {
   convertTo: (e, t, n, o) => {
     e.size || (e.size = {}), e.size[t] = n;
   },
   convertFrom: (e, t, n) => e.size ? e.size[t] : e[t]
-}, Bt = {
+}, hn = {
   convertFrom: (e, t, n) => {
-    var o, r;
-    return (o = e.formatter) != null && o.data && t === "formatterEnumData" && !e.formatterEnumData ? (r = e.formatter) == null ? void 0 : r.data : e.formatterEnumData;
+    var o, a;
+    return (o = e.formatter) != null && o.data && t === "formatterEnumData" && !e.formatterEnumData ? (a = e.formatter) == null ? void 0 : a.data : e.formatterEnumData;
   }
-}, Pt = {
+}, Cn = {
   convertTo: (e, t, n, o) => {
     e.sort || (e.sort = {}), e.sort[t] = n;
   },
   convertFrom: (e, t, n) => {
-    var o, r;
+    var o, a;
     if (t === "mode")
       return ((o = e.sort) == null ? void 0 : o.mode) || "client";
     if (t === "multiSort")
-      return !!((r = e.sort) != null && r.multiSort);
+      return !!((a = e.sort) != null && a.multiSort);
   }
-}, Et = {
+}, Fn = {
   convertTo: (e, t, n, o) => {
     e.filter || (e.filter = {}), e.filter[t] = n;
   },
@@ -1171,7 +1844,7 @@ const pt = {
     if (t === "mode")
       return ((o = e.filter) == null ? void 0 : o.mode) || "client";
   }
-}, Dt = {
+}, Tn = {
   convertTo: (e, t, n, o) => {
     e.rowOption ? e.rowOption[t] = n : e.rowOption = {
       [t]: n
@@ -1183,10 +1856,12 @@ const pt = {
         return e.rowOption.customRowStyle;
       if (t === "customCellStyle")
         return e.rowOption.customCellStyle;
+      if (t === "height")
+        return e.rowOption.height;
     }
     return "";
   }
-}, $t = {
+}, wn = {
   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"
@@ -1199,31 +1874,31 @@ const pt = {
   },
   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) {
+function kn(e, t, n) {
   const o = /* @__PURE__ */ new Map([
-    ["/converter/appearance.converter", pt],
-    ["/converter/buttons.converter", dt],
-    ["/converter/property-editor.converter", mt],
-    ["/converter/items-count.converter", Vt],
-    ["/converter/type.converter", yt],
-    ["/converter/change-editor.converter", gt],
-    ["/converter/change-formatter.converter", vt],
-    ["/converter/column-command.converter", bt],
-    ["/converter/column-option.converter", ht],
-    ["/converter/summary.converter", Ct],
-    ["/converter/group.converter", Ft],
-    ["/converter/form-group-label.converter", Mt],
-    ["/converter/field-selector.converter", wt],
-    ["/converter/pagination.converter", Tt],
-    ["/converter/row-number.converter", It],
-    ["/converter/grid-selection.converter", kt],
-    ["/converter/size.converter", xt],
-    ["/converter/change-formatter-enum.converter", Bt],
-    ["/converter/grid-sort.converter", Pt],
-    ["/converter/grid-filter.converter", Et],
-    ["/converter/row-option.converter", Dt],
-    ["/converter/change-formatter-type.converter", $t]
-  ]), r = /* @__PURE__ */ new Map([
+    ["/converter/appearance.converter", en],
+    ["/converter/buttons.converter", tn],
+    ["/converter/property-editor.converter", nn],
+    ["/converter/items-count.converter", gn],
+    ["/converter/type.converter", rn],
+    ["/converter/change-editor.converter", an],
+    ["/converter/change-formatter.converter", sn],
+    ["/converter/column-command.converter", ln],
+    ["/converter/column-option.converter", cn],
+    ["/converter/summary.converter", un],
+    ["/converter/group.converter", dn],
+    ["/converter/form-group-label.converter", bn],
+    ["/converter/field-selector.converter", pn],
+    ["/converter/pagination.converter", mn],
+    ["/converter/row-number.converter", fn],
+    ["/converter/grid-selection.converter", yn],
+    ["/converter/size.converter", vn],
+    ["/converter/change-formatter-enum.converter", hn],
+    ["/converter/grid-sort.converter", Cn],
+    ["/converter/grid-filter.converter", Fn],
+    ["/converter/row-option.converter", Tn],
+    ["/converter/change-formatter-type.converter", wn]
+  ]), a = /* @__PURE__ */ new Map([
     ["string", { type: "input-group", enableClear: !1 }],
     ["boolean", {
       type: "combo-list",
@@ -1247,186 +1922,186 @@ function Nt(e, t, n) {
     ["array", { type: "button-edit" }],
     ["number", { type: "number-spinner", placeholder: "" }],
     ["events-editor", { type: "events-editor", hide: !0 }]
-  ]), m = ut();
-  function y(c, p) {
-    return () => m.parseValueSchema(c, p);
-  }
-  function w(c, p, v) {
-    return c.includes("visible") && p.visible !== void 0 ? typeof p.visible == "boolean" ? () => !!p.visible : p.visible === void 0 ? !0 : y(p.visible, v) : () => !0;
-  }
-  function h(c, p, v) {
-    return c.includes("readonly") && p.readonly !== void 0 ? typeof p.readonly == "boolean" ? () => !!p.readonly : y(p.readonly, v) : () => !1;
-  }
-  function a(c, p) {
-    const v = c.$converter || p;
-    return typeof v == "string" && v && o.has(v) ? o.get(v) || null : v || null;
-  }
-  function f(c, p, v, b, C, D = "", $ = "") {
-    return Object.keys(c).map((B) => {
-      const q = A(1), R = B, N = c[B], M = Object.keys(N), z = N.title, J = N.type, _ = r.get(J) || { type: "input-group", enableClear: !1 }, G = N.editor ? Object.assign({}, _, N.editor) : Object.assign({}, _), l = w(M, N, p), d = h(M, N, p);
-      G.readonly = G.readonly === void 0 ? d() : G.readonly;
-      const F = N.type === "cascade" ? f(N.properties, p, v, b, C, D, $) : [], k = !0;
-      let I = a(N, $);
-      const x = K({
+  ]), m = Kt();
+  function g(u, f) {
+    return () => m.parseValueSchema(u, f);
+  }
+  function V(u, f, w) {
+    return u.includes("visible") && f.visible !== void 0 ? typeof f.visible == "boolean" ? () => !!f.visible : f.visible === void 0 ? !0 : g(f.visible, w) : () => !0;
+  }
+  function T(u, f, w) {
+    return u.includes("readonly") && f.readonly !== void 0 ? typeof f.readonly == "boolean" ? () => !!f.readonly : g(f.readonly, w) : () => !1;
+  }
+  function l(u, f) {
+    const w = u.$converter || f;
+    return typeof w == "string" && w && o.has(w) ? o.get(w) || null : w || null;
+  }
+  function b(u, f, w, k, h, j = "", O = "") {
+    return Object.keys(u).map((B) => {
+      const Z = R(1), z = B, E = u[B], M = Object.keys(E), _ = E.title, W = E.type, X = a.get(W) || { type: "input-group", enableClear: !1 }, J = E.editor ? Object.assign({}, X, E.editor) : Object.assign({}, X), s = V(M, E, f), y = T(M, E, f);
+      J.readonly = J.readonly === void 0 ? y() : J.readonly;
+      const C = E.type === "cascade" ? b(E.properties, f, w, k, h, j, O) : [], r = !0;
+      let d = l(E, O);
+      const v = H({
         get() {
-          if (q.value) {
-            if (["class", "style"].find((X) => X === R) && !I && (I = o.get("/converter/appearance.converter") || null), I && I.convertFrom)
-              return I.convertFrom(v, B, C, D);
-            const U = v[B];
-            return Object.prototype.hasOwnProperty.call(N, "defaultValue") && (U === void 0 || typeof U == "string" && U === "") ? N.type === "boolean" ? N.defaultValue : N.defaultValue || "" : U;
+          if (Z.value) {
+            if (["class", "style"].find((G) => G === z) && !d && (d = o.get("/converter/appearance.converter") || null), d && d.convertFrom)
+              return d.convertFrom(w, B, h, j);
+            const A = w[B];
+            return Object.prototype.hasOwnProperty.call(E, "defaultValue") && (A === void 0 || typeof A == "string" && A === "") ? E.type === "boolean" ? E.defaultValue : E.defaultValue || "" : A;
           }
           return null;
         },
-        set(U) {
-          q.value += 1, I && I.convertTo ? (I.convertTo(b, B, U, C, D), I.convertTo(v, B, U, C, D)) : (b[B] = U, v[B] = U);
+        set(A) {
+          Z.value += 1, d && d.convertTo ? (d.convertTo(k, B, A, h, j), d.convertTo(w, B, A, h, j)) : (k[B] = A, w[B] = A);
         }
-      }), { refreshPanelAfterChanged: E, description: V, isExpand: T, parentPropertyID: S } = N, L = { propertyID: R, propertyName: z, propertyType: J, propertyValue: x, editor: G, visible: l, readonly: d, cascadeConfig: F, hideCascadeTitle: k, refreshPanelAfterChanged: E, description: V, isExpand: T, parentPropertyID: S };
-      return p[R] = L, L;
+      }), { refreshPanelAfterChanged: P, description: x, isExpand: I, parentPropertyID: $ } = E, L = { propertyID: z, propertyName: _, propertyType: W, propertyValue: v, editor: J, visible: s, readonly: y, cascadeConfig: C, hideCascadeTitle: r, refreshPanelAfterChanged: P, description: x, isExpand: I, parentPropertyID: $ };
+      return f[z] = L, L;
     });
   }
-  function i(c, p, v = {}) {
-    const b = {}, C = e[c];
-    return C && C.categories ? Object.keys(C.categories).map(($) => {
-      const O = C.categories[$], B = O == null ? void 0 : O.title, q = f(O.properties || {}, b, {}, v, p);
-      return { categoryId: $, categoryName: B, properties: q };
+  function i(u, f, w = {}) {
+    const k = {}, h = e[u];
+    return h && h.categories ? Object.keys(h.categories).map((O) => {
+      const N = h.categories[O], B = N == null ? void 0 : N.title, Z = b(N.properties || {}, k, {}, w, f);
+      return { categoryId: O, categoryName: B, properties: Z };
     }) : [];
   }
-  function s(c, p, v, b, C = "") {
-    const D = p.$ref.schema, $ = p.$ref.converter, O = v[D], B = O.type, q = n(O), R = {}, N = e[B];
-    if (N && N.categories) {
-      const M = N.categories[c], z = M == null ? void 0 : M.title;
-      $ && Object.keys(M.properties).forEach((G) => {
-        M.properties[G].$converter = $;
+  function c(u, f, w, k, h = "") {
+    const j = f.$ref.schema, O = f.$ref.converter, N = w[j], B = N.type, Z = n(N), z = {}, E = e[B];
+    if (E && E.categories) {
+      const M = E.categories[u], _ = M == null ? void 0 : M.title;
+      O && Object.keys(M.properties).forEach((J) => {
+        M.properties[J].$converter = O;
       });
-      const J = (M == null ? void 0 : M.properties) || {}, _ = f(J, R, q, O, b, C);
-      return { categoryId: c, categoryName: z, properties: _ };
+      const W = (M == null ? void 0 : M.properties) || {}, X = b(W, z, Z, N, k, h);
+      return { categoryId: u, categoryName: _, properties: X };
     }
-    return { categoryId: c, categoryName: "", properties: [] };
-  }
-  function g(c, p, v, b, C) {
-    const D = c.type, $ = n(c), O = {};
-    let B = C || e[D];
-    if (!(B && Object.keys(B).length > 0) && v && v.getPropConfig && (B = v.getPropConfig(b)), B && B.categories) {
-      const R = [];
-      return Object.keys(B.categories).map((N) => {
-        const M = B.categories[N];
+    return { categoryId: u, categoryName: "", properties: [] };
+  }
+  function F(u, f, w, k, h) {
+    const j = u.type, O = n(u), N = {};
+    let B = h || e[j];
+    if (!(B && Object.keys(B).length > 0) && w && w.getPropConfig && (B = w.getPropConfig(k)), B && B.categories) {
+      const z = [];
+      return Object.keys(B.categories).map((E) => {
+        const M = B.categories[E];
         if (M.$ref) {
-          R.push(s(N, M, c, p, b));
+          z.push(c(E, M, u, f, k));
           return;
         }
-        const z = M == null ? void 0 : M.title, J = M == null ? void 0 : M.tabId, _ = M == null ? void 0 : M.tabName, G = M == null ? void 0 : M.hide, l = M == null ? void 0 : M.hideTitle, d = f(M.properties || {}, O, $, c, p, b, M.$converter), { setPropertyRelates: F } = M, k = M == null ? void 0 : M.parentPropertyID;
-        R.push({ categoryId: N, categoryName: z, tabId: J, tabName: _, hide: G, properties: d, hideTitle: l, setPropertyRelates: F, parentPropertyID: k });
-      }), R;
+        const _ = M == null ? void 0 : M.title, W = M == null ? void 0 : M.tabId, X = M == null ? void 0 : M.tabName, J = M == null ? void 0 : M.hide, s = M == null ? void 0 : M.hideTitle, y = b(M.properties || {}, N, O, u, f, k, M.$converter), { setPropertyRelates: C } = M, r = M == null ? void 0 : M.parentPropertyID;
+        z.push({ categoryId: E, categoryName: _, tabId: W, tabName: X, hide: J, properties: y, hideTitle: s, setPropertyRelates: C, parentPropertyID: r });
+      }), z;
     }
     return [];
   }
   return {
-    getPropertyConfigBySchema: g,
+    getPropertyConfigBySchema: F,
     getPropertyConfigByType: i,
     propertyConverterMap: o
   };
 }
-function St(e, t) {
+function In(e, t) {
   let n;
   function o(i) {
-    const { properties: s, title: g, ignore: c } = i, p = c && Array.isArray(c), v = Object.keys(s).reduce((b, C) => ((!p || !c.find((D) => D === C)) && (b[C] = s[C].type === "object" && s[C].properties ? o(s[C]) : ae(s[C].default)), b), {});
-    if (g && (!p || !c.find((b) => b === "id"))) {
-      const b = g.toLowerCase().replace(/-/g, "_");
-      v.id = `${b}_${Math.random().toString().slice(2, 6)}`;
+    const { properties: c, title: F, ignore: u } = i, f = u && Array.isArray(u), w = Object.keys(c).reduce((k, h) => ((!f || !u.find((j) => j === h)) && (k[h] = c[h].type === "object" && c[h].properties ? o(c[h]) : de(c[h].default)), k), {});
+    if (F && (!f || !u.find((k) => k === "id"))) {
+      const k = F.toLowerCase().replace(/-/g, "_");
+      w.id = `${k}_${Math.random().toString().slice(2, 6)}`;
     }
-    return v;
-  }
-  function r(i) {
-    const { properties: s, title: g, required: c } = i;
-    if (c && Array.isArray(c)) {
-      const p = c.reduce((v, b) => (v[b] = s[b].type === "object" && s[b].properties ? o(s[b]) : ae(s[b].default), v), {});
-      if (g && c.find((v) => v === "id")) {
-        const v = g.toLowerCase().replace(/-/g, "_");
-        p.id = `${v}_${Math.random().toString().slice(2, 6)}`;
+    return w;
+  }
+  function a(i) {
+    const { properties: c, title: F, required: u } = i;
+    if (u && Array.isArray(u)) {
+      const f = u.reduce((w, k) => (w[k] = c[k].type === "object" && c[k].properties ? o(c[k]) : de(c[k].default), w), {});
+      if (F && u.find((w) => w === "id")) {
+        const w = F.toLowerCase().replace(/-/g, "_");
+        f.id = `${w}_${Math.random().toString().slice(2, 6)}`;
       }
-      return p;
+      return f;
     }
     return {
-      type: g
+      type: F
     };
   }
-  function m(i, s = {}, g) {
-    const c = e[i];
-    if (c) {
-      let p = r(c);
-      const v = t[i];
-      return p = v ? v({ getSchemaByType: m }, p, s, g) : p, n != null && n.appendIdentifyForNewControl && n.appendIdentifyForNewControl(p), p;
+  function m(i, c = {}, F) {
+    const u = e[i];
+    if (u) {
+      let f = a(u);
+      const w = t[i];
+      return f = w ? w({ getSchemaByType: m }, f, c, F) : f, n != null && n.appendIdentifyForNewControl && n.appendIdentifyForNewControl(f), f;
     }
     return null;
   }
-  function y(i, s) {
-    const g = o(s);
-    return Object.keys(g).reduce((c, p) => (Object.prototype.hasOwnProperty.call(i, p) && (c[p] && fe(c[p]) && fe(i[p] || !i[p]) ? Object.assign(c[p], i[p] || {}) : c[p] = i[p]), c), g), g;
+  function g(i, c) {
+    const F = o(c);
+    return Object.keys(F).reduce((u, f) => (Object.prototype.hasOwnProperty.call(i, f) && (u[f] && Ce(u[f]) && Ce(i[f] || !i[f]) ? Object.assign(u[f], i[f] || {}) : u[f] = i[f]), u), F), F;
   }
-  function w(i, s) {
-    return Object.keys(i).filter((c) => i[c] != null).reduce((c, p) => {
-      if (s.has(p)) {
-        const v = s.get(p);
-        if (typeof v == "string")
-          c[v] = i[p];
+  function V(i, c) {
+    return Object.keys(i).filter((u) => i[u] != null).reduce((u, f) => {
+      if (c.has(f)) {
+        const w = c.get(f);
+        if (typeof w == "string")
+          u[w] = i[f];
         else {
-          const b = v(p, i[p], i);
-          Object.assign(c, b);
+          const k = w(f, i[f], i);
+          Object.assign(u, k);
         }
       } else
-        c[p] = i[p];
-      return c;
+        u[f] = i[f];
+      return u;
     }, {});
   }
-  function h(i, s, g = /* @__PURE__ */ new Map()) {
-    const c = y(i, s);
-    return w(c, g);
+  function T(i, c, F = /* @__PURE__ */ new Map()) {
+    const u = g(i, c);
+    return V(u, F);
   }
-  function a(i) {
-    var g;
-    const s = i.type;
-    if (s) {
-      const c = e[s];
-      if (!c)
+  function l(i) {
+    var F;
+    const c = i.type;
+    if (c) {
+      const u = e[c];
+      if (!u)
         return i;
-      const p = y(i, c), v = ((g = i.editor) == null ? void 0 : g.type) || "";
-      if (v) {
-        const b = e[v], C = y(i.editor, b);
-        p.editor = C;
+      const f = g(i, u), w = ((F = i.editor) == null ? void 0 : F.type) || "";
+      if (w) {
+        const k = e[w], h = g(i.editor, k);
+        f.editor = h;
       }
-      return p;
+      return f;
     }
     return i;
   }
-  function f(i) {
+  function b(i) {
     n = i;
   }
-  return { getSchemaByType: m, resolveSchemaWithDefaultValue: a, resolveSchemaToProps: h, mappingSchemaToProps: w, setDesignerContext: f };
+  return { getSchemaByType: m, resolveSchemaWithDefaultValue: l, resolveSchemaToProps: T, mappingSchemaToProps: V, setDesignerContext: b };
 }
-const Lt = {}, Ot = {}, { resolveSchemaWithDefaultValue: At } = St(Lt, Ot), Rt = {}, Ut = {};
-Nt(Rt, Ut, At);
-const { globalStorageKey: rr } = he(), ee = class ee {
+const Pn = {}, Vn = {}, { resolveSchemaWithDefaultValue: xn } = In(Pn, Vn), Mn = {}, Dn = {};
+kn(Mn, Dn, xn);
+const { globalStorageKey: Nr } = Ve(), te = class te {
   /**
    * 根据绑定字段类型获取可用的输入类控件
    */
   static getEditorTypesByMDataType(t, n = !1, o = "") {
     if (n)
-      return [{ key: u["language-textbox"].type, value: u["language-textbox"].name }];
-    let r = ee.fieldControlTypeMapping[t];
-    if (o === "data-grid-column" && (r != null && r.length)) {
-      const m = [u["check-group"].type, u["radio-group"].type, u.image.type, u["rich-text-editor"].type];
-      r = r.filter((y) => !m.includes(y.key));
+      return [{ key: p["language-textbox"].type, value: p["language-textbox"].name }];
+    let a = te.fieldControlTypeMapping[t];
+    if (o === "data-grid-column" && (a != null && a.length)) {
+      const m = [p["check-group"].type, p["radio-group"].type, p.image.type, p["rich-text-editor"].type];
+      a = a.filter((g) => !m.includes(g.key));
     }
-    return r;
+    return a;
   }
   /**
    * 获取所有输入类控件
    */
   static getAllInputTypes() {
     const t = [];
-    for (const n in ee.fieldControlTypeMapping)
-      ee.fieldControlTypeMapping[n].forEach((o) => {
-        t.find((r) => r.key === o.key && r.value === o.value) || t.push({ key: o.key, value: o.value });
+    for (const n in te.fieldControlTypeMapping)
+      te.fieldControlTypeMapping[n].forEach((o) => {
+        t.find((a) => a.key === o.key && a.value === o.value) || t.push({ key: o.key, value: o.value });
       });
     return t;
   }
@@ -1436,425 +2111,266 @@ const { globalStorageKey: rr } = he(), ee = class ee {
    */
   static mappingDomPropAndSchemaProp(t, n) {
     var m;
-    const o = (m = t.editor) == null ? void 0 : m.type, r = [];
-    return (t.type === u["data-grid-column"].type || t.type === u["tree-grid-column"].type) && n && n.categoryId && n.categoryId.indexOf("gridFieldEditor") < 0 && r.push({ domField: "title", schemaField: "name" }), r.push({ domField: "label", schemaField: "name" }), r.push({ domField: "editor.required", schemaField: "require" }), r.push({ domField: "editor.readonly", schemaField: "readonly" }), (o === u["input-group"].type || o === u.textarea.type || o === u["number-spinner"].type) && r.push({ domField: "editor.maxLength", schemaField: "type.length" }), o === u["number-spinner"].type && r.push({ domField: "editor.precision", schemaField: "type.precision" }), (t.type === u["data-grid-column"].type || t.type === u["tree-grid-column"].type) && r.push({ domField: "formatter.precision", schemaField: "type.precision" }), (o === u["combo-list"].type || o === u["radio-group"].type) && r.push({ domField: "editor.data", schemaField: "type.enumValues" }), (t.type === u["data-grid-column"].type || t.type === u["tree-grid-column"].type) && r.push({ domField: "formatter.data", schemaField: "type.enumValues" }), o === u["date-picker"].type && (r.push({ domField: "editor.displayFormat", schemaField: "editor.format" }), r.push({ domField: "editor.fieldType", schemaField: "type.name" })), o === u["number-spinner"].type && (r.push({ domField: "editor.max", schemaField: "editor.maxValue" }), r.push({ domField: "editor.min", schemaField: "editor.minValue" })), o === u.lookup.type && (r.push({ domField: "editor.dataSource", schemaField: "editor.dataSource" }), r.push({ domField: "editor.valueField", schemaField: "editor.valueField" }), r.push({ domField: "editor.textField", schemaField: "editor.textField" }), r.push({ domField: "editor.displayType", schemaField: "editor.displayType" }), r.push({ domField: "editor.mapFields", schemaField: "editor.mapFields" }), r.push({ domField: "editor.helpId", schemaField: "editor.helpId" })), r.push({ domField: "path", schemaField: "bindingPath" }), r.push({ domField: "binding.path", schemaField: "bindingField" }), r.push({ domField: "binding.fullPath", schemaField: "path" }), (t.type === u["data-grid-column"].type || t.type === u["tree-grid-column"].type) && r.push({ domField: "field", schemaField: "bindingPath" }), r;
+    const o = (m = t.editor) == null ? void 0 : m.type, a = [];
+    return (t.type === p["data-grid-column"].type || t.type === p["tree-grid-column"].type) && n && n.categoryId && n.categoryId.indexOf("gridFieldEditor") < 0 && a.push({ domField: "title", schemaField: "name" }), a.push({ domField: "label", schemaField: "name" }), a.push({ domField: "editor.required", schemaField: "require" }), a.push({ domField: "editor.readonly", schemaField: "readonly" }), (o === p["input-group"].type || o === p.textarea.type || o === p["number-spinner"].type) && a.push({ domField: "editor.maxLength", schemaField: "type.length" }), o === p["number-spinner"].type && a.push({ domField: "editor.precision", schemaField: "type.precision" }), (t.type === p["data-grid-column"].type || t.type === p["tree-grid-column"].type) && a.push({ domField: "formatter.precision", schemaField: "type.precision" }), (o === p["combo-list"].type || o === p["radio-group"].type) && a.push({ domField: "editor.data", schemaField: "type.enumValues" }), (t.type === p["data-grid-column"].type || t.type === p["tree-grid-column"].type) && a.push({ domField: "formatter.data", schemaField: "type.enumValues" }), o === p["date-picker"].type && (a.push({ domField: "editor.displayFormat", schemaField: "editor.format" }), a.push({ domField: "editor.fieldType", schemaField: "type.name" })), o === p["number-spinner"].type && (a.push({ domField: "editor.max", schemaField: "editor.maxValue" }), a.push({ domField: "editor.min", schemaField: "editor.minValue" })), o === p.lookup.type && (a.push({ domField: "editor.dataSource", schemaField: "editor.dataSource" }), a.push({ domField: "editor.valueField", schemaField: "editor.valueField" }), a.push({ domField: "editor.textField", schemaField: "editor.textField" }), a.push({ domField: "editor.displayType", schemaField: "editor.displayType" }), a.push({ domField: "editor.mapFields", schemaField: "editor.mapFields" }), a.push({ domField: "editor.helpId", schemaField: "editor.helpId" })), a.push({ domField: "path", schemaField: "bindingPath" }), a.push({ domField: "binding.path", schemaField: "bindingField" }), a.push({ domField: "binding.fullPath", schemaField: "path" }), (t.type === p["data-grid-column"].type || t.type === p["tree-grid-column"].type) && a.push({ domField: "field", schemaField: "bindingPath" }), a;
   }
 };
 /**
  * <字段类型,可配置的控件类型列表>的映射
  */
-te(ee, "fieldControlTypeMapping", {
+ie(te, "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: p["input-group"].type, value: p["input-group"].name },
+    { key: p.lookup.type, value: p.lookup.name },
+    { key: p.image.type, value: p.image.name },
+    { key: p["date-picker"].type, value: p["date-picker"].name },
+    { key: p.switch.type, value: p.switch.name },
+    { key: p["check-box"].type, value: p["check-box"].name },
+    { key: p["check-group"].type, value: p["check-group"].name },
+    { key: p["radio-group"].type, value: p["radio-group"].name },
+    { key: p["combo-list"].type, value: p["combo-list"].name },
+    { key: p.textarea.type, value: p.textarea.name },
+    { key: p["time-picker"].type, value: p["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: p.textarea.type, value: p.textarea.name },
+    { key: p.lookup.type, value: p.lookup.name },
+    { key: p.image.type, value: p.image.name },
+    { key: p["rich-text-editor"].type, value: p["rich-text-editor"].name }
   ],
   Decimal: [
-    { key: u["number-spinner"].type, value: u["number-spinner"].name }
+    { key: p["number-spinner"].type, value: p["number-spinner"].name }
   ],
   Integer: [
-    { key: u["number-spinner"].type, value: u["number-spinner"].name }
+    { key: p["number-spinner"].type, value: p["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: p["number-spinner"].type, value: p["number-spinner"].name },
+    { key: p.switch.type, value: p.switch.name },
+    { key: p["check-box"].type, value: p["check-box"].name }
   ],
   BigNumber: [
-    { key: u["number-spinner"].type, value: u["number-spinner"].name }
+    { key: p["number-spinner"].type, value: p["number-spinner"].name }
   ],
   Date: [
-    { key: u["date-picker"].type, value: u["date-picker"].name }
+    { key: p["date-picker"].type, value: p["date-picker"].name }
   ],
   DateTime: [
-    { key: u["date-picker"].type, value: u["date-picker"].name }
+    { key: p["date-picker"].type, value: p["date-picker"].name }
   ],
   Boolean: [
-    { key: u.switch.type, value: u.switch.name },
-    { key: u["check-box"].type, value: u["check-box"].name }
+    { key: p.switch.type, value: p.switch.name },
+    { key: p["check-box"].type, value: p["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: p["combo-list"].type, value: p["combo-list"].name },
+    { key: p["radio-group"].type, value: p["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: p.lookup.type, value: p.lookup.name },
+    { key: p["combo-list"].type, value: p["combo-list"].name },
+    { key: p["radio-group"].type, value: p["radio-group"].name }
   ]
 });
-let ge = ee;
-var se = /* @__PURE__ */ ((e) => (e.Form = "Form", e.Variable = "Variable", e))(se || {}), we = /* @__PURE__ */ ((e) => (e.SimpleField = "SimpleField", e.ComplexField = "ComplexField", e))(we || {});
-function jt(e, t, n) {
+let Te = te;
+var me = /* @__PURE__ */ ((e) => (e.Form = "Form", e.Variable = "Variable", e))(me || {}), Oe = /* @__PURE__ */ ((e) => (e.SimpleField = "SimpleField", e.ComplexField = "ComplexField", e))(Oe || {});
+function Bn(e, t, n) {
   function o() {
-    const y = n.componentId;
-    if (!y)
+    const g = n.componentId;
+    if (!g)
       return !1;
-    const w = e.formSchemaUtils.getViewModelIdByComponentId(y);
-    if (!w)
+    const V = e.formSchemaUtils.getViewModelIdByComponentId(g);
+    if (!V)
       return !1;
-    const { schema: h } = t, { designViewModelUtils: a } = e, f = a.getDgViewModel(w), i = f == null ? void 0 : f.fields.find((s) => s.id === h.binding.field);
-    return !(!i || i.$type !== we.SimpleField);
+    const { schema: T } = t, { designViewModelUtils: l } = e, b = l.getDgViewModel(V), i = b == null ? void 0 : b.fields.find((c) => c.id === T.binding.field);
+    return !(!i || i.$type !== Oe.SimpleField);
   }
-  function r() {
-    const { schema: y } = t;
-    return !!e.formSchemaUtils.getVariableById(y.binding.field);
+  function a() {
+    const { schema: g } = t;
+    return !!e.formSchemaUtils.getVariableById(g.binding.field);
   }
   function m() {
-    var h;
-    const { schema: y } = t;
-    let w = !0;
-    if (!e || !((h = y.binding) != null && h.field))
-      return w;
-    switch (y.binding.type) {
-      case se.Form: {
-        w = o();
+    var T;
+    const { schema: g } = t;
+    let V = !0;
+    if (!e || !((T = g.binding) != null && T.field))
+      return V;
+    switch (g.binding.type) {
+      case me.Form: {
+        V = o();
         break;
       }
-      case se.Variable:
-        w = r();
+      case me.Variable:
+        V = a();
     }
-    return w;
+    return V;
   }
   return { checkBindingFieldValidation: m };
 }
-const qt = /* @__PURE__ */ ne({
+const En = /* @__PURE__ */ ee({
   name: "FDynamicFormGroupDesign",
-  props: ve,
+  props: we,
   emits: ["change", "update:modelValue"],
   setup(e, t) {
-    var q;
-    const n = A(e.id), o = A(e.customClass), r = A(e.editor), m = A(e.label), y = A(e.modelValue), w = A(!0), h = A(((q = e.editor) == null ? void 0 : q.required) === !0), a = A(e.showLabel);
-    A(e.type);
-    const f = A(), i = Y("designer-host-service"), s = Y("design-item-context"), g = K(() => a.value ? e.showLabelType : "none"), {
-      resolveEditorProps: c,
-      resolveEditorType: p
-    } = ct(), v = K(() => ({
-      "form-group": !0,
-      "farris-form-group": !0,
-      "common-group": !0,
-      "q-state-readonly": w.value,
-      "form-group-in-canvas": !0
-    })), b = K(() => {
-      const R = r.value.type || "input-group", N = p(R), M = c(R, r.value);
-      return () => P(N, be({
-        ref: f
-      }, M, {
-        modelValue: y.value,
-        "onUpdate:modelValue": (z) => y.value = z
+    var z;
+    const n = R(e.id), o = R(e.customClass), a = R(e.editor), m = R(e.label), g = R(e.modelValue), V = R(!0), T = R(((z = e.editor) == null ? void 0 : z.required) === !0), l = R(e.showLabel), b = R(), i = R(e.editor.type || "input-group"), c = Y("designer-host-service"), F = Y("design-item-context"), u = H(() => l.value ? e.showLabelType : "none"), {
+      resolveEditorProps: f,
+      resolveEditorType: w
+    } = Ht(), k = H(() => {
+      const E = {
+        "form-group": !0,
+        "farris-form-group": !0,
+        "common-group": !0,
+        "q-state-readonly": V.value,
+        "form-group-in-canvas": !0,
+        "align-items-start": a.value.type === "textarea" || a.value.type === "rich-text-editor"
+      };
+      return E["form-group--has-" + i.value] = !0, E;
+    }), h = H(() => {
+      const E = a.value.type || "input-group", M = w(E), _ = f(E, a.value);
+      return () => D(M, Pe({
+        ref: b
+      }, _, {
+        modelValue: g.value,
+        "onUpdate:modelValue": (W) => g.value = W
       }), null);
     });
-    je([() => e.id, () => e.customClass, () => e.editor, () => e.label, () => e.modelValue, () => e.readonly, () => e.showLabel], ([R, N, M, z, J, _, G]) => {
-      var l;
-      n.value = R, o.value = N, r.value = {
-        ...M
-      }, m.value = z, y.value = J, w.value = _, h.value = ((l = r.value) == null ? void 0 : l.required) === !0, a.value = G;
+    le([() => e.id, () => e.customClass, () => e.editor, () => e.label, () => e.modelValue, () => e.readonly, () => e.showLabel], ([E, M, _, W, X, J, s]) => {
+      var y;
+      n.value = E, o.value = M, a.value = {
+        ..._
+      }, m.value = W, g.value = X, V.value = J, T.value = ((y = a.value) == null ? void 0 : y.required) === !0, l.value = s;
     }, {
       deep: !0
     });
-    const D = !Y("external-container-id"), {
-      checkBindingFieldValidation: $
-    } = jt(i, s, e);
-    function O() {
-      const R = D ? $() : !0;
-      return P(Be, {
+    const O = !Y("external-container-id"), {
+      checkBindingFieldValidation: N
+    } = Bn(c, F, e);
+    function B() {
+      const E = O ? N() : !0;
+      return D(Ue, {
         id: `${n.value}-lable`,
-        showType: g.value,
-        required: h.value,
+        showType: u.value,
+        required: T.value,
         text: m.value,
         title: m.value,
-        valid: R,
+        valid: E,
         inValidTip: "绑定信息已失效，请切换绑定或移除控件"
       }, null);
     }
-    const B = K(() => {
+    const Z = H(() => {
       if (e.fill)
         return {
           maxWidth: "none"
         };
     });
     return t.expose({
-      editorRef: f
-    }), () => P("div", {
+      editorRef: b
+    }), () => D("div", {
       id: `${n.value}-input-group`,
       class: o.value
-    }, [P("div", {
+    }, [D("div", {
       class: "farris-group-wrap",
-      style: B.value
-    }, [P("div", {
-      class: v.value
-    }, [O(), P("div", {
+      style: Z.value
+    }, [D("div", {
+      class: k.value
+    }, [B(), D("div", {
       class: "farris-input-wrap"
-    }, [b.value()])])])]);
+    }, [h.value()])])])]);
   }
 });
-function Gt(e, t) {
+function $n(e, t) {
   function n() {
     return !0;
   }
   function o() {
     return !0;
   }
-  function r() {
+  function a() {
     return !1;
   }
   function m() {
     return !0;
   }
-  function y(i) {
-    var b;
-    const s = t == null ? void 0 : t.designViewModelUtils, g = t == null ? void 0 : t.formSchemaUtils, c = (b = e == null ? void 0 : e.componentInstance.value) == null ? void 0 : b.belongedComponentId;
-    if (!c || !s || !g)
+  function g(i) {
+    var k;
+    const c = t == null ? void 0 : t.designViewModelUtils, F = t == null ? void 0 : t.formSchemaUtils, u = (k = e == null ? void 0 : e.componentInstance.value) == null ? void 0 : k.belongedComponentId;
+    if (!u || !c || !F)
       return;
-    const p = g.getViewModelIdByComponentId(c), v = s.getDgViewModel(p);
-    v && v.removeField([i]);
-  }
-  function w(i, s) {
-    const g = t == null ? void 0 : t.formSchemaUtils, { schema: c } = e;
-    if (g.getComponents().find((v) => {
-      let b = g.getControlsInCmpWidthBinding(v.viewModel, i);
-      if (b = b.filter((C) => {
-        var $;
-        if (C.id === c.id)
+    const f = F.getViewModelIdByComponentId(u), w = c.getDgViewModel(f);
+    w && w.removeField([i]);
+  }
+  function V(i, c) {
+    const F = t == null ? void 0 : t.formSchemaUtils, { schema: u } = e;
+    if (F.getComponents().find((w) => {
+      let k = F.getControlsInCmpWidthBinding(w.viewModel, i);
+      if (k = k.filter((h) => {
+        var O;
+        if (h.id === u.id)
           return !1;
-        const D = s.type === "visible" ? C[s.type] : ($ = C.editor) == null ? void 0 : $[s.type];
-        if (D && D.type === "Expression" && D.expressionId === s.id)
+        const j = c.type === "visible" ? h[c.type] : (O = h.editor) == null ? void 0 : O[c.type];
+        if (j && j.type === "Expression" && j.expressionId === c.id)
           return !0;
-      }), b.length)
+      }), k.length)
         return !0;
     }))
       return !0;
   }
-  function h(i) {
-    var c;
-    const s = t == null ? void 0 : t.formSchemaUtils, { schema: g } = e;
-    if (s.getExpressions().length) {
-      const p = s.getExpressions(), v = p.findIndex((b) => b.target === i);
-      v > -1 && ((c = p[v].rules) == null || c.map((b) => {
-        var C;
-        switch (b.type) {
+  function T(i) {
+    var u;
+    const c = t == null ? void 0 : t.formSchemaUtils, { schema: F } = e;
+    if (c.getExpressions().length) {
+      const f = c.getExpressions(), w = f.findIndex((k) => k.target === i);
+      w > -1 && ((u = f[w].rules) == null || u.map((k) => {
+        var h;
+        switch (k.type) {
           case "visible":
           case "readonly":
           case "required": {
-            const D = b.type === "visible" ? g[b.type] : (C = g.editor) == null ? void 0 : C[b.type];
-            D && D.type === "Expression" && D.expressionId === b.id && (w(i, b) || (b.needDelete = !0));
+            const j = k.type === "visible" ? F[k.type] : (h = F.editor) == null ? void 0 : h[k.type];
+            j && j.type === "Expression" && j.expressionId === k.id && (V(i, k) || (k.needDelete = !0));
             break;
           }
           default:
-            w(i, b) || (b.needDelete = !0);
+            V(i, k) || (k.needDelete = !0);
         }
-      }), p[v].rules = p[v].rules.filter((b) => !b.needDelete));
+      }), f[w].rules = f[w].rules.filter((k) => !k.needDelete));
     }
   }
-  function a() {
-    var s, g;
-    const i = (s = e == null ? void 0 : e.parent) == null ? void 0 : s.componentInstance.value;
-    ((g = i == null ? void 0 : i.schema) == null ? void 0 : g.type) === u["response-layout-item"].type && (i != null && i.schema.appearance.class) && (i.schema.appearance.class = i.schema.appearance.class.replace("f-form-layout", ""), i.schema.appearance.class = i.schema.appearance.class.replace("farris-form", ""), i.schema.appearance.class = i.schema.appearance.class.replace("farris-form-controls-inline", ""), i.schema.appearance.class = i.schema.appearance.class.replace("farris-form-auto", ""), i.schema.appearance.class = i.schema.appearance.class.trim().replace("  ", " "));
+  function l() {
+    var c, F;
+    const i = (c = e == null ? void 0 : e.parent) == null ? void 0 : c.componentInstance.value;
+    ((F = i == null ? void 0 : i.schema) == null ? void 0 : F.type) === p["response-layout-item"].type && (i != null && i.schema.appearance.class) && (i.schema.appearance.class = i.schema.appearance.class.replace("f-form-layout", ""), i.schema.appearance.class = i.schema.appearance.class.replace("farris-form", ""), i.schema.appearance.class = i.schema.appearance.class.replace("farris-form-controls-inline", ""), i.schema.appearance.class = i.schema.appearance.class.replace("farris-form-auto", ""), i.schema.appearance.class = i.schema.appearance.class.trim().replace("  ", " "));
   }
-  function f() {
-    const { schema: i } = e, s = i.binding && i.binding.field;
-    s && (y(s), h(s)), a();
+  function b() {
+    const { schema: i } = e, c = i.binding && i.binding.field;
+    c && (g(c), T(c)), l();
   }
   return {
-    canAccepts: r,
+    canAccepts: a,
     checkCanDeleteComponent: o,
     checkCanMoveComponent: n,
     hideNestedPaddingInDesginerView: m,
-    onRemoveComponent: f
+    onRemoveComponent: b
   };
 }
-const Zt = /* @__PURE__ */ ne({
+const On = /* @__PURE__ */ ee({
   name: "FFormGroupDesign",
-  props: Ce,
+  props: St,
   emits: [],
   setup(e, t) {
-    const n = A(), o = Y("design-item-context"), r = Y("designer-host-service"), m = Gt(o, r), y = ce(n, o, m);
-    return ie(() => {
-      n.value.componentInstance = y, y.value.getPropConfig = (...w) => {
-        var a, f, i;
-        let h = Le[e.editor.type];
-        return h && Object.keys(h).length === 0 && ((a = n.value) != null && a.editorRef) && ((i = (f = n.value) == null ? void 0 : f.editorRef) != null && i.getPropConfig) && (h = n.value.editorRef.getPropConfig(...w, y.value)), h;
+    const n = R(), o = Y("design-item-context"), a = Y("designer-host-service"), m = $n(o, a), g = ce(n, o, m);
+    return ne(() => {
+      n.value.componentInstance = g, g.value.getPropConfig = (...V) => {
+        var l, b, i;
+        let T = Je[e.editor.type];
+        return T && Object.keys(T).length === 0 && ((l = n.value) != null && l.editorRef) && ((i = (b = n.value) == null ? void 0 : b.editorRef) != null && i.getPropConfig) && (T = n.value.editorRef.getPropConfig(...V, g.value)), T;
       };
-    }), t.expose(y.value), () => P(qt, be(e, {
+    }), t.expose(g.value), () => D(En, Pe(e, {
       ref: n
     }), null);
   }
-}), ue = /* @__PURE__ */ new Map([
-  ["appearance", Oe]
-]), zt = /* @__PURE__ */ new Map([]), Wt = "root-viewmodel";
-class Jt {
-  constructor(t, n) {
-    te(this, "formSchemaUtils");
-    te(this, "controlCreatorUtils");
-    te(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), r = this.createViewModeNode(t), m = this.formSchemaUtils.getFormSchema();
-    return m.module.viewmodels.push(r), m.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,
-      appearance: {
-        class: this.getFormComponentClass(t)
-      },
-      formColumns: t.formColumns,
-      contents: o
-    }), n;
-  }
-  /**
-   * 获取卡片组件层级的class样式
-   */
-  getFormComponentClass(t) {
-    var o, r;
-    const { templateId: n } = this.formSchemaUtils.getFormSchema().module;
-    if (n === "double-list-in-tab-template" && ((r = (o = t.parentComponentInstance) == null ? void 0 : o.schema) == null ? void 0 : r.type) === "tab-page") {
-      const m = t.parentComponentInstance.parent && t.parentComponentInstance.parent.schema;
-      if ((m == null ? void 0 : m.type) === "tabs" && (m == null ? void 0 : m.fill) === !0)
-        return "f-struct-wrapper f-utils-fill-flex-column";
-    }
-    return "f-struct-wrapper";
-  }
-  createFormComponentContents(t) {
-    var w, h;
-    const n = this.resolver.getSchemaByType("section");
-    Object.assign(n, {
-      id: t.componentId + "-form-section",
-      appearance: {
-        class: "f-section-form f-section-in-mainsubcard"
-      },
-      mainTitle: t.componentName
-    });
-    const o = this.resolver.getSchemaByType("response-form"), r = [];
-    Object.assign(o, {
-      id: t.componentId + "-form",
-      appearance: {
-        class: "f-form-layout farris-form farris-form-controls-inline"
-      },
-      contents: r,
-      controlsInline: !0
-    }), n.contents = [o];
-    const { selectedFields: m } = t;
-    m == null || m.forEach((a) => {
-      if (a.$type === de.SimpleField) {
-        const f = ae(a), i = this.resolveControlClassByFormColumns(t), s = this.controlCreatorUtils.setFormFieldProperty(f, "", i);
-        s && r.push(s);
-      }
-    });
-    const { templateId: y } = this.formSchemaUtils.getFormSchema().module;
-    if (y === "double-list-in-tab-template" && ((h = (w = t.parentComponentInstance) == null ? void 0 : w.schema) == null ? void 0 : h.type) === "tab-page") {
-      const a = t.parentComponentInstance.parent && t.parentComponentInstance.parent.schema;
-      (a == null ? void 0 : a.type) === "tabs" && (a == null ? void 0 : a.fill) === !0 && (n.appearance.class = "f-section-grid f-section-in-main px-0 pt-0", n.fill = !0);
-    }
-    return [n];
-  }
-  resolveControlClassByFormColumns(t) {
-    let n = "";
-    switch (t.formColumns) {
-      case 1: {
-        n = "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";
-        break;
-      }
-      case 3: {
-        n = "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";
-        break;
-      }
-    }
-    return n;
-  }
-  /**
-   * 添加viewModel节点
-   */
-  createViewModeNode(t) {
-    return {
-      id: `${t.componentId}-component-viewmodel`,
-      code: `${t.componentId}-component-viewmodel`,
-      name: t.componentName,
-      bindTo: t.bindTo,
-      parent: Wt,
-      fields: this.assembleViewModelFields(t),
-      commands: [],
-      states: [],
-      enableValidation: !0
-    };
-  }
-  /**
-   * 组装viewModel fields 节点
-   */
-  assembleViewModelFields(t) {
-    const n = [], { selectedFields: o } = t;
-    return o == null || o.forEach((r) => {
-      if (r.$type === de.SimpleField) {
-        let m = "blur";
-        const y = r.type.name;
-        (y === me.Enum || y === me.Boolean) && (m = "change"), n.push({
-          type: "Form",
-          id: r.id,
-          fieldName: r.bindingField,
-          groupId: null,
-          groupName: null,
-          updateOn: m,
-          fieldSchema: {}
-        });
-      }
-    }), n;
-  }
-}
-function _t(e, t, n, o) {
-  var m, y, w, h, a, f;
-  const r = n.parentComponentInstance;
-  if (r && o) {
-    const i = (m = r.schema) == null ? void 0 : m.type, g = {
-      componentId: `form-${Math.random().toString(36).slice(2, 6)}`,
-      componentName: ((y = n.bindingSourceContext) == null ? void 0 : y.entityTitle) || ((h = (w = n.bindingSourceContext) == null ? void 0 : w.bindingEntity) == null ? void 0 : h.name) || "标题",
-      componentType: "form",
-      formColumns: i === "splitter-pane" ? 1 : 4,
-      parentContainerId: r.schema.id,
-      parentComponentInstance: r,
-      bindTo: ((a = n.bindingSourceContext) == null ? void 0 : a.bindTo) || "/",
-      selectedFields: (f = n.bindingSourceContext) == null ? void 0 : f.bindingEntityFields
-    };
-    return new Jt(e, o).createComponent(g);
-  } else
-    return t;
-}
-function Xt(e, t, n) {
-  return t;
-}
-const Qt = "https://json-schema.org/draft/2020-12/schema", Yt = "https://farris-design.gitee.io/grid-field-editor.schema.json", Ht = "response-form-layout-setting", Kt = "A Farris Data Grid Component", en = "object", tn = {
+}), jn = "https://json-schema.org/draft/2020-12/schema", Ln = "https://farris-design.gitee.io/grid-field-editor.schema.json", Nn = "response-form-layout-setting", An = "A Farris Data Grid Component", Rn = "object", Un = {
   id: {
     description: "The unique identifier for a Input Group",
     type: "string"
@@ -1868,18 +2384,18 @@ const Qt = "https://json-schema.org/draft/2020-12/schema", Yt = "https://farris-
     description: "",
     type: "object"
   }
-}, nn = [
+}, qn = [
   "id",
   "type"
-], on = {
-  $schema: Qt,
-  $id: Yt,
-  title: Ht,
-  description: Kt,
-  type: en,
-  properties: tn,
-  required: nn
-}, Te = {
+], Sn = {
+  $schema: jn,
+  $id: Ln,
+  title: Nn,
+  description: An,
+  type: Rn,
+  properties: Un,
+  required: qn
+}, je = {
   initialState: {
     type: Object,
     default: {
@@ -1889,142 +2405,142 @@ const Qt = "https://json-schema.org/draft/2020-12/schema", Yt = "https://farris-
       uniqueColClassInEL: 2
     }
   }
-}, rn = re(Te, on, zt, Xt), an = /* @__PURE__ */ ne({
+}, Gn = ae(je, Sn, ht, bt), zn = /* @__PURE__ */ ee({
   name: "FResponseFormLayoutSetting",
-  props: Te,
+  props: je,
   emits: ["change"],
   setup(e, t) {
-    const n = [1], o = [1, 2], r = [1, 2, 3, 4], m = [1, 2, 3, 4, 6];
-    let y = [], w = [], h = [], a = [];
-    const f = A(e.initialState), i = A(-1), s = A(-1), g = A(-1), c = A(-1);
-    function p() {
-      const C = "自定义", D = 12 / f.value.uniqueColClassInSM;
-      n.includes(D) ? i.value = D : (y.push({
+    const n = [1], o = [1, 2], a = [1, 2, 3, 4], m = [1, 2, 3, 4, 6];
+    let g = [], V = [], T = [], l = [];
+    const b = R(e.initialState), i = R(-1), c = R(-1), F = R(-1), u = R(-1);
+    function f() {
+      const h = "自定义", j = 12 / b.value.uniqueColClassInSM;
+      n.includes(j) ? i.value = j : (g.push({
         value: 0,
-        name: C
+        name: h
       }), i.value = 0);
-      const $ = 12 / f.value.uniqueColClassInMD;
-      o.includes($) ? s.value = $ : (w.push({
+      const O = 12 / b.value.uniqueColClassInMD;
+      o.includes(O) ? c.value = O : (V.push({
         value: 0,
-        name: C
-      }), s.value = 0);
-      const O = 12 / f.value.uniqueColClassInLG;
-      r.includes(O) ? g.value = O : (h.push({
+        name: h
+      }), c.value = 0);
+      const N = 12 / b.value.uniqueColClassInLG;
+      a.includes(N) ? F.value = N : (T.push({
         value: 0,
-        name: C
-      }), g.value = 0);
-      const B = 12 / f.value.uniqueColClassInEL;
-      m.includes(B) ? c.value = B : (a.push({
+        name: h
+      }), F.value = 0);
+      const B = 12 / b.value.uniqueColClassInEL;
+      m.includes(B) ? u.value = B : (l.push({
         value: 0,
-        name: C
-      }), c.value = 0), y = [...y], w = [...w], h = [...h], a = [...a];
+        name: h
+      }), u.value = 0), g = [...g], V = [...V], T = [...T], l = [...l];
     }
-    function v() {
-      n.forEach((C) => {
-        y.push({
-          value: C,
-          name: C + ""
+    function w() {
+      n.forEach((h) => {
+        g.push({
+          value: h,
+          name: h + ""
         });
-      }), o.forEach((C) => {
-        w.push({
-          value: C,
-          name: C + ""
+      }), o.forEach((h) => {
+        V.push({
+          value: h,
+          name: h + ""
         });
-      }), r.forEach((C) => {
-        h.push({
-          value: C,
-          name: C + ""
+      }), a.forEach((h) => {
+        T.push({
+          value: h,
+          name: h + ""
         });
-      }), m.forEach((C) => {
-        a.push({
-          value: C,
-          name: C + ""
+      }), m.forEach((h) => {
+        l.push({
+          value: h,
+          name: h + ""
         });
       });
     }
-    function b() {
-      Qe.question("应用统一布局，将重置区域内部所有控件的宽度样式，确定应用?", "", () => {
-        f.value.uniqueColClassInSM = i.value === 0 ? null : 12 / i.value, f.value.uniqueColClassInMD = s.value === 0 ? null : 12 / s.value, f.value.uniqueColClassInLG = g.value === 0 ? null : 12 / g.value, f.value.uniqueColClassInEL = c.value === 0 ? null : 12 / c.value, t.emit("change", f.value);
+    function k() {
+      pt.question("应用统一布局，将重置区域内部所有控件的宽度样式，确定应用?", "", () => {
+        b.value.uniqueColClassInSM = i.value === 0 ? null : 12 / i.value, b.value.uniqueColClassInMD = c.value === 0 ? null : 12 / c.value, b.value.uniqueColClassInLG = F.value === 0 ? null : 12 / F.value, b.value.uniqueColClassInEL = u.value === 0 ? null : 12 / u.value, t.emit("change", b.value);
       }, () => {
       });
     }
-    return ie(() => {
-      v(), p();
-    }), () => P("div", null, [P("div", {
+    return ne(() => {
+      w(), f();
+    }), () => D("div", null, [D("div", {
       class: "f-form-layout farris-form farris-form-controls-inline"
-    }, [P("div", {
+    }, [D("div", {
       class: "form-group farris-form-group screenGroup"
-    }, [P("span", {
+    }, [D("span", {
       class: "screenName"
-    }, [Q(" 小屏幕 ")]), P("div", {
+    }, [Q(" 小屏幕 ")]), D("div", {
       class: "d-flex ml-2 screen-input"
-    }, [P(oe, {
-      data: y,
+    }, [D(se, {
+      data: g,
       idField: "value",
       valueField: "value",
       editable: !1,
       enableClear: !1,
       modelValue: i.value,
-      "onUpdate:modelValue": (C) => i.value = C
-    }, null), P("span", {
+      "onUpdate:modelValue": (h) => i.value = h
+    }, null), D("span", {
       class: "ml-2 columnText"
-    }, [Q("列")])])]), P("div", {
+    }, [Q("列")])])]), D("div", {
       class: "form-group farris-form-group screenGroup"
-    }, [P("span", {
+    }, [D("span", {
       class: "screenName"
-    }, [Q("中等屏幕")]), P("div", {
+    }, [Q("中等屏幕")]), D("div", {
       class: "d-flex ml-2 screen-input"
-    }, [P(oe, {
-      data: w,
+    }, [D(se, {
+      data: V,
       idField: "value",
       valueField: "value",
       editable: !1,
       enableClear: !1,
-      modelValue: s.value,
-      "onUpdate:modelValue": (C) => s.value = C
-    }, null), P("span", {
+      modelValue: c.value,
+      "onUpdate:modelValue": (h) => c.value = h
+    }, null), D("span", {
       class: "ml-2 columnText"
-    }, [Q("列")])])]), P("div", {
+    }, [Q("列")])])]), D("div", {
       class: "form-group farris-form-group screenGroup"
-    }, [P("span", {
+    }, [D("span", {
       class: "screenName"
-    }, [Q("大屏幕")]), P("div", {
+    }, [Q("大屏幕")]), D("div", {
       class: "d-flex ml-2 screen-input"
-    }, [P(oe, {
-      data: h,
+    }, [D(se, {
+      data: T,
       idField: "value",
       valueField: "value",
       editable: !1,
       enableClear: !1,
-      modelValue: g.value,
-      "onUpdate:modelValue": (C) => g.value = C
-    }, null), P("span", {
+      modelValue: F.value,
+      "onUpdate:modelValue": (h) => F.value = h
+    }, null), D("span", {
       class: "ml-2 columnText"
-    }, [Q("列")])])]), P("div", {
+    }, [Q("列")])])]), D("div", {
       class: "form-group farris-form-group screenGroup"
-    }, [P("span", {
+    }, [D("span", {
       class: "screenName"
-    }, [Q("极大屏幕")]), P("div", {
+    }, [Q("极大屏幕")]), D("div", {
       class: "d-flex ml-2 screen-input"
-    }, [P(oe, {
-      data: a,
+    }, [D(se, {
+      data: l,
       idField: "value",
       valueField: "value",
       editable: !1,
       enableClear: !1,
-      modelValue: c.value,
-      "onUpdate:modelValue": (C) => c.value = C
-    }, null), P("span", {
+      modelValue: u.value,
+      "onUpdate:modelValue": (h) => u.value = h
+    }, null), D("span", {
       class: "ml-2 columnText"
-    }, [Q("列")])])])]), P("div", {
+    }, [Q("列")])])])]), D("div", {
       class: "applyBtn"
-    }, [P("button", {
+    }, [D("button", {
       class: "btn f-rt-btn btn-primary",
       type: "button",
-      onClick: () => b()
+      onClick: () => k()
     }, [Q("应用")])])]);
   }
-}), ln = "https://json-schema.org/draft/2020-12/schema", sn = "https://farris-design.gitee.io/response-form.schema.json", cn = "response-form", un = "A Farris Data Collection Component", pn = "object", dn = {
+}), Zn = "https://json-schema.org/draft/2020-12/schema", Wn = "https://farris-design.gitee.io/form-group.schema.json", Jn = "form-group", _n = "A Farris Input Component", Xn = "object", Qn = {
   id: {
     description: "The unique identifier for a form group",
     type: "string"
@@ -2032,7 +2548,7 @@ const Qt = "https://json-schema.org/draft/2020-12/schema", Yt = "https://farris-
   type: {
     description: "The type string of form group component",
     type: "string",
-    default: "response-form"
+    default: "form-group"
   },
   appearance: {
     description: "",
@@ -2047,72 +2563,27 @@ const Qt = "https://json-schema.org/draft/2020-12/schema", Yt = "https://farris-
     },
     default: {}
   },
-  contents: {
-    description: "",
-    type: "array",
-    default: []
-  },
-  visible: {
-    description: "",
-    type: "boolean",
-    default: !0
-  },
-  labelAutoOverflow: {
+  enableLinkLabel: {
     description: "",
     type: "boolean",
     default: !1
   },
-  adaptForLanguage: {
-    description: "",
-    type: "boolean",
-    default: !0
-  }
-}, mn = [
-  "id",
-  "type",
-  "contents"
-], fn = {
-  $schema: ln,
-  $id: sn,
-  title: cn,
-  description: un,
-  type: pn,
-  properties: dn,
-  required: mn
-}, yn = "https://json-schema.org/draft/2020-12/schema", gn = "https://farris-design.gitee.io/form-group.schema.json", vn = "form-group", bn = "A Farris Input Component", hn = "object", Cn = {
-  id: {
-    description: "The unique identifier for a form group",
-    type: "string"
-  },
-  type: {
-    description: "The type string of form group component",
-    type: "string",
-    default: "form-group"
-  },
-  appearance: {
+  editor: {
     description: "",
     type: "object",
-    properties: {
-      class: {
-        type: "string"
-      },
-      style: {
-        type: "string"
-      }
-    },
-    default: {}
+    default: null
   },
-  enableLinkLabel: {
+  label: {
     description: "",
-    type: "boolean",
-    default: !1
+    type: "string",
+    default: ""
   },
-  editor: {
+  titleDataSource: {
     description: "",
     type: "object",
     default: null
   },
-  label: {
+  titleSourceType: {
     description: "",
     type: "string",
     default: ""
@@ -2153,41 +2624,59 @@ const Qt = "https://json-schema.org/draft/2020-12/schema", Yt = "https://farris-
   fill: {
     type: "boolean",
     default: !1
+  },
+  enableTips: {
+    description: "",
+    type: "boolean",
+    default: !1
+  },
+  tipsContent: {
+    description: "",
+    type: "string",
+    default: ""
+  },
+  linkLabel: {
+    description: "",
+    type: "string",
+    default: !1
+  },
+  modelValue: {
+    description: "",
+    type: "string"
   }
-}, Fn = [
+}, Yn = [
   "id",
   "type",
   "editor"
-], Ie = {
-  $schema: yn,
-  $id: gn,
-  title: vn,
-  description: bn,
-  type: hn,
-  properties: Cn,
-  required: Fn
-}, ke = re(Pe, fn, ue, _t), Ve = re(
-  ve,
-  Ie,
-  ue,
+], Le = {
+  $schema: Zn,
+  $id: Wn,
+  title: Jn,
+  description: _n,
+  type: Xn,
+  properties: Qn,
+  required: Yn
+}, Ne = ae(
+  we,
+  Le,
+  oe,
   void 0
-), wn = Ae(), Tn = re(
-  Ee,
-  Ie,
-  ue,
+), Hn = _e(), Kn = ae(
+  qe,
+  Le,
+  oe,
   void 0
 );
-le.register = (e, t, n, o) => {
-  e["form-group"] = De, t["form-group"] = Ve, e["response-form"] = $e, t["response-form"] = ke, e["form-input"] = Ne, t["form-input"] = Tn, o["form-group"] = { editorResolver: wn }, e["response-form-layout-setting"] = an, t["response-form-layout-setting"] = rn;
+pe.register = (e, t, n, o) => {
+  e["form-group"] = Se, t["form-group"] = Ne, e["response-form"] = Ge, t["response-form"] = jt, e["form-input"] = ze, t["form-input"] = Kn, o["form-group"] = { editorResolver: Hn }, e["response-form-layout-setting"] = zn, t["response-form-layout-setting"] = Gn, e["dynamic-form"] = qt, t["dynamic-form"] = Lt;
 };
-le.registerDesigner = (e, t, n) => {
-  e["form-group"] = Zt, t["form-group"] = Ve, e["response-form"] = le, t["response-form"] = ke;
+pe.registerDesigner = (e, t, n) => {
+  e["form-group"] = On, t["form-group"] = Ne, e["response-form"] = pe, t["response-form"] = Nt, e["dynamic-form"] = Ut, t["dynamic-form"] = At;
 };
 export {
-  le as FResponseFormDesign,
-  le as default,
-  wn as editorResolver,
-  Ve as formGroupPropsResolver,
-  Tn as formInputPropsResolver,
-  ke as formPropsResolver
+  pe as FResponseFormDesign,
+  pe as default,
+  Hn as editorResolver,
+  Ne as formGroupPropsResolver,
+  Kn as formInputPropsResolver
 };