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

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

@@ -1,134 +1,712 @@
-var Ze = Object.defineProperty;
-var We = (e, t, n) => t in e ? Ze(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
-var le = (e, t, n) => We(e, typeof t != "symbol" ? t + "" : t, n);
-import { defineComponent as H, ref as V, computed as Z, withDirectives as Ie, createVNode as F, resolveDirective as Be, watch as oe, createTextVNode as ee, mergeProps as ce, inject as te, onMounted as me } from "vue";
-import { LocaleService as Je } from "../locale/index.esm.js";
-import ze from "../../designer/accordion/index.esm.js";
-import Xe from "../../designer/avatar/index.esm.js";
-import Ke from "../../designer/button-edit/index.esm.js";
-import Qe from "../../designer/button-group/index.esm.js";
-import xe, { calendarProps as _e } from "../calendar/index.esm.js";
-import Ye from "../../designer/capsule/index.esm.js";
-import ve from "../../designer/checkbox/index.esm.js";
-import Ce from "../../designer/checkbox-group/index.esm.js";
-import He from "../../designer/combo-list/index.esm.js";
-import et from "../../designer/combo-tree/index.esm.js";
-import tt from "../../designer/component/index.esm.js";
-import ot from "../../designer/color-picker/index.esm.js";
-import nt from "../content-container/index.esm.js";
-import rt from "../../designer/date-picker/index.esm.js";
-import at from "../../designer/data-grid/index.esm.js";
-import it from "../../designer/dropdown/index.esm.js";
-import st, { dynamicFormGroupProps as lt, FDynamicFormLabel as ut } from "../dynamic-form/index.esm.js";
-import ct from "../events-editor/index.esm.js";
-import dt from "../filter-bar/index.esm.js";
-import pt from "../field-selector/index.esm.js";
-import mt from "../../designer/binding-selector/index.esm.js";
-import ft from "../../designer/image-cropper/index.esm.js";
-import gt from "../../designer/input-group/index.esm.js";
-import yt from "../layout/index.esm.js";
-import ht from "../list-nav/index.esm.js";
-import vt from "../../designer/list-view/index.esm.js";
-import Ee, { lookupProps as Ct } from "../lookup/index.esm.js";
-import Ft from "../mapping-editor/index.esm.js";
-import bt from "../../designer/nav/index.esm.js";
-import wt from "../../designer/number-range/index.esm.js";
-import Vt from "../../designer/number-spinner/index.esm.js";
-import kt from "../../designer/order/index.esm.js";
-import Tt from "../page-header/index.esm.js";
-import It from "../../designer/page-footer/index.esm.js";
-import Bt from "../../designer/pagination/index.esm.js";
-import xt from "../../designer/progress/index.esm.js";
-import Et from "../query-solution/index.esm.js";
+var Pe = Object.defineProperty;
+var Be = (t, e, r) => e in t ? Pe(t, e, { enumerable: !0, configurable: !0, writable: !0, value: r }) : t[e] = r;
+var re = (t, e, r) => Be(t, typeof e != "symbol" ? e + "" : e, r);
+import { defineComponent as te, ref as U, computed as J, onMounted as ke, watch as z, withDirectives as he, createVNode as q, resolveDirective as Fe, reactive as ce, createTextVNode as Ee, mergeProps as be } from "vue";
+import { resolveAppearance as Ue, createPropsResolver as le, schemaResolverMap as Le, propertyEffectMap as Oe, propertyConfigSchemaMap as Ne, schemaMap as ve } from "../dynamic-resolver/index.esm.js";
+import { FormSchemaEntityField$Type as ue, FormSchemaEntityFieldTypeName as pe, getCustomClass as Ve, useThirdComponent as De, isMobilePhone as Re, useGuid as me } from "../common/index.esm.js";
+import { cloneDeep as Ae, mergeWith as je, merge as $e } from "lodash-es";
+import { LocaleService as Ie } from "../locale/index.esm.js";
+import { loadRegister as qe, useComponentManager as xe, useBindingData as Ge, useEntityState as We, useDynamicViewUtils as Ke, componentMap as ae, resolverMap as _e } from "../dynamic-view/index.esm.js";
+import Xe from "../accordion/index.esm.js";
+import Je from "../avatar/index.esm.js";
+import Qe from "../../designer/button-edit/index.esm.js";
+import ze from "../button-group/index.esm.js";
+import Ye from "../calendar/index.esm.js";
+import Ze from "../../designer/capsule/index.esm.js";
+import de from "../../designer/checkbox/index.esm.js";
+import fe from "../../designer/checkbox-group/index.esm.js";
+import Se from "../combo-list/index.esm.js";
+import He from "../combo-tree/index.esm.js";
+import et from "../component/index.esm.js";
+import tt from "../color-picker/index.esm.js";
+import ot from "../content-container/index.esm.js";
+import nt from "../../designer/date-picker/index.esm.js";
+import rt from "../../designer/data-grid/index.esm.js";
+import st from "../dropdown/index.esm.js";
+import it from "../../designer/dynamic-form/index.esm.js";
+import at from "../events-editor/index.esm.js";
+import lt from "../filter-bar/index.esm.js";
+import ct from "../field-selector/index.esm.js";
+import ut from "../binding-selector/index.esm.js";
+import pt from "../image-cropper/index.esm.js";
+import mt from "../../designer/input-group/index.esm.js";
+import dt from "../layout/index.esm.js";
+import ft from "../list-nav/index.esm.js";
+import yt from "../../designer/list-view/index.esm.js";
+import gt from "../lookup/index.esm.js";
+import Ct from "../mapping-editor/index.esm.js";
+import ht from "../nav/index.esm.js";
+import Ft from "../number-range/index.esm.js";
+import bt from "../../designer/number-spinner/index.esm.js";
+import vt from "../order/index.esm.js";
+import Vt from "../page-header/index.esm.js";
+import It from "../page-footer/index.esm.js";
+import Tt from "../pagination/index.esm.js";
+import Mt from "../progress/index.esm.js";
+import wt from "../query-solution/index.esm.js";
 import Pt from "../../designer/radio-group/index.esm.js";
-import Lt from "../../designer/rate/index.esm.js";
-import Nt from "../../designer/response-toolbar/index.esm.js";
-import Mt from "../response-layout/index.esm.js";
-import $t, { useResponseLayoutEditorSetting as Dt } from "../../designer/response-layout-editor/index.esm.js";
-import Ut from "../../designer/search-box/index.esm.js";
-import Rt from "../../designer/section/index.esm.js";
-import At from "../../designer/smoke-detector/index.esm.js";
-import qt from "../../designer/splitter/index.esm.js";
-import St from "../../designer/step/index.esm.js";
-import Gt from "../../designer/switch/index.esm.js";
-import Ot from "../../designer/tabs/index.esm.js";
-import jt from "../../designer/tags/index.esm.js";
-import Zt from "../../designer/text/index.esm.js";
-import Wt from "../../designer/time-picker/index.esm.js";
-import Jt from "../../designer/transfer/index.esm.js";
-import zt from "../../designer/tree-view/index.esm.js";
-import Xt from "../../designer/uploader/index.esm.js";
-import Kt from "../../designer/verify-detail/index.esm.js";
-import Qt from "../../designer/video/index.esm.js";
-import _t from "../../designer/textarea/index.esm.js";
-import Yt from "../schema-selector/index.esm.js";
-import Ht from "../../designer/tree-grid/index.esm.js";
-import eo from "../event-parameter/index.esm.js";
-import to from "../../designer/filter-condition-editor/index.esm.js";
-import oo from "../fieldset/index.esm.js";
-import no from "../../designer/sort-condition-editor/index.esm.js";
-import ro from "../../designer/menu-lookup/index.esm.js";
-import ao from "../../designer/drawer/index.esm.js";
-import io from "../../designer/json-editor/index.esm.js";
-import so from "../property-editor/index.esm.js";
-import lo from "../../designer/expression-editor/index.esm.js";
-import uo from "../../designer/code-editor/index.esm.js";
-import co from "../../designer/html-template/index.esm.js";
-import po from "../collection-property-editor/index.esm.js";
-import mo from "../../designer/modal/index.esm.js";
-import fo from "../external-container/index.esm.js";
-import Pe, { languageTextBoxProps as go } from "../language-textbox/index.esm.js";
-import yo from "../image/index.esm.js";
-import ho from "../comment/index.esm.js";
-import { schemaResolverMap as vo, propertyEffectMap as Co, propertyConfigSchemaMap as Fo, schemaMap as Le, createPropsResolver as de, propertyConfigSchemaMapForDesigner as bo, resolveAppearance as wo, createFormGroupEditorResolver as Vo } from "../dynamic-resolver/index.esm.js";
-import { useThirdComponent as Ne, isMobilePhone as ko, useGuid as Fe, areaResponseDirective as To, useTextBoxDesign as Io, FormSchemaEntityField$Type as be, FormSchemaEntityFieldTypeName as we } from "../common/index.esm.js";
-import Bo, { buttonEditProps as xo } from "../button-edit/index.esm.js";
-import Eo, { checkboxProps as Po } from "../checkbox/index.esm.js";
-import Lo, { checkboxGroupProps as No } from "../checkbox-group/index.esm.js";
-import ue, { comboListProps as Mo } from "../combo-list/index.esm.js";
-import $o, { datePickerProps as Do } from "../date-picker/index.esm.js";
-import Uo, { inputGroupProps as Ro } from "../input-group/index.esm.js";
-import Ao, { numberRangeProps as qo } from "../number-range/index.esm.js";
-import So, { numberSpinnerProps as Go } from "../number-spinner/index.esm.js";
-import Oo, { progressProps as jo } from "../progress/index.esm.js";
-import Zo, { radioGroupProps as Wo } from "../radio-group/index.esm.js";
-import Jo, { rateProps as zo } from "../rate/index.esm.js";
-import Xo, { switchProps as Ko } from "../switch/index.esm.js";
-import Qo, { timePickerProps as _o } from "../time-picker/index.esm.js";
-import Yo, { textAreaProps as Ho } from "../textarea/index.esm.js";
-import { DgControl as l, refreshCanvas as en, UseTemplateDragAndDropRules as tn, useDragulaCommonRule as on, useDesignerComponent as ye } from "../designer-canvas/index.esm.js";
-import { BaseControlProperty as nn, FormBindingType as ae, InputBaseProperty as rn } from "../property-panel/index.esm.js";
-import "../../designer/dynamic-form/index.esm.js";
-import "../nav/index.esm.js";
-import "../step/index.esm.js";
-import "../html-template/index.esm.js";
-import { cloneDeep as an } from "lodash-es";
-import { FMessageBoxService as sn } from "../message-box/index.esm.js";
-const Me = {
+import Bt from "../../designer/rate/index.esm.js";
+import kt from "../../designer/response-toolbar/index.esm.js";
+import Et from "../response-layout/index.esm.js";
+import Ut, { useResponseLayoutEditorSetting as Lt } from "../../designer/response-layout-editor/index.esm.js";
+import Ot from "../search-box/index.esm.js";
+import Nt from "../../designer/section/index.esm.js";
+import Dt from "../smoke-detector/index.esm.js";
+import Rt from "../splitter/index.esm.js";
+import At from "../step/index.esm.js";
+import jt from "../../designer/switch/index.esm.js";
+import $t from "../../designer/tabs/index.esm.js";
+import qt from "../../designer/tags/index.esm.js";
+import xt from "../text/index.esm.js";
+import Gt from "../../designer/time-picker/index.esm.js";
+import Wt from "../transfer/index.esm.js";
+import Kt from "../tree-view/index.esm.js";
+import _t from "../uploader/index.esm.js";
+import Xt from "../verify-detail/index.esm.js";
+import Jt from "../video/index.esm.js";
+import Qt from "../../designer/textarea/index.esm.js";
+import zt from "../schema-selector/index.esm.js";
+import Yt from "../../designer/tree-grid/index.esm.js";
+import Zt from "../event-parameter/index.esm.js";
+import St from "../filter-condition-editor/index.esm.js";
+import Ht from "../fieldset/index.esm.js";
+import eo from "../sort-condition-editor/index.esm.js";
+import to from "../menu-lookup/index.esm.js";
+import oo from "../../designer/drawer/index.esm.js";
+import no from "../json-editor/index.esm.js";
+import ro from "../property-editor/index.esm.js";
+import so from "../expression-editor/index.esm.js";
+import io from "../code-editor/index.esm.js";
+import ao from "../html-template/index.esm.js";
+import lo from "../collection-property-editor/index.esm.js";
+import co from "../../designer/modal/index.esm.js";
+import uo from "../external-container/index.esm.js";
+import po from "../language-textbox/index.esm.js";
+import mo from "../image/index.esm.js";
+import fo from "../comment/index.esm.js";
+import { DgControl as ee, refreshCanvas as yo, UseTemplateDragAndDropRules as go, useDragulaCommonRule as Co } from "../designer-canvas/index.esm.js";
+import { BaseControlProperty as ho, FormBindingType as S } from "../property-panel/index.esm.js";
+const Fo = "root-viewmodel";
+class bo {
+  constructor(e, r) {
+    re(this, "formSchemaUtils");
+    re(this, "controlCreatorUtils");
+    re(this, "designViewModelUtils");
+    this.resolver = e, this.designerHostService = r, this.formSchemaUtils = this.designerHostService.formSchemaUtils, this.controlCreatorUtils = this.designerHostService.controlCreatorUtils, this.designViewModelUtils = this.designerHostService.designViewModelUtils;
+  }
+  createComponent(e) {
+    const r = this.createComponentRefNode(e), f = this.createComponentNode(e), i = this.createViewModeNode(e), F = this.formSchemaUtils.getFormSchema();
+    return F.module.viewmodels.push(i), F.module.components.push(f), this.designViewModelUtils.assembleDesignViewModel(), r;
+  }
+  createComponentRefNode(e) {
+    const r = this.resolver.getSchemaByType("component-ref");
+    return Object.assign(r, {
+      id: `${e.componentId}-component-ref`,
+      component: `${e.componentId}-component`
+    }), r;
+  }
+  createComponentNode(e) {
+    const r = this.resolver.getSchemaByType("component"), f = this.createFormComponentContents(e);
+    return Object.assign(r, {
+      id: `${e.componentId}-component`,
+      viewModel: `${e.componentId}-component-viewmodel`,
+      componentType: e.componentType,
+      appearance: {
+        class: this.getFormComponentClass(e)
+      },
+      formColumns: e.formColumns,
+      contents: f
+    }), r;
+  }
+  /**
+   * 获取卡片组件层级的class样式
+   */
+  getFormComponentClass(e) {
+    var f, i;
+    const { templateId: r } = this.formSchemaUtils.getFormSchema().module;
+    if (r === "double-list-in-tab-template" && ((i = (f = e.parentComponentInstance) == null ? void 0 : f.schema) == null ? void 0 : i.type) === "tab-page") {
+      const F = e.parentComponentInstance.parent && e.parentComponentInstance.parent.schema;
+      if ((F == null ? void 0 : F.type) === "tabs" && (F == null ? void 0 : F.fill) === !0)
+        return "f-struct-wrapper f-utils-fill-flex-column";
+    }
+    return "f-struct-wrapper";
+  }
+  createFormComponentContents(e) {
+    var T, V;
+    const r = this.resolver.getSchemaByType("section");
+    Object.assign(r, {
+      id: e.componentId + "-form-section",
+      appearance: {
+        class: "f-section-form f-section-in-mainsubcard"
+      },
+      mainTitle: e.componentName
+    });
+    const f = this.resolver.getSchemaByType("response-form"), i = [];
+    Object.assign(f, {
+      id: e.componentId + "-form",
+      appearance: {
+        class: "f-form-layout farris-form farris-form-controls-inline"
+      },
+      contents: i,
+      controlsInline: !0
+    }), r.contents = [f];
+    const { selectedFields: F } = e;
+    F == null || F.forEach((C) => {
+      if (C.$type === ue.SimpleField) {
+        const w = Ae(C), b = this.resolveControlClassByFormColumns(e), I = this.controlCreatorUtils.setFormFieldProperty(w, "", b);
+        I && i.push(I);
+      }
+    });
+    const { templateId: v } = this.formSchemaUtils.getFormSchema().module;
+    if (v === "double-list-in-tab-template" && ((V = (T = e.parentComponentInstance) == null ? void 0 : T.schema) == null ? void 0 : V.type) === "tab-page") {
+      const C = e.parentComponentInstance.parent && e.parentComponentInstance.parent.schema;
+      (C == null ? void 0 : C.type) === "tabs" && (C == null ? void 0 : C.fill) === !0 && (r.appearance.class = "f-section-grid f-section-in-main px-0 pt-0", r.fill = !0);
+    }
+    return [r];
+  }
+  resolveControlClassByFormColumns(e) {
+    let r = "";
+    switch (e.formColumns) {
+      case 1: {
+        r = "col-12 col-md-12 col-xl-12 col-el-12";
+        break;
+      }
+      case 2: {
+        r = "col-12 col-md-6 col-xl-6 col-el-6";
+        break;
+      }
+      case 3: {
+        r = "col-12 col-md-6 col-xl-4 col-el-4";
+        break;
+      }
+      case 4: {
+        r = "col-12 col-md-6 col-xl-3 col-el-2";
+        break;
+      }
+    }
+    return r;
+  }
+  /**
+   * 添加viewModel节点
+   */
+  createViewModeNode(e) {
+    return {
+      id: `${e.componentId}-component-viewmodel`,
+      code: `${e.componentId}-component-viewmodel`,
+      name: e.componentName,
+      bindTo: e.bindTo,
+      parent: Fo,
+      fields: this.assembleViewModelFields(e),
+      commands: [],
+      states: [],
+      enableValidation: !0
+    };
+  }
+  /**
+   * 组装viewModel fields 节点
+   */
+  assembleViewModelFields(e) {
+    const r = [], { selectedFields: f } = e;
+    return f == null || f.forEach((i) => {
+      if (i.$type === ue.SimpleField) {
+        let F = "blur";
+        const v = i.type.name;
+        (v === pe.Enum || v === pe.Boolean) && (F = "change"), r.push({
+          type: "Form",
+          id: i.id,
+          fieldName: i.bindingField,
+          groupId: null,
+          groupName: null,
+          updateOn: F,
+          fieldSchema: {}
+        });
+      }
+    }), r;
+  }
+}
+function Te(t, e, r, f) {
+  var F, v, T, V, C, w;
+  const i = r.parentComponentInstance;
+  if (i && f) {
+    const b = (F = i.schema) == null ? void 0 : F.type, R = {
+      componentId: `form-${Math.random().toString(36).slice(2, 6)}`,
+      componentName: ((v = r.bindingSourceContext) == null ? void 0 : v.entityTitle) || ((V = (T = r.bindingSourceContext) == null ? void 0 : T.bindingEntity) == null ? void 0 : V.name) || "标题",
+      componentType: "form",
+      formColumns: b === "splitter-pane" ? 1 : 4,
+      parentContainerId: i.schema.id,
+      parentComponentInstance: i,
+      bindTo: ((C = r.bindingSourceContext) == null ? void 0 : C.bindTo) || "/",
+      selectedFields: (w = r.bindingSourceContext) == null ? void 0 : w.bindingEntityFields
+    };
+    return new bo(t, f).createComponent(R);
+  } else
+    return e;
+}
+const vo = "https://json-schema.org/draft/2020-12/schema", Vo = "https://farris-design.gitee.io/response-form.schema.json", Io = "response-form", To = "A Farris Data Collection Component", Mo = "object", wo = {
+  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"
+  }
+}, Po = [
+  "id",
+  "type",
+  "contents"
+], Bo = {
+  $schema: vo,
+  $id: Vo,
+  title: Io,
+  description: To,
+  type: Mo,
+  properties: wo,
+  required: Po
+}, Me = /* @__PURE__ */ new Map([
+  ["appearance", Ue]
+]), ko = "https://json-schema.org/draft/2020-12/schema", Eo = "https://farris-design.gitee.io/dynamic-form.schema.json", Uo = "dynamic-form", Lo = "A Farris Data Collection Component", Oo = "object", No = {
+  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"
+  }
+}, Do = [
+  "id",
+  "type",
+  "contents"
+], Ro = {
+  $schema: ko,
+  $id: Eo,
+  title: Uo,
+  description: Lo,
+  type: Oo,
+  properties: No,
+  required: Do
+}, ie = {
   customClass: { type: String, default: "" },
   customStyle: { type: String, defaut: "" },
   /** 控制是否可见 */
   visible: { type: Boolean, default: !0 },
   /** 内部控件布局是否响应国际化 */
-  adaptForLanguage: { type: Boolean, default: !0 }
-}, se = /* @__PURE__ */ H({
-  name: "FResponseForm",
-  props: Me,
-  emits: [],
-  setup(e, t) {
-    const n = V(), a = Z(() => {
-      const o = Je.getLocale(), s = e.customClass.split(" "), i = {
-        "drag-container": !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" }
+}, Ao = Object.assign({}, ie, {
+  // 是否渲染form层级
+  canRenderForm: { type: Boolean, default: !0 },
+  callback: { type: Function }
+}), Pr = le(ie, Bo, Me, Te), Br = le(ie, Ro, Me, Te), se = /* @__PURE__ */ te({
+  name: "FDynamicForm",
+  props: Ao,
+  emits: ["update:modelValue", "event"],
+  setup(t, e) {
+    const r = U(t.fields), f = /* @__PURE__ */ new Map(), i = U(t.callback);
+    qe();
+    const F = xe(), v = U(t.formData || {}), T = Ge(v, e);
+    We(r.value).setup();
+    const C = /* @__PURE__ */ new Map(), w = U(t.canRenderForm), {
+      mergeArray: b,
+      resolveCallbacks: I,
+      resolveEvents: R
+    } = Ke(), G = J(() => {
+      const o = Ie.getLocale(), a = t.fields && t.fields.length > 0, m = {
+        "f-form-layout": a,
+        "farris-form": a
+      };
+      return t.adaptForLanguage && o && (m["farris-form-controls-inline"] = o !== "en"), Ve(m, t.customClass);
+    });
+    function K() {
+      function o(a, m) {
+        const {
+          id: g
+        } = a || {}, {
+          field: h
+        } = a.binding || {};
+        return {
+          modelValue: m.getValue(g),
+          "onUpdate:modelValue": (y) => {
+            m.setValue(g, h || g, y);
+          }
+        };
+      }
+      return {
+        resolve: o
+      };
+    }
+    function _(o) {
+      const a = K();
+      return T.getValue(o.id) === void 0 && Object.hasOwnProperty.call(o, "modelValue") && T.setValue(o.id, void 0, o.modelValue), a.resolve(o, T);
+    }
+    function X(o) {
+      const a = {};
+      return o && Object.entries(o).forEach(([m, g]) => {
+        a[m] = () => Array.isArray(g) ? g.map((h) => A(h)) : A(g);
+      }), a;
+    }
+    function B(o) {
+      return o.type ? o.type : o.fields ? "fieldset" : "form-group";
+    }
+    function P(o) {
+      const a = B(o);
+      let m = o.customClass;
+      m || (m = a === "form-group" ? t.layout : "col-12 px-0");
+      const {
+        fields: g,
+        customClass: h,
+        ...y
+      } = o, M = {
+        ...R(o, e, a)
+      }, E = {
+        ...I(o, i, a)
+      };
+      return {
+        props: {
+          ...{
+            ...y,
+            customClass: m,
+            ..._(o)
+          },
+          key: o.id,
+          ref: (O) => {
+            if (O && o.id && !F.has(o.id)) {
+              F.register(o.id, O);
+              const N = {
+                token: o.id,
+                name: "component:ready",
+                type: B(o),
+                payloads: [U(O)],
+                schema: o
+              };
+              e.emit("event", N);
+            }
+          },
+          onVnodeUnmounted: (O) => {
+            if (o.id && F.has(o.id)) {
+              F.remove(o.id);
+              const N = {
+                token: o.id,
+                name: "component:unmounted",
+                type: B(o),
+                payloads: [O],
+                schema: o
+              };
+              e.emit("event", N);
+            }
+          }
+        },
+        eventProps: M,
+        callbackProps: E
       };
-      return s.reduce((h, d) => (h[d] = !0, h), i), e.adaptForLanguage && o && (i["farris-form-controls-inline"] = o !== "en"), i;
+    }
+    function k(o, a) {
+      return Array.isArray(o) ? o.map((m) => a(m)) : a(o);
+    }
+    function A(o, a) {
+      var E;
+      const m = B(o), g = ae[m];
+      if (o.id && f.set(o.id, o), !g)
+        return null;
+      const h = () => o.fields ? o.fields.map((x) => A(x)) : null, y = (x, $, O) => {
+        let N;
+        return O && O.length > 0 ? N = q(x, {
+          ...$
+        }, O) : N = q(x, {
+          ...$
+        }, null), N;
+      }, M = ((E = C.get(o.id)) == null ? void 0 : E.props) || {};
+      return o.fields && o.fields.length > 0 ? y(g, M, [h()]) : o.slots ? y(g, M, [...Object.values(X(o.slots))]) : y(g, M);
+    }
+    function j(o) {
+      const a = B(o);
+      if (!ae[a])
+        return;
+      const {
+        props: g,
+        eventProps: h,
+        callbackProps: y
+      } = P(o), M = _e[a], E = M ? M.editorResolver : null, {
+        componentEventProps: x,
+        editorEventProps: $
+      } = h, {
+        componentCallbackProps: O,
+        editorCallbackProps: N
+      } = y;
+      if (x && Object.keys(x).length > 0 && Object.assign(g, x), O && Object.keys(O).length > 0 && Object.assign(g, O), E && $ && Object.keys($).length > 0) {
+        const D = E.resolve(o);
+        Object.assign(D, $);
+      }
+      if (E && N && Object.keys(N).length > 0) {
+        const D = E.resolve(o);
+        Object.assign(D, N);
+      }
+      if (g && Object.keys(g).length > 0) {
+        const D = C.get(o.id);
+        D ? $e(D == null ? void 0 : D.props, g) : C.set(o.id, ce({
+          props: g
+        }));
+      }
+      !o.fields || !Array.isArray(o.fields) || o.fields.forEach((D) => j(D));
+    }
+    function Y(o) {
+      const a = B(o);
+      ae[a] && (Q(o), !(!o.fields || !Array.isArray(o.fields)) && o.fields.forEach((g) => Y(g)));
+    }
+    function Q(o) {
+      const a = _(o);
+      if (a && Object.keys(a).length > 0) {
+        const m = C.get(o.id);
+        if (!m)
+          C.set(o.id, ce({
+            props: a
+          }));
+        else {
+          const g = {
+            ...m == null ? void 0 : m.props
+          };
+          Object.keys(a).forEach((h) => {
+            g[h] = a[h];
+          }), Object.assign(m == null ? void 0 : m.props, g);
+        }
+      }
+    }
+    ke(() => {
+    }), z(() => t.formData, (o) => {
+      v.value = o;
+    }), z(() => v.value, (o) => {
+      k(r.value, Y);
+    }, {
+      deep: !0
+    });
+    function Z(o) {
+      o && k(r.value, j);
+    }
+    z(() => t.fields, (o) => {
+      f.clear(), F.clear(), v.value = t.formData || {}, C.clear(), r.value = o, Z(o);
+    }), Z(t.fields);
+    function oe(o) {
+      o.$forceUpdate && o.$forceUpdate();
+    }
+    function ne(o) {
+      return T.getValue(o);
+    }
+    function H() {
+      return v.value;
+    }
+    function L(o, a) {
+      T.setValue(o, void 0, a);
+      const m = f.get(o);
+      m && Q(m);
+    }
+    function W(o) {
+      var a;
+      return (a = C.get(o)) == null ? void 0 : a.props;
+    }
+    function n(o, a) {
+      const m = C.get(o);
+      je(m == null ? void 0 : m.props, a, b);
+    }
+    e.expose({
+      componentManager: F,
+      rerender: oe,
+      getProps: W,
+      setProps: n,
+      getControlValue: ne,
+      setControlValue: L,
+      getValues: H
     });
-    return () => e.visible && Ie(F("div", {
-      ref: n,
-      class: a.value,
-      style: e.customStyle
-    }, [t.slots.default && t.slots.default()]), [[Be("area-response")]]);
+    function s() {
+      return w.value && he(q("div", {
+        class: G.value,
+        style: t.customStyle
+      }, [e.slots.default && e.slots.default(), r.value && r.value.length > 0 && k(r.value, A)]), [[Fe("area-response")]]);
+    }
+    function d() {
+      return !w.value && r.value && r.value.length > 0 && k(r.value, A);
+    }
+    return () => t.visible ? s() || d() : null;
   }
-}), ln = {
+}), ye = /* @__PURE__ */ te({
+  name: "FResponseForm",
+  props: ie,
+  emits: [],
+  setup(t, e) {
+    var b;
+    const r = U(), f = U(), i = J(() => {
+      const I = Ie.getLocale(), R = t.fields && t.fields.length > 0, G = {
+        "drag-container": !0,
+        "f-form-layout": R,
+        "farris-form": R
+      };
+      return t.adaptForLanguage && I && (G["farris-form-controls-inline"] = I !== "en"), Ve(G, t.customClass);
+    }), F = (b = f.value) == null ? void 0 : b.componentManager;
+    function v(I) {
+      f.value.render(I);
+    }
+    function T(I) {
+      return f.value.getControlValue(I);
+    }
+    function V(I, R) {
+      f.value.setControlValue(I, R);
+    }
+    function C(I) {
+      return f.value.getProps(I);
+    }
+    function w(I, R) {
+      f.value.setProps(I, R);
+    }
+    return e.expose({
+      componentManager: F,
+      rerender: v,
+      getProps: C,
+      setProps: w,
+      getControlValue: T,
+      setControlValue: V
+    }), () => t.visible && he(q("div", {
+      ref: r,
+      class: i.value,
+      style: t.customStyle
+    }, [e.slots.default && e.slots.default(), t.fields && t.fields.length > 0 && q(se, {
+      ref: f,
+      fields: t.fields,
+      canRenderForm: !1,
+      formData: t.formData,
+      layout: t.layout
+    }, null)]), [[Fe("area-response")]]);
+  }
+}), jo = {
+  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 }
+}, $o = {
   id: { type: String },
   required: { type: Boolean, default: !1 },
   text: { type: String, default: "" },
@@ -139,69 +717,69 @@ const Me = {
    * 实际支持 'visible'可见 | 'reserve-space' 占位不显示
    */
   showType: { type: String, default: "visible" }
-}, $e = /* @__PURE__ */ H({
+}, qo = /* @__PURE__ */ te({
   name: "FDynamicFormLabel",
-  props: ln,
+  props: $o,
   emits: [],
-  setup(e, t) {
-    V(e.title || e.text);
-    const n = V(e.required), a = V(e.text), o = V(e.valid), s = V(e.inValidTip);
-    oe(() => e.text, () => {
-      a.value = e.text;
-    }), oe(() => e.required, (C, u) => {
-      C !== u && (n.value = C);
-    }), oe([() => e.valid, () => e.inValidTip], ([C, u]) => {
-      o.value = C, s.value = u;
+  setup(t, e) {
+    U(t.title || t.text);
+    const r = U(t.required), f = U(t.text), i = U(t.valid), F = U(t.inValidTip);
+    z(() => t.text, () => {
+      f.value = t.text;
+    }), z(() => t.required, (w, b) => {
+      w !== b && (r.value = w);
+    }), z([() => t.valid, () => t.inValidTip], ([w, b]) => {
+      i.value = w, F.value = b;
     });
-    const i = Z(() => o.value ? a.value : s.value), h = Z(() => o.value ? "" : "color:red"), d = Z(() => ({
+    const v = J(() => i.value ? f.value : F.value), T = J(() => i.value ? "" : "color:red"), V = J(() => ({
       "col-form-label": !0,
       // 指定必填，当显示模式是隐藏或者没有指定标签名时，宽度不限定
-      "f-width-auto": n.value && (e.showType === "none" || !a.value)
-    })), g = Z(() => e.showType === "force-none" ? !1 : e.showType === "reserve-space" || n.value || !!a.value && e.showType !== "none");
-    return () => g.value && F("label", {
-      class: d.value,
-      title: i.value,
-      style: h.value
-    }, [!o.value && F("span", {
+      "f-width-auto": r.value && (t.showType === "none" || !f.value)
+    })), C = J(() => t.showType === "force-none" ? !1 : t.showType === "reserve-space" || r.value || !!f.value && t.showType !== "none");
+    return () => C.value && q("label", {
+      class: V.value,
+      title: v.value,
+      style: T.value
+    }, [!i.value && q("span", {
       class: "f-icon f-icon-warning mr-1",
       style: "color: red; min-width: 16px;",
-      title: s.value
-    }, null), F("span", {
+      title: F.value
+    }, null), q("span", {
       class: "farris-label-text"
-    }, [n.value && F("span", {
+    }, [r.value && q("span", {
       class: "farris-label-info text-danger"
-    }, [ee("*")]), e.showType === "visible" && a.value])]);
+    }, [Ee("*")]), t.showType === "visible" && f.value])]);
   }
-}), { globalStorageKey: un } = Ne(), p = {}, m = {}, f = {}, y = {};
-async function cn() {
+}), { globalStorageKey: xo } = De(), l = {}, c = {}, u = {}, p = {};
+async function Go() {
   {
-    const e = {
-      schemaMap: Le,
-      propertyConfigSchemaMap: Fo,
-      propertyEffectMap: Co,
-      schemaResolverMap: vo
+    const t = {
+      schemaMap: ve,
+      propertyConfigSchemaMap: Ne,
+      propertyEffectMap: Oe,
+      schemaResolverMap: Le
     };
-    Xe.register(p, m, f, y), ze.register(p, m, f, y), Ke.register(p, m, f, y), Qe.register(p, m, f, y), xe.register(p, m, f, y, e), Ye.register(p, m, f, y), ve.register(p, m, f, y, e), Ce.register(p, m, f, y, e), ve.register(p, m, f, y, e), Ce.register(p, m, f, y, e), He.register(p, m, f, y, e), et.register(p, m, f, y), tt.register(p, m, f, y), nt.register(p, m, f, y, e), ot.register(p, m, f, y), rt.register(p, m, f, y, e), at.register(p, m, f, y, e), it.register(p, m, f, y), st.register(p, m, f, y, e), ct.register(p, m, f, y), lo.register(p, m, f, y), dt.register(p, m, f, y), pt.register(p, m, f, y), to.register(p, m, f, y), ft.register(p, m, f, y), gt.register(p, m, f, y, e), yt.register(p, m, f, y, e), vt.register(p, m, f, y, e), ht.register(p, m, f, y), Ee.register(p, m, f, y, e), Ft.register(p, m, f, y), bt.register(p, m, f, y), wt.register(p, m, f, y), Vt.register(p, m, f, y, e), kt.register(p, m, f, y), Tt.register(p, m, f, y, e), It.register(p, m, f, y), Bt.register(p, m, f, y), xt.register(p, m, f, y), Et.register(p, m, f, y, e), Pt.register(p, m, f, y, e), Lt.register(p, m, f, y), Mt.register(p, m, f, y, e), $t.register(p, m, f, y), Nt.register(p, m, f, y), Yt.register(p, m, f), Ut.register(p, m, f, y), Rt.register(p, m, f, y, e), At.register(p, m, f, y), qt.register(p, m, f, y), St.register(p, m, f, y), Gt.register(p, m, f, y, e), no.register(p, m, f, y), Ot.register(p, m, f, y, e), jt.register(p, m, f, y), Zt.register(p, m, f, y), Wt.register(p, m, f, y, e), Jt.register(p, m, f, y), zt.register(p, m, f, y), Kt.register(p, m, f, y), Xt.register(p, m, f, y), Qt.register(p, m, f, y), _t.register(p, m, f, y, e), Ht.register(p, m, f, y), mt.register(p, m, f, y), eo.register(p, m, f, y), oo.register(p, m, f, y, e), ro.register(p, m, f, y), ao.register(p, m, f, y), io.register(p, m, f, y), so.register(p, m, f, y), uo.register(p, m, f, y), co.register(p, m, f, y, e), po.register(p, m, f, y), mo.register(p, m, f, y), fo.register(p, m, f, y), Pe.register(p, m, f, y, e), yo.register(p, m, f, y, e), ho.register(p, m, f, y);
-    const t = window[un];
-    if (t)
-      for (const n in t)
-        t[n].createPropsResolver = de, t[n].register(p, m, f);
+    Je.register(l, c, u, p), Xe.register(l, c, u, p), Qe.register(l, c, u, p), ze.register(l, c, u, p), Ye.register(l, c, u, p, t), Ze.register(l, c, u, p), de.register(l, c, u, p, t), fe.register(l, c, u, p, t), de.register(l, c, u, p, t), fe.register(l, c, u, p, t), Se.register(l, c, u, p, t), He.register(l, c, u, p), et.register(l, c, u, p), ot.register(l, c, u, p, t), tt.register(l, c, u, p), nt.register(l, c, u, p, t), rt.register(l, c, u, p, t), st.register(l, c, u, p), it.register(l, c, u, p, t), at.register(l, c, u, p), so.register(l, c, u, p), lt.register(l, c, u, p), ct.register(l, c, u, p), St.register(l, c, u, p), pt.register(l, c, u, p), mt.register(l, c, u, p, t), dt.register(l, c, u, p, t), yt.register(l, c, u, p, t), ft.register(l, c, u, p), gt.register(l, c, u, p, t), Ct.register(l, c, u, p), ht.register(l, c, u, p), Ft.register(l, c, u, p), bt.register(l, c, u, p, t), vt.register(l, c, u, p), Vt.register(l, c, u, p, t), It.register(l, c, u, p), Tt.register(l, c, u, p), Mt.register(l, c, u, p), wt.register(l, c, u, p, t), Pt.register(l, c, u, p, t), Bt.register(l, c, u, p), Et.register(l, c, u, p, t), Ut.register(l, c, u, p), kt.register(l, c, u, p), zt.register(l, c, u), Ot.register(l, c, u, p), Nt.register(l, c, u, p, t), Dt.register(l, c, u, p), Rt.register(l, c, u, p), At.register(l, c, u, p), jt.register(l, c, u, p, t), eo.register(l, c, u, p), $t.register(l, c, u, p, t), qt.register(l, c, u, p), xt.register(l, c, u, p), Gt.register(l, c, u, p, t), Wt.register(l, c, u, p), Kt.register(l, c, u, p), Xt.register(l, c, u, p), _t.register(l, c, u, p), Jt.register(l, c, u, p), Qt.register(l, c, u, p, t), Yt.register(l, c, u, p), ut.register(l, c, u, p), Zt.register(l, c, u, p), Ht.register(l, c, u, p, t), to.register(l, c, u, p), oo.register(l, c, u, p), no.register(l, c, u, p), ro.register(l, c, u, p), io.register(l, c, u, p), ao.register(l, c, u, p, t), lo.register(l, c, u, p), co.register(l, c, u, p), uo.register(l, c, u, p), po.register(l, c, u, p, t), mo.register(l, c, u, p, t), fo.register(l, c, u, p);
+    const e = window[xo];
+    if (e)
+      for (const r in e)
+        e[r].createPropsResolver = le, e[r].register(l, c, u);
   }
 }
-function De() {
-  cn();
-  function e(i) {
-    const h = p[i];
-    if (!h)
-      throw new Error(`Could not find the editor of type '${i}'`);
-    return h;
-  }
-  function t(i, h) {
-    const d = m[i];
-    return d ? d(h) : {};
-  }
-  function n(i) {
-    switch (i) {
+function we() {
+  Go();
+  function t(v) {
+    const T = l[v];
+    if (!T)
+      throw new Error(`Could not find the editor of type '${v}'`);
+    return T;
+  }
+  function e(v, T) {
+    const V = c[v];
+    return V ? V(T) : {};
+  }
+  function r(v) {
+    switch (v) {
       case "check-box":
         return "onChangeValue";
       case "switch":
@@ -275,1919 +853,691 @@ function De() {
         return "onUpdate:modelValue";
     }
   }
-  function a(i) {
-    switch (i) {
+  function f(v) {
+    switch (v) {
       case "combo-list":
       case "input-group":
       case "textarea":
         return "onClear";
     }
   }
-  function o(i) {
-    switch (i) {
+  function i(v) {
+    switch (v) {
       case "input-group":
       case "textarea":
         return "onMousedownEvent";
     }
   }
-  function s(i) {
-    switch (i) {
+  function F(v) {
+    switch (v) {
       case "input-group":
       case "textarea":
         return "onMouseupEvent";
     }
   }
-  return { resolveEditorProps: t, resolveEditorType: e, getChangeFunctionName: n, getClearFunctionName: a, getMousedownFunctionName: o, getMouseupFunctionName: s };
+  return { resolveEditorProps: e, resolveEditorType: t, getChangeFunctionName: r, getClearFunctionName: f, getMousedownFunctionName: i, getMouseupFunctionName: F };
 }
-const Ue = {
-  id: { type: String, default: "" },
-  /** 筛选组件配置器，具体配置项可查看各组件文档 */
-  editor: { type: Object, default: {} },
-  /** value is uncertain because type is uncertain, default value should not be set */
-  modelValue: { type: [String, Boolean, Array, Number] },
-  /**
-   * 作为内嵌编辑器被创建后默认获得焦点
-   */
-  focusOnCreated: { type: Boolean, default: !1 },
+const Wo = {
   /**
-   * 作为内嵌编辑器被创建后默认选中文本
-   */
-  selectOnCreated: { type: Boolean, default: !1 }
-}, fe = /* @__PURE__ */ H({
-  name: "FDynamicFormInput",
-  props: Ue,
-  emits: ["change", "update:modelValue", "mousedown", "mouseup"],
-  setup(e, t) {
-    const n = V(e.id), a = V(e.editor), o = V(e.modelValue), {
-      resolveEditorProps: s,
-      resolveEditorType: i,
-      getChangeFunctionName: h,
-      getMousedownFunctionName: d,
-      getMouseupFunctionName: g,
-      getClearFunctionName: C
-    } = De();
-    function u(b, B, M) {
-      o.value = B !== void 0 ? B : b, t.emit("update:modelValue", o.value), t.emit("change", o.value, {
-        newValue: b,
-        newModelValue: B,
-        parameters: M
-      });
-    }
-    function w(b) {
-      t.emit("mousedown", b);
-    }
-    function x(b) {
-      t.emit("mouseup", b);
-    }
-    function $() {
-      t.emit("update:modelValue", "");
-    }
-    function U(b) {
-      return (...B) => {
-        $(), typeof b == "function" && b(...B);
-      };
-    }
-    function A(b) {
-      return (B, M, O) => {
-        u(B, M, O), typeof b == "function" && b(B, M, O);
-      };
-    }
-    const L = Z(() => {
-      const b = i(a.value.type), B = s(a.value.type, a.value);
-      B.focusOnCreated = e.focusOnCreated, B.selectOnCreated = e.selectOnCreated;
-      const M = h(a.value.type), O = C(a.value.type);
-      O && (B[O] = U(B[O])), M && (B[M] = A(B[M]));
-      const S = d(a.value.type);
-      B[S] = w;
-      const K = g(a.value.type);
-      return B[K] = x, B.id = n.value, () => F(b, ce(B, {
-        modelValue: o.value,
-        "onUpdate:modelValue": (R) => o.value = R
-      }), null);
-    });
-    return oe([() => e.id, () => e.editor, () => e.modelValue], ([b, B, M]) => {
-      n.value = b, a.value = B, o.value = M;
-    }), () => L.value();
-  }
-}), dn = {
-  /**
-   * 显示的错误信息
+   * 显示的错误信息
    */
   errors: {
     type: Object,
     default: null
   }
-}, Re = /* @__PURE__ */ H({
+}, Ko = /* @__PURE__ */ te({
   name: "FValidationMessage",
-  props: dn,
+  props: Wo,
   emits: [],
-  setup(e, t) {
-    const n = V(e.errors);
-    oe(() => e.errors, (s) => {
-      n.value = s;
+  setup(t, e) {
+    const r = U(t.errors);
+    z(() => t.errors, (F) => {
+      r.value = F;
     });
-    const a = V(!0), o = Z(() => {
-      if (n.value) {
-        const s = Object.keys(n.value).map((i) => {
-          var h;
-          return (h = n.value[i]) == null ? void 0 : h.name;
+    const f = U(!0), i = J(() => {
+      if (r.value) {
+        const F = Object.keys(r.value).map((v) => {
+          var T;
+          return (T = r.value[v]) == null ? void 0 : T.name;
         });
-        return s.length ? s.join(" ") : "";
+        return F.length ? F.join(" ") : "";
       }
       return "";
     });
-    return () => o.value && F("div", {
+    return () => i.value && q("div", {
       class: "farris-feedback f-state-invalid",
-      onClick: () => a.value = !a.value
-    }, [!a.value && F("span", {
+      onClick: () => f.value = !f.value
+    }, [!f.value && q("span", {
       class: "f-icon f-icon-message_warning f-feedback-icon"
-    }, null), a.value && F("span", {
+    }, null), f.value && q("span", {
       class: "f-feedback-message"
-    }, [o.value])]);
-  }
-});
-function pn(e, t) {
-  e["button-edit"] = Bo, e.calendar = xe, e["check-box"] = Eo, e["check-group"] = Lo, e["combo-list"] = ue, e["date-picker"] = $o, e["input-group"] = Uo, e.lookup = Ee, e["number-range"] = Ao, e["number-spinner"] = So, e.progress = Oo, e["radio-group"] = Zo, e.rate = Jo, e.switch = Xo, e["time-picker"] = Qo, e.textarea = Yo, e["language-textbox"] = Pe, t["button-edit"] = xo, t.calendar = _e, t["check-box"] = Po, t["check-group"] = No, t["combo-list"] = Mo, t["date-picker"] = Do, t["input-group"] = Ro, t.lookup = Ct, t["number-range"] = qo, t["number-spinner"] = Go, t.progress = jo, t["radio-group"] = Wo, t.rate = zo, t.switch = Ko, t["time-picker"] = _o, t.textarea = Ho, t["language-textbox"] = go;
-}
-function mn() {
-  const e = {}, t = {};
-  pn(e, t);
-  function n(d) {
-    return e[d || "input-group"];
+    }, [i.value])]);
   }
-  function a(d, g) {
-    const C = t[d || "input-group"], u = Object.keys(C).reduce((w, x) => (w[x] = C[x].default, w), {});
-    return Object.assign(u, g);
-  }
-  function o(d) {
-    switch (d) {
-      case "check-box":
-        return "onChangeValue";
-      case "switch":
-        return "onModelValueChanged";
-      case "check-group":
-        return "onChangeValue";
-      case "combo-list":
-      case "combo-tree":
-        return "onChange";
-      case "combo-lookup":
-        return "";
-      case "year-range":
-      case "year-picker":
-      case "month-range":
-      case "month-picker":
-      case "date-range":
-      case "datetime-range":
-      case "datetime-picker":
-      case "date-picker":
-        return "onDatePicked";
-      case "time-picker":
-        return "onValueChange";
-      case "input-group":
-        return "onChange";
-      case "lookup":
-      case "language-textbox":
-        return "onUpdate:modelValue";
-      case "number-range":
-        return "onValueChange";
-      case "number-spinner":
-        return "onValueChange";
-      case "radio-group":
-        return "onChangeValue";
-      case "text":
-        return "";
-      case "textarea":
-        return "onChange";
-    }
-  }
-  function s(d) {
-    switch (d) {
-      case "combo-list":
-      case "input-group":
-      case "textarea":
-        return "onClear";
-    }
-  }
-  function i(d) {
-    switch (d) {
-      case "input-group":
-      case "textarea":
-        return "onMousedownEvent";
-    }
-  }
-  function h(d) {
-    switch (d) {
-      case "input-group":
-      case "textarea":
-        return "onMouseupEvent";
-    }
-  }
-  return { resolveEditorProps: a, resolveEditorType: n, getChangeFunctionName: o, getClearFunctionName: s, getMousedownFunctionName: i, getMouseupFunctionName: h };
-}
-const pe = {
-  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 }
-}, Ve = /* @__PURE__ */ H({
-  name: "FFormControl",
-  props: pe,
-  emits: ["change", "update:modelValue"],
-  setup(e, t) {
-    var K;
-    const n = V(e.id), a = V(e.customClass), o = V(e.editor), s = V(e.label), i = V(e.modelValue), h = V(e.readonly), d = V(((K = e.editor) == null ? void 0 : K.required) || e.required), g = V(e.showLabel), C = V(e.visible);
-    V(e.type);
-    const u = V(), w = V(e.errors), x = Z(() => g.value ? e.showLabelType : "none"), {
-      resolveEditorProps: $,
-      resolveEditorType: U,
-      getChangeFunctionName: A,
-      getClearFunctionName: L
-    } = mn(), b = Z(() => ({
-      "form-group": !0,
-      "farris-form-group": !0,
-      "common-group": !0,
-      "q-state-readonly": h.value
-    }));
-    function B(R, J, j) {
-      i.value = J !== void 0 ? J : R, t.emit("update:modelValue", i.value), t.emit("change", i.value, {
-        newValue: R,
-        newModelValue: J,
-        parameters: j
-      });
-    }
-    function M() {
-      t.emit("update:modelValue", "");
-    }
-    const O = Z(() => {
-      const R = o.value.type || "input-group", J = U(R), j = $(R, o.value), Q = A(R), _ = L(o.value.type);
-      return _ && (j[_] = M), j[Q] = B, (j.id == null || j.id === "") && (j.id = n.value), R === "number-range" && o.value.onBeginValueChange && typeof o.value.onBeginValueChange == "function" ? (o.value.onBeginValueChange && typeof o.value.onBeginValueChange == "function" && (j.onBeginValueChange = o.value.onBeginValueChange), o.value.onEndValueChange && typeof o.value.onEndValueChange == "function" && (j.onEndValueChange = o.value.onEndValueChange)) : R === "lookup" && o.value["onUpdate:idValue"] && typeof o.value["onUpdate:idValue"] == "function" && (j["onUpdate:idValue"] = o.value["onUpdate:idValue"], j.id = n.value), () => F(J, ce({
-        ref: u
-      }, j, {
-        modelValue: i.value,
-        "onUpdate:modelValue": (D) => i.value = D
-      }), t.slots);
-    });
-    function S() {
-      return F(Re, {
-        id: `${n.value}-validation-message`,
-        errors: w.value
-      }, null);
-    }
-    return oe([() => e.id, () => e.customClass, () => e.editor, () => e.label, () => e.modelValue, () => e.readonly, () => e.required, () => e.showLabel, () => e.visible, () => e.errors], ([R, J, j, Q, _, D, W, r, c, v]) => {
-      var T;
-      n.value = R, a.value = J, o.value = j, s.value = Q, i.value = _, h.value = D, d.value = ((T = o.value) == null ? void 0 : T.required) || W, g.value = r, C.value = c, w.value = v;
-    }), t.expose({
-      editorRef: u
-    }), () => C.value && F("div", {
-      id: `${n.value}-input-group`,
-      class: a.value,
-      style: e.customStyle
-    }, [F("div", {
-      class: "farris-group-wrap"
-    }, [F("div", {
-      class: b.value
-    }, [F($e, {
-      id: `${n.value}-lable`,
-      showType: x.value,
-      required: d.value,
-      text: s.value,
-      title: s.value
-    }, null), F("div", {
-      class: "farris-input-wrap"
-    }, [O.value(), S()])])])]);
-  }
-}), fn = /* @__PURE__ */ H({
+}), ge = /* @__PURE__ */ te({
   name: "FDynamicFormGroup",
-  props: pe,
+  props: jo,
   emits: ["change", "update:modelValue"],
-  setup(e, t) {
-    var _;
-    const n = V(e.id), a = V(e.customClass), o = V(e.editor), s = V(e.label), i = V(e.modelValue), h = V(e.readonly), d = V(((_ = e.editor) == null ? void 0 : _.required) || e.required), g = V(e.showLabel), C = V(e.visible);
-    V(e.type);
-    const u = V(), w = V(e.errors), x = ko(), $ = V(e.editor.type || "input-group"), U = Z(() => g.value ? e.showLabelType : "none"), {
-      resolveEditorProps: A,
-      resolveEditorType: L,
-      getChangeFunctionName: b,
-      getClearFunctionName: B
-    } = De(), M = Z(() => {
-      const D = {
+  setup(t, e) {
+    var H;
+    const r = U(t.id), f = U(t.customClass), i = U(t.editor), F = U(t.label), v = U(t.modelValue), T = U(t.readonly), V = U(((H = t.editor) == null ? void 0 : H.required) || t.required), C = U(t.showLabel), w = U(t.visible);
+    U(t.type);
+    const b = U(), I = U(t.errors), R = Re(), G = U(t.editor.type || "input-group"), K = J(() => C.value ? t.showLabelType : "none"), {
+      resolveEditorProps: _,
+      resolveEditorType: X,
+      getChangeFunctionName: B,
+      getClearFunctionName: P
+    } = we(), k = J(() => {
+      const L = {
         "form-group": !0,
         "farris-form-group": !0,
         "common-group": !0,
-        "q-state-readonly": h.value,
-        "form-group--in-mobile": x
+        "q-state-readonly": T.value,
+        "form-group--in-mobile": R
       };
-      return D["form-group--has-" + $.value] = !0, D;
-    }), O = Z(() => {
-      if (e.fill)
+      return L["form-group--has-" + G.value] = !0, L;
+    }), A = J(() => {
+      if (t.fill)
         return {
           maxWidth: "none"
         };
     });
-    function S(D, W, r) {
-      i.value = W !== void 0 ? W : D, t.emit("update:modelValue", i.value), t.emit("change", i.value, {
-        newValue: D,
+    function j(L, W, n) {
+      v.value = W !== void 0 ? W : L, e.emit("update:modelValue", v.value), e.emit("change", v.value, {
+        newValue: L,
         newModelValue: W,
-        parameters: r
+        parameters: n
       });
     }
-    function K() {
-      t.emit("update:modelValue", "");
+    function Y() {
+      e.emit("update:modelValue", "");
     }
-    function R(D) {
+    function Q(L) {
       return (...W) => {
-        K(), typeof D == "function" && D(...W);
+        Y(), typeof L == "function" && L(...W);
       };
     }
-    function J(D) {
-      return (W, r, c) => {
-        S(W, r, c), typeof D == "function" && D(W, r, c);
+    function Z(L) {
+      return (W, n, s) => {
+        j(W, n, s), typeof L == "function" && L(W, n, s);
       };
     }
-    const j = Z(() => {
-      const D = o.value.type || "input-group", W = L(D), r = A(D, o.value), c = b(D), v = B(o.value.type);
-      return v && (r[v] = R(r[v])), c && (r[c] = J(r[c])), (r.id == null || r.id === "") && (r.id = n.value), D === "number-range" && o.value.onBeginValueChange && typeof o.value.onBeginValueChange == "function" ? (o.value.onBeginValueChange && typeof o.value.onBeginValueChange == "function" && (r.onBeginValueChange = o.value.onBeginValueChange), o.value.onEndValueChange && typeof o.value.onEndValueChange == "function" && (r.onEndValueChange = o.value.onEndValueChange)) : D === "lookup" && o.value["onUpdate:idValue"] && typeof o.value["onUpdate:idValue"] == "function" ? (r["onUpdate:idValue"] = o.value["onUpdate:idValue"], r.id = n.value) : D === "collection-property-editor" && o.value.onSelectionChange && typeof o.value.onSelectionChange == "function" ? r.onSelectionChange = o.value.onSelectionChange : D === "property-editor" && (r.onBeforeOpenVariables = o.value.onBeforeOpenVariables), () => F(W, ce({
-        ref: u
-      }, r, {
-        modelValue: i.value,
-        "onUpdate:modelValue": (T) => i.value = T
-      }), t.slots);
+    const oe = J(() => {
+      const L = i.value.type || "input-group", W = X(L), n = _(L, i.value), s = B(L), d = P(i.value.type);
+      return d && (n[d] = Q(n[d])), s && (n[s] = Z(n[s])), (n.id == null || n.id === "") && (n.id = r.value), L === "number-range" && i.value.onBeginValueChange && typeof i.value.onBeginValueChange == "function" ? (i.value.onBeginValueChange && typeof i.value.onBeginValueChange == "function" && (n.onBeginValueChange = i.value.onBeginValueChange), i.value.onEndValueChange && typeof i.value.onEndValueChange == "function" && (n.onEndValueChange = i.value.onEndValueChange)) : L === "lookup" && i.value["onUpdate:idValue"] && typeof i.value["onUpdate:idValue"] == "function" ? (n["onUpdate:idValue"] = i.value["onUpdate:idValue"], n.id = r.value) : L === "collection-property-editor" && i.value.onSelectionChange && typeof i.value.onSelectionChange == "function" ? n.onSelectionChange = i.value.onSelectionChange : L === "property-editor" && (n.onBeforeOpenVariables = i.value.onBeforeOpenVariables), () => q(W, be({
+        ref: b
+      }, n, {
+        modelValue: v.value,
+        "onUpdate:modelValue": (o) => v.value = o
+      }), e.slots);
     });
-    function Q() {
-      return F(Re, {
-        id: `${n.value}-validation-message`,
-        errors: w.value
+    function ne() {
+      return q(Ko, {
+        id: `${r.value}-validation-message`,
+        errors: I.value
       }, null);
     }
-    return oe([() => e.id, () => e.customClass, () => e.editor, () => e.label, () => e.modelValue, () => e.readonly, () => e.required, () => e.showLabel, () => e.visible, () => e.errors], ([D, W, r, c, v, T, E, P, N, I]) => {
-      var k;
-      n.value = D, a.value = W, o.value = r, s.value = c, i.value = v, h.value = T, d.value = ((k = o.value) == null ? void 0 : k.required) || E, g.value = P, C.value = N, w.value = I;
-    }), t.expose({
-      editorRef: u
-    }), () => C.value && F("div", {
-      id: `${n.value}-form-group`,
-      class: a.value,
-      style: e.customStyle
-    }, [F("div", {
+    return z([() => t.id, () => t.customClass, () => t.editor, () => t.label, () => t.modelValue, () => t.readonly, () => t.required, () => t.showLabel, () => t.visible, () => t.errors], ([L, W, n, s, d, o, a, m, g, h]) => {
+      var y;
+      r.value = L, f.value = W, i.value = n, F.value = s, v.value = d, T.value = o, V.value = ((y = i.value) == null ? void 0 : y.required) || a, C.value = m, w.value = g, I.value = h;
+    }), e.expose({
+      editorRef: b
+    }), () => w.value && q("div", {
+      id: `${r.value}-form-group`,
+      class: f.value,
+      style: t.customStyle
+    }, [q("div", {
       class: "farris-group-wrap",
-      style: O.value
-    }, [F("div", {
-      class: M.value
-    }, [F($e, {
-      id: `${n.value}-lable`,
-      showType: U.value,
-      required: d.value,
-      text: s.value,
-      title: s.value
-    }, null), F("div", {
+      style: A.value
+    }, [q("div", {
+      class: k.value
+    }, [q(qo, {
+      id: `${r.value}-lable`,
+      showType: K.value,
+      required: V.value,
+      text: F.value,
+      title: F.value
+    }, null), q("div", {
       class: "farris-input-wrap"
-    }, [j.value(), Q()])])])]);
-  }
-});
-function gn(e, t) {
-  function n(d, g = null) {
-    if (g)
-      return g;
-    const C = e.getComponentById(t);
-    return e.selectNode(C, (u) => u.id === d);
-  }
-  function a(d) {
-    const g = e.getComponentById(d);
-    return !(!g || !g.componentType || !g.componentType.startsWith("form"));
+    }, [oe.value(), ne()])])])]);
   }
-  function o(d) {
-    const g = new Set(d);
-    return Array.from(g).length === 1;
+}), _o = {
+  id: { type: String, default: "" },
+  /** 筛选组件配置器，具体配置项可查看各组件文档 */
+  editor: { type: Object, default: {} },
+  /** value is uncertain because type is uncertain, default value should not be set */
+  modelValue: { type: [String, Boolean, Array, Number] },
+  /**
+   * 作为内嵌编辑器被创建后默认获得焦点
+   */
+  focusOnCreated: { type: Boolean, default: !1 },
+  /**
+   * 作为内嵌编辑器被创建后默认选中文本
+   */
+  selectOnCreated: { type: Boolean, default: !1 }
+}, Ce = /* @__PURE__ */ te({
+  name: "FDynamicFormInput",
+  props: _o,
+  emits: ["change", "update:modelValue", "mousedown", "mouseup"],
+  setup(t, e) {
+    const r = U(t.id), f = U(t.editor), i = U(t.modelValue), {
+      resolveEditorProps: F,
+      resolveEditorType: v,
+      getChangeFunctionName: T,
+      getMousedownFunctionName: V,
+      getMouseupFunctionName: C,
+      getClearFunctionName: w
+    } = we();
+    function b(B, P, k) {
+      i.value = P !== void 0 ? P : B, e.emit("update:modelValue", i.value), e.emit("change", i.value, {
+        newValue: B,
+        newModelValue: P,
+        parameters: k
+      });
+    }
+    function I(B) {
+      e.emit("mousedown", B);
+    }
+    function R(B) {
+      e.emit("mouseup", B);
+    }
+    function G() {
+      e.emit("update:modelValue", "");
+    }
+    function K(B) {
+      return (...P) => {
+        G(), typeof B == "function" && B(...P);
+      };
+    }
+    function _(B) {
+      return (P, k, A) => {
+        b(P, k, A), typeof B == "function" && B(P, k, A);
+      };
+    }
+    const X = J(() => {
+      const B = v(f.value.type), P = F(f.value.type, f.value);
+      P.focusOnCreated = t.focusOnCreated, P.selectOnCreated = t.selectOnCreated;
+      const k = T(f.value.type), A = w(f.value.type);
+      A && (P[A] = K(P[A])), k && (P[k] = _(P[k]));
+      const j = V(f.value.type);
+      P[j] = I;
+      const Y = C(f.value.type);
+      return P[Y] = R, P.id = r.value, () => q(B, be(P, {
+        modelValue: i.value,
+        "onUpdate:modelValue": (Q) => i.value = Q
+      }), null);
+    });
+    return z([() => t.id, () => t.editor, () => t.modelValue], ([B, P, k]) => {
+      r.value = B, f.value = P, i.value = k;
+    }), () => X.value();
   }
-  function s(d) {
-    const g = n(d.id), C = Dt(e), u = [];
-    C.getResonseFormLayoutConfig(g, u, 1);
-    const w = u.map((M) => M.columnInSM), x = u.map((M) => M.columnInMD), $ = u.map((M) => M.columnInLG), U = u.map((M) => M.columnInEL), A = o(w) ? w[0] : 0, L = o(x) ? x[0] : 0, b = o($) ? $[0] : 0, B = o(U) ? U[0] : 0;
+});
+function Xo(t, e) {
+  function r(V, C = null) {
+    if (C)
+      return C;
+    const w = t.getComponentById(e);
+    return t.selectNode(w, (b) => b.id === V);
+  }
+  function f(V) {
+    const C = t.getComponentById(V);
+    return !(!C || !C.componentType || !C.componentType.startsWith("form"));
+  }
+  function i(V) {
+    const C = new Set(V);
+    return Array.from(C).length === 1;
+  }
+  function F(V) {
+    const C = r(V.id), w = Lt(t), b = [];
+    w.getResonseFormLayoutConfig(C, b, 1);
+    const I = b.map((k) => k.columnInSM), R = b.map((k) => k.columnInMD), G = b.map((k) => k.columnInLG), K = b.map((k) => k.columnInEL), _ = i(I) ? I[0] : 0, X = i(R) ? R[0] : 0, B = i(G) ? G[0] : 0, P = i(K) ? K[0] : 0;
     return {
-      uniqueColClassInSM: A,
-      uniqueColClassInMD: L,
-      uniqueColClassInLG: b,
-      uniqueColClassInEL: B
+      uniqueColClassInSM: _,
+      uniqueColClassInMD: X,
+      uniqueColClassInLG: B,
+      uniqueColClassInEL: P
     };
   }
-  function i(d, g) {
-    let C, u, w, x, $ = [];
-    if (d) {
-      const M = d.split(" "), O = M.filter((S) => S.startsWith("col-"));
-      C = O.find((S) => /^col-([1-9]|10|11|12)$/.test(S)), u = O.find((S) => /^col-md-([1-9]|10|11|12)$/.test(S)), w = O.find((S) => /^col-xl-([1-9]|10|11|12)$/.test(S)), x = O.find((S) => /^col-el-([1-9]|10|11|12)$/.test(S)), $ = M.filter((S) => !S.startsWith("col-"));
+  function v(V, C) {
+    let w, b, I, R, G = [];
+    if (V) {
+      const k = V.split(" "), A = k.filter((j) => j.startsWith("col-"));
+      w = A.find((j) => /^col-([1-9]|10|11|12)$/.test(j)), b = A.find((j) => /^col-md-([1-9]|10|11|12)$/.test(j)), I = A.find((j) => /^col-xl-([1-9]|10|11|12)$/.test(j)), R = A.find((j) => /^col-el-([1-9]|10|11|12)$/.test(j)), G = k.filter((j) => !j.startsWith("col-"));
     }
-    const U = g.uniqueColClassInSM ? "col-" + g.uniqueColClassInSM : C, A = g.uniqueColClassInMD ? "col-md-" + g.uniqueColClassInMD : u, L = g.uniqueColClassInLG ? "col-xl-" + g.uniqueColClassInLG : w, b = g.uniqueColClassInEL ? "col-el-" + g.uniqueColClassInEL : x;
-    return [U, A, L, b].concat($).join(" ");
+    const K = C.uniqueColClassInSM ? "col-" + C.uniqueColClassInSM : w, _ = C.uniqueColClassInMD ? "col-md-" + C.uniqueColClassInMD : b, X = C.uniqueColClassInLG ? "col-xl-" + C.uniqueColClassInLG : I, B = C.uniqueColClassInEL ? "col-el-" + C.uniqueColClassInEL : R;
+    return [K, _, X, B].concat(G).join(" ");
   }
-  function h(d, g, C) {
-    d = n(C, d), d.contents.forEach((u) => {
-      if (u.type === l.fieldset.type) {
-        h(u, g, u.id);
+  function T(V, C, w) {
+    V = r(w, V), V.contents.forEach((b) => {
+      if (b.type === ee["dynamic-form"].type)
+        return;
+      if (b.type === ee.fieldset.type) {
+        T(b, C, b.id);
         return;
       }
-      u.appearance || (u.appearance = {});
-      const w = u.appearance.class;
-      u.appearance.class = i(w, g);
+      b.appearance || (b.appearance = {});
+      const I = b.appearance.class;
+      b.appearance.class = v(I, C);
     });
   }
-  return { checkIsInFormComponent: a, assembleUnifiedLayoutContext: s, changeFormControlsByUnifiedLayoutConfig: h };
+  return { checkIsInFormComponent: f, assembleUnifiedLayoutContext: F, changeFormControlsByUnifiedLayoutConfig: T, changeControlClassInByColumn: v };
 }
-class yn extends nn {
-  constructor(t, n) {
-    super(t, n);
-  }
-  getPropertyConfig(t, n) {
-    const a = this;
-    this.propertyConfig.categories.basic = this.getBasicPropConfig(t);
-    const { checkIsInFormComponent: o, assembleUnifiedLayoutContext: s, changeFormControlsByUnifiedLayoutConfig: i } = gn(this.formSchemaUtils, this.componentId), h = this.getAppearanceConfig(t), d = o(this.componentId);
-    return h.properties.adaptForLanguage = {
+class Jo extends ho {
+  constructor(e, r) {
+    super(e, r);
+  }
+  getPropertyConfig(e, r) {
+    const f = this;
+    this.propertyConfig.categories.basic = this.getBasicPropConfig(e);
+    const { checkIsInFormComponent: i, assembleUnifiedLayoutContext: F, changeFormControlsByUnifiedLayoutConfig: v, changeControlClassInByColumn: T } = Xo(this.formSchemaUtils, this.componentId), V = this.getAppearanceConfig(e), C = i(this.componentId);
+    V.properties.adaptForLanguage = {
       title: "控件布局响应国际化",
       description: "启用国际化后：简体中文、繁体中文环境下控件标签与输入框在一行展示，其他语言环境下控件标签与输入框上下排列。",
-      visible: d,
+      visible: e.formType === "dynamic" || C,
       type: "boolean"
-    }, h.properties.labelAutoOverflow = {
+    }, V.properties.labelAutoOverflow = {
       title: "控件标签换行",
       description: "控件标签字数超长时，换行显示。控件标签与输入框在一行展示时，此属性有效。",
-      visible: d,
+      visible: e.formType === "dynamic" || C,
       type: "boolean"
-    }, h.properties.unifiedLayout = {
+    }, V.properties.formType = {
+      title: "控件来源",
+      description: "",
+      type: "enum",
+      editor: {
+        readonly: e.type === "dynamic-form",
+        type: "combo-list",
+        textField: "name",
+        valueField: "value",
+        data: [
+          {
+            value: "static",
+            name: "静态"
+          },
+          {
+            value: "dynamic",
+            name: "动态"
+          },
+          {
+            value: "mixed",
+            name: "混合"
+          }
+        ]
+      },
+      refreshPanelAfterChanged: !0
+    }, V.properties.unifiedLayout = {
       title: "统一布局配置",
       description: "统一配置卡片区域内所有控件的宽度，只支持标准模式",
-      visible: d,
+      visible: e.formType === "dynamic" || C,
       refreshPanelAfterChanged: !0,
       editor: {
         type: "response-form-layout-setting",
-        initialState: s(t)
+        initialState: F(e)
       }
-    }, h.setPropertyRelates = function(g, C) {
-      if (g)
-        switch (g && g.propertyID) {
+    }, V.setPropertyRelates = function(b, I) {
+      if (b)
+        switch (b && b.propertyID) {
           case "unifiedLayout": {
-            i(null, g.propertyValue, t.id), a.updateElementByParentContainer(t.id, n);
+            e.formType === "dynamic" ? e.layout = T("", b.propertyValue) : (v(null, b.propertyValue, e.id), f.updateElementByParentContainer(e.id, r));
             break;
           }
           case "labelAutoOverflow": {
-            a.setLabelAutoOverflow(t, g.propertyValue), en();
+            f.setLabelAutoOverflow(e, b.propertyValue), yo();
             break;
           }
         }
-    }, this.propertyConfig.categories.appearance = h, this.propertyConfig.categories.behavior = this.getBehaviorConfig(t), this.propertyConfig;
+    }, this.propertyConfig.categories.appearance = V;
+    let w = {};
+    if (e.formType && ["dynamic", "mixed"].indexOf(e.formType) > -1) {
+      const b = this.getPropertyEditorParams(e, ["Variable", "Custom"], "fields", {}, { newVariablePrefix: "", newVariableType: "Array" }), I = this.getPropertyEditorParams(e, ["Variable", "Custom"], "formData", {}, { newVariablePrefix: "", newVariableType: "Object" });
+      w = {
+        fields: {
+          title: "动态控件列表",
+          type: "string",
+          description: "动态控件列表",
+          editor: b
+        },
+        formData: {
+          title: "动态控件列表初始值",
+          type: "string",
+          description: "动态控件列表初始值",
+          editor: I
+        }
+      };
+    }
+    return this.propertyConfig.categories.behavior = this.getBehaviorConfig(e, "", w, (b, I) => {
+      switch (b.propertyID) {
+        case "fields":
+        case "formData":
+          f.afterMutilEditorChanged(e, b);
+          break;
+      }
+    }), this.propertyConfig;
   }
-  setLabelAutoOverflow(t, n, a) {
-    if (!a) {
-      const o = this.formSchemaUtils.getComponentById(this.componentId);
-      a = this.formSchemaUtils.selectNode(o, (s) => s.id === t.id);
+  setLabelAutoOverflow(e, r, f) {
+    if (!f) {
+      const i = this.formSchemaUtils.getComponentById(this.componentId);
+      f = this.formSchemaUtils.selectNode(i, (F) => F.id === e.id);
     }
-    a && a.contents && a.contents.length && a.contents.forEach((o) => {
-      if (o.type === l.fieldset.type) {
-        this.setLabelAutoOverflow(null, n, o);
+    f && f.contents && f.contents.length && f.contents.forEach((i) => {
+      if (i.type === ee.fieldset.type) {
+        this.setLabelAutoOverflow(null, r, i);
         return;
       }
-      o.appearance || (o.appearance = {
+      i.appearance || (i.appearance = {
         class: ""
-      }), o.appearance.class || (o.appearance.class = ""), n ? o.appearance.class.includes("farris-group-multi-label") || (o.appearance.class = o.appearance.class + " farris-group-multi-label") : o.appearance.class = o.appearance.class.replace("farris-group-multi-label", "").trim();
+      }), i.appearance.class || (i.appearance.class = ""), r ? i.appearance.class.includes("farris-group-multi-label") || (i.appearance.class = i.appearance.class + " farris-group-multi-label") : i.appearance.class = i.appearance.class.replace("farris-group-multi-label", "").trim();
     });
   }
 }
-function hn(e, t) {
-  const n = e.schema, a = new tn(), { canMove: o, canAccept: s, canDelete: i } = a.getTemplateRule(e, t);
-  function h(r, c) {
-    const { sourceElement: v } = r, { componentInstance: T } = v, E = t == null ? void 0 : t.formSchemaUtils;
-    if (!E)
+function kr(t, e) {
+  const r = t.schema, f = new go(), { canMove: i, canAccept: F, canDelete: v } = f.getTemplateRule(t, e);
+  function T(n, s) {
+    const { sourceElement: d } = n, { componentInstance: o } = d, a = e == null ? void 0 : e.formSchemaUtils;
+    if (!a)
       return !0;
-    const P = E.getComponentById(T.value.belongedComponentId), N = E.getViewModelById(P.viewModel), I = E.getComponentById(e.componentInstance.value.belongedComponentId), k = E.getViewModelById(I.viewModel);
-    return c ? N != null && N.id && (k != null && k.id) && N.id !== k.id ? N.bindTo === k.bindTo : !0 : (N == null ? void 0 : N.id) === (k == null ? void 0 : k.id);
+    const m = a.getComponentById(o.value.belongedComponentId), g = a.getViewModelById(m.viewModel), h = a.getComponentById(t.componentInstance.value.belongedComponentId), y = a.getViewModelById(h.viewModel);
+    return s ? g != null && g.id && (y != null && y.id) && g.id !== y.id ? g.bindTo === y.bindTo : !0 : (g == null ? void 0 : g.id) === (y == null ? void 0 : y.id);
   }
-  function d(r) {
-    const { bindingTargetId: c } = r;
-    if (!t)
+  function V(n) {
+    const { bindingTargetId: s } = n;
+    if (!e)
       return;
-    const { formSchemaUtils: v, schemaService: T } = t, E = v.getComponentById(e.componentInstance.value.belongedComponentId), P = T.getFieldByIDAndVMID(c, E.viewModel);
-    return !!(P != null && P.schemaField);
+    const { formSchemaUtils: d, schemaService: o } = e, a = d.getComponentById(t.componentInstance.value.belongedComponentId), m = o.getFieldByIDAndVMID(s, a.viewModel);
+    return !!(m != null && m.schemaField);
   }
-  function g(r) {
-    const c = a.getComponentContext(e);
-    if (c && c.componentClassList && c.componentClassList.includes("f-form-layout") && c.componentClassList.includes("farris-form")) {
-      if (r.sourceType === "control" && (r.componentCategory === "input" || r.componentType === "fieldset"))
+  function C(n) {
+    const s = f.getComponentContext(t);
+    if (s && s.componentClassList && s.componentClassList.includes("f-form-layout") && s.componentClassList.includes("farris-form")) {
+      if (n.sourceType === "control" && (n.componentCategory === "input" || n.componentType && ["fieldset", "dynamic-form"].indexOf(n.componentType) > -1))
         return !0;
-      if (r.sourceType === "move") {
-        if (r.componentType === "form-group")
-          return h(r, !0);
-        if (r.componentType === "fieldset")
-          return h(r, !1);
+      if (n.sourceType === "move") {
+        if (n.componentType === "form-group")
+          return T(n, !0);
+        if (n.componentType === "fieldset")
+          return T(n, !1);
+        if (n.componentType === "dynamic-form")
+          return !0;
       }
-      return r.sourceType === "field" && r.componentCategory === "input" ? d(r) : !1;
+      return n.sourceType === "field" && n.componentCategory === "input" ? V(n) : !1;
     }
     return !0;
   }
-  function C(r) {
-    return !(!on().basalDragulaRuleForContainer(r, t) || !s || !g(r));
-  }
-  function u(r) {
-    var k;
-    const c = r.componentInstance, v = c.value.schema, T = t == null ? void 0 : t.formSchemaUtils, E = t == null ? void 0 : t.designViewModelUtils, P = T.getViewModelIdByComponentId(c.value.belongedComponentId), N = E.getDgViewModel(P), I = c.value.parent;
-    if (I && l.fieldset && ((k = I.schema) == null ? void 0 : k.type) === l.fieldset.type && N) {
-      const q = { groupId: null, groupName: null };
-      switch (v.binding.type) {
-        case ae.Form: {
-          N.changeField(v.binding.field, q);
+  function w(n) {
+    return !(!Co().basalDragulaRuleForContainer(n, e) || !F || !C(n));
+  }
+  function b(n) {
+    var y;
+    const s = n.componentInstance, d = s.value.schema, o = e == null ? void 0 : e.formSchemaUtils, a = e == null ? void 0 : e.designViewModelUtils, m = o.getViewModelIdByComponentId(s.value.belongedComponentId), g = a.getDgViewModel(m), h = s.value.parent;
+    if (h && ee.fieldset && ((y = h.schema) == null ? void 0 : y.type) === ee.fieldset.type && g) {
+      const M = { groupId: null, groupName: null };
+      switch (d.binding.type) {
+        case S.Form: {
+          g.changeField(d.binding.field, M);
           break;
         }
-        case ae.Variable: {
-          T.modifyViewModelFieldById(P, v.binding.field, q, !0);
+        case S.Variable: {
+          o.modifyViewModelFieldById(m, d.binding.field, M, !0);
           break;
         }
       }
     }
   }
-  function w(r, c, v) {
-    const T = c.fields.find((k) => k.id === r), E = t == null ? void 0 : t.designViewModelUtils, P = E.getDgViewModel(c.id), N = P.fields.find((k) => k.id === r);
-    P.removeField([r]);
-    const I = E.getDgViewModel(v);
-    I.addField(N), T.fieldSchema && I.changeField(N.id, T.fieldSchema);
+  function I(n, s, d) {
+    const o = s.fields.find((y) => y.id === n), a = e == null ? void 0 : e.designViewModelUtils, m = a.getDgViewModel(s.id), g = m.fields.find((y) => y.id === n);
+    m.removeField([n]);
+    const h = a.getDgViewModel(d);
+    h.addField(g), o.fieldSchema && h.changeField(g.id, o.fieldSchema);
   }
-  function x(r, c, v, T = []) {
-    const E = c.id, P = r.binding.field, N = c.fields.findIndex((k) => k.id === P);
-    if (N > -1 && (v.fields.push(c.fields[N]), c.fields.splice(N, 1)), E === "root-viewmodel" && v.id !== "root-viewmodel") {
-      r.binding.path && !r.binding.path.includes("root-component.") && (r.binding.path = "root-component." + r.binding.path);
+  function R(n, s, d, o = []) {
+    const a = s.id, m = n.binding.field, g = s.fields.findIndex((y) => y.id === m);
+    if (g > -1 && (d.fields.push(s.fields[g]), s.fields.splice(g, 1)), a === "root-viewmodel" && d.id !== "root-viewmodel") {
+      n.binding.path && !n.binding.path.includes("root-component.") && (n.binding.path = "root-component." + n.binding.path);
       return;
     }
-    if (v.id === "root-viewmodel" && E !== "root-viewmodel" && r.binding.path && r.binding.path.includes("root-component.")) {
-      r.binding.path = r.binding.path.replace("root-component.", "");
+    if (d.id === "root-viewmodel" && a !== "root-viewmodel" && n.binding.path && n.binding.path.includes("root-component.")) {
+      n.binding.path = n.binding.path.replace("root-component.", "");
       return;
     }
-    const I = c.states.find((k) => k.id === P);
-    I && (v.states = v.states ? v.states : [], v.states.findIndex((k) => k.id === I.id) < 0 && (v.states.push(I), T.push(I.id)));
+    const h = s.states.find((y) => y.id === m);
+    h && (d.states = d.states ? d.states : [], d.states.findIndex((y) => y.id === h.id) < 0 && (d.states.push(h), o.push(h.id)));
   }
-  function $(r, c, v, T = []) {
-    var N;
-    if (!r)
+  function G(n, s, d, o = []) {
+    var g;
+    if (!n)
       return;
-    const E = c.id === "root-viewmodel" && v.id !== "root-viewmodel", P = v.id === "root-viewmodel" && c.id !== "root-viewmodel";
-    Object.keys(r).forEach((I) => {
-      if (I === "binding")
+    const a = s.id === "root-viewmodel" && d.id !== "root-viewmodel", m = d.id === "root-viewmodel" && s.id !== "root-viewmodel";
+    Object.keys(n).forEach((h) => {
+      if (h === "binding")
         return;
-      const k = r[I];
-      if (k && typeof k == "object" && k.type === ae.Variable && k.field) {
-        if (E) {
-          k.path && !k.path.includes("root-component.") && (k.path = "root-component." + k.path);
+      const y = n[h];
+      if (y && typeof y == "object" && y.type === S.Variable && y.field) {
+        if (a) {
+          y.path && !y.path.includes("root-component.") && (y.path = "root-component." + y.path);
           return;
         }
-        if (P && k.path && k.path.includes("root-component.")) {
-          k.path = k.path.replace("root-component.", "");
+        if (m && y.path && y.path.includes("root-component.")) {
+          y.path = y.path.replace("root-component.", "");
           return;
         }
-        const q = c.states.find((G) => G.id === k.field);
-        if (q) {
-          T.push(q.id), v.states = v.states ? v.states : [];
-          const G = v.states.find((ne) => ne.code === q.code);
-          if (G)
-            k.field = G.id;
+        const M = s.states.find((E) => E.id === y.field);
+        if (M) {
+          o.push(M.id), d.states = d.states ? d.states : [];
+          const E = d.states.find((x) => x.code === M.code);
+          if (E)
+            y.field = E.id;
           else {
-            const ne = Object.assign({}, { newId: Fe().guid() }, q);
-            v.states.push(ne), k.field = ne.newId;
+            const x = Object.assign({}, { newId: me().guid() }, M);
+            d.states.push(x), y.field = x.newId;
           }
         }
       }
-    }), (N = v.states) != null && N.length && v.states.map((I) => {
-      I.newId && (I.id = I.newId, delete I.newId);
+    }), (g = d.states) != null && g.length && d.states.map((h) => {
+      h.newId && (h.id = h.newId, delete h.newId);
     });
   }
-  function U(r, c, v) {
-    if (r && (c(r, v), r.contents))
-      for (const T of r.contents)
-        U(T, c, v);
+  function K(n, s, d) {
+    if (n && (s(n, d), n.contents))
+      for (const o of n.contents)
+        K(o, s, d);
   }
-  function A(r = [], c) {
-    if (!r.length)
+  function _(n = [], s) {
+    if (!n.length)
       return;
-    const v = t == null ? void 0 : t.formSchemaUtils, T = v.getComponentByViewModelId(c), E = [], P = (I, k) => {
-      I && (Object.keys(I).forEach((q) => {
-        const G = I[q];
-        G && typeof G == "object" && G.type === ae.Variable && r.includes(G.field) && !k.includes(G.field) && k.push(G.field);
-      }), I.editor && P(I.editor, k));
+    const d = e == null ? void 0 : e.formSchemaUtils, o = d.getComponentByViewModelId(s), a = [], m = (h, y) => {
+      h && (Object.keys(h).forEach((M) => {
+        const E = h[M];
+        E && typeof E == "object" && E.type === S.Variable && n.includes(E.field) && !y.includes(E.field) && y.push(E.field);
+      }), h.editor && m(h.editor, y));
     };
-    U(T, P, E);
-    const N = v.getViewModelById(c);
-    r.forEach((I) => {
-      E.includes(I) || (N.states = N.states.filter((k) => k.id !== I));
+    K(o, m, a);
+    const g = d.getViewModelById(s);
+    n.forEach((h) => {
+      a.includes(h) || (g.states = g.states.filter((y) => y.id !== h));
     });
   }
-  function L(r) {
-    const c = Fe().guid(), v = Object.assign({}, r, {
-      id: c,
-      code: r.code + c.slice(0, 4),
-      name: r.name + c.slice(0, 4)
-    }), P = (t == null ? void 0 : t.formSchemaUtils).getCommands().find((N) => N.id === r.cmpId);
-    return P && P.refedHandlers.push({
-      host: c,
-      handler: r.handlerName
-    }), v;
-  }
-  function b(r, c, v) {
-    var q, G, ne;
-    const T = {}, E = r.type === "form-group" && r.editor ? r.editor.type : r.type, P = (q = Le[E]) == null ? void 0 : q.events;
-    if (!P)
+  function X(n) {
+    const s = me().guid(), d = Object.assign({}, n, {
+      id: s,
+      code: n.code + s.slice(0, 4),
+      name: n.name + s.slice(0, 4)
+    }), m = (e == null ? void 0 : e.formSchemaUtils).getCommands().find((g) => g.id === n.cmpId);
+    return m && m.refedHandlers.push({
+      host: s,
+      handler: n.handlerName
+    }), d;
+  }
+  function B(n, s, d) {
+    var M, E, x;
+    const o = {}, a = n.type === "form-group" && n.editor ? n.editor.type : n.type, m = (M = ve[a]) == null ? void 0 : M.events;
+    if (!m)
       return;
-    Object.keys(r).forEach((re) => {
-      const Y = Object.keys(P).find((X) => X === re);
-      if (Y && r[Y]) {
-        const X = c.commands.find((z) => z.code === r[Y]);
-        if (X) {
-          let z = T[X.code];
-          z || (z = L(X), T[X.code] = z, v.commands.push(z)), r[Y] = z.code;
+    Object.keys(n).forEach(($) => {
+      const O = Object.keys(m).find((N) => N === $);
+      if (O && n[O]) {
+        const N = s.commands.find((D) => D.code === n[O]);
+        if (N) {
+          let D = o[N.code];
+          D || (D = X(N), o[N.code] = D, d.commands.push(D)), n[O] = D.code;
         }
       }
     });
-    const I = (t == null ? void 0 : t.designViewModelUtils).getDgViewModel(v.id), k = ["valueChanging", "valueChanged"];
-    if (((G = r.binding) == null ? void 0 : G.type) === ae.Form) {
-      const re = (ne = v.fields) == null ? void 0 : ne.find((Y) => Y.id === r.binding.field);
-      re && k.forEach((Y) => {
-        if (re[Y]) {
-          const X = c.commands.find((z) => z.code === re[Y]);
-          if (!X)
+    const h = (e == null ? void 0 : e.designViewModelUtils).getDgViewModel(d.id), y = ["valueChanging", "valueChanged"];
+    if (((E = n.binding) == null ? void 0 : E.type) === S.Form) {
+      const $ = (x = d.fields) == null ? void 0 : x.find((O) => O.id === n.binding.field);
+      $ && y.forEach((O) => {
+        if ($[O]) {
+          const N = s.commands.find((D) => D.code === $[O]);
+          if (!N)
             return;
-          if (T[X.code])
-            I.changeField(re.id, { [Y]: T[X.code].code });
+          if (o[N.code])
+            h.changeField($.id, { [O]: o[N.code].code });
           else {
-            const z = L(X);
-            T[X.code] = z, v.commands.push(z), I.changeField(re.id, { [Y]: z.code });
+            const D = X(N);
+            o[N.code] = D, d.commands.push(D), h.changeField($.id, { [O]: D.code });
           }
         }
       });
     }
   }
-  function B(r) {
-    const c = t == null ? void 0 : t.formSchemaUtils, v = r.componentInstance, T = v.value.schema, E = c.getViewModelIdByComponentId(v.value.belongedComponentId), P = c.getViewModelById(E), N = c.getComponentById(e.componentInstance.value.belongedComponentId), I = c.getViewModelById(N.viewModel);
-    if (E !== I.id) {
-      const k = T.binding.type, q = T.binding.field, G = [];
-      switch (k) {
-        case ae.Form: {
-          w(q, P, I.id);
+  function P(n) {
+    var y, M;
+    const s = e == null ? void 0 : e.formSchemaUtils, d = n.componentInstance, o = d.value.schema, a = s.getViewModelIdByComponentId(d.value.belongedComponentId), m = s.getViewModelById(a), g = s.getComponentById(t.componentInstance.value.belongedComponentId), h = s.getViewModelById(g.viewModel);
+    if (a !== h.id) {
+      const E = (y = o.binding) == null ? void 0 : y.type, x = (M = o.binding) == null ? void 0 : M.field, $ = [];
+      switch (E) {
+        case S.Form: {
+          I(x, m, h.id);
           break;
         }
-        case ae.Variable: {
-          x(T, P, I, G);
+        case S.Variable: {
+          R(o, m, h, $);
           break;
         }
       }
-      $(T, P, I, G), $(T.editor, P, I, G), b(T, P, I), E !== "root-viewmodel" && A(G, E);
+      G(o, m, h, $), G(o.editor, m, h, $), B(o, m, h), a !== "root-viewmodel" && _($, a);
     }
   }
-  function M(r) {
-    if (!r || !r.componentInstance)
+  function k(n) {
+    var o;
+    if (!n || !n.componentInstance)
       return;
-    const v = r.componentInstance.value.schema;
-    !v.binding || !v.binding.field || (u(r), B(r));
+    const d = n.componentInstance.value.schema;
+    if (d.type === "dynamic-form") {
+      const a = ((o = d == null ? void 0 : d.appearance) == null ? void 0 : o.class) || "";
+      a.indexOf("col-12") < 0 && (d.appearance = {
+        ...d.appearance,
+        class: a + " col-12 px-0"
+      }), P(n);
+      return;
+    }
+    !d.binding || !d.binding.field || (b(n), P(n));
   }
-  function O() {
-    return n.componentType ? "display:inherit;flex-direction:inherit;margin-bottom:10px" : "";
+  function A() {
+    return r.componentType ? "display:inherit;flex-direction:inherit;margin-bottom:10px" : "";
   }
-  function S(r) {
-    let c = "";
-    switch (r) {
+  function j(n) {
+    let s = "";
+    switch (n) {
       case 1: {
-        c = "col-12 col-md-12 col-xl-12 col-el-12";
+        s = "col-12 col-md-12 col-xl-12 col-el-12";
         break;
       }
       case 2: {
-        c = "col-12 col-md-6 col-xl-6 col-el-6";
+        s = "col-12 col-md-6 col-xl-6 col-el-6";
         break;
       }
       case 3: {
-        c = "col-12 col-md-6 col-xl-4 col-el-4";
+        s = "col-12 col-md-6 col-xl-4 col-el-4";
         break;
       }
       case 4: {
-        c = "col-12 col-md-6 col-xl-3 col-el-2";
+        s = "col-12 col-md-6 col-xl-3 col-el-2";
         break;
       }
     }
-    return c;
+    return s;
   }
-  function K(r, c) {
-    let v = !1;
-    if (e.schema && Object.prototype.hasOwnProperty.call(e.schema, "labelAutoOverflow"))
-      v = e.schema.labelAutoOverflow;
+  function Y(n, s) {
+    let d = !1;
+    if (t.schema && Object.prototype.hasOwnProperty.call(t.schema, "labelAutoOverflow"))
+      d = t.schema.labelAutoOverflow;
     else {
-      const T = t == null ? void 0 : t.formSchemaUtils, E = T == null ? void 0 : T.selectNode(c, (P) => P.type === l["response-form"].type);
-      E && (v = E.labelAutoOverflow);
+      const o = e == null ? void 0 : e.formSchemaUtils, a = o == null ? void 0 : o.selectNode(s, (m) => m.type === ee["response-form"].type);
+      a && (d = a.labelAutoOverflow);
     }
-    return v && (r += " farris-group-multi-label"), r;
-  }
-  function R(r) {
-    const c = e.componentInstance.value.getBelongedComponentInstance(e.componentInstance);
-    if (c && c.schema && c.schema.componentType) {
-      const { formColumns: v } = c.schema;
-      let T = S(v);
-      T = t == null ? void 0 : t.formSchemaUtils.getControlClassByFormUnifiedLayout(T, c.schema.id, e.schema), T = K(T, c.schema), r.appearance || (r.appearance = {}), r.appearance.class = T;
+    return d && (n += " farris-group-multi-label"), n;
+  }
+  function Q(n) {
+    const s = t.componentInstance.value.getBelongedComponentInstance(t.componentInstance);
+    if (s && s.schema && s.schema.componentType) {
+      const { formColumns: d } = s.schema;
+      let o = j(d);
+      o = e == null ? void 0 : e.formSchemaUtils.getControlClassByFormUnifiedLayout(o, s.schema.id, t.schema), o = Y(o, s.schema), n.appearance || (n.appearance = {}), n.appearance.class = o;
     }
   }
-  function J(r, c, v, T) {
-    const { bindingSourceContext: E, parentComponentInstance: P } = r;
-    if (E != null && E.entityFieldNode && P) {
-      const N = t == null ? void 0 : t.designViewModelUtils, k = (t == null ? void 0 : t.formSchemaUtils).getViewModelIdByComponentId(P.belongedComponentId), q = N.getDgViewModel(k);
-      q.removeField([E.entityFieldNode.id]), q.addField(E.designViewModelField), c && q.changeField(E.entityFieldNode.id, { editor: { $type: c }, groupId: v, groupName: T });
+  function Z(n, s, d, o) {
+    const { bindingSourceContext: a, parentComponentInstance: m } = n;
+    if (a != null && a.entityFieldNode && m) {
+      const g = e == null ? void 0 : e.designViewModelUtils, y = (e == null ? void 0 : e.formSchemaUtils).getViewModelIdByComponentId(m.belongedComponentId), M = g.getDgViewModel(y);
+      M.removeField([a.entityFieldNode.id]), M.addField(a.designViewModelField), s && M.changeField(a.entityFieldNode.id, { editor: { $type: s }, groupId: d, groupName: o });
     }
   }
-  function j(r, c) {
-    var P, N, I;
-    const v = n;
-    if ((v.appearance && v.appearance.class || "").split(" ").includes("f-form-layout") && r.componentCategory === "input") {
-      const { label: k } = r;
-      let q;
-      const G = t == null ? void 0 : t.controlCreatorUtils;
-      return (P = r.bindingSourceContext) != null && P.entityFieldNode ? q = G.setFormFieldProperty((N = r.bindingSourceContext) == null ? void 0 : N.entityFieldNode, c == null ? void 0 : c.type) : (q = G.createFormGroupWithoutField(c == null ? void 0 : c.type), q.label = k), R(q), J(r, (I = q.editor) == null ? void 0 : I.type), q;
+  function oe(n, s) {
+    var m, g, h;
+    const d = r;
+    if ((d.appearance && d.appearance.class || "").split(" ").includes("f-form-layout") && n.componentCategory === "input") {
+      const { label: y } = n;
+      let M;
+      const E = e == null ? void 0 : e.controlCreatorUtils;
+      return (m = n.bindingSourceContext) != null && m.entityFieldNode ? M = E.setFormFieldProperty((g = n.bindingSourceContext) == null ? void 0 : g.entityFieldNode, s == null ? void 0 : s.type) : (M = E.createFormGroupWithoutField(s == null ? void 0 : s.type), M.label = y), Q(M), Z(n, (h = M.editor) == null ? void 0 : h.type), M;
     }
-    return c;
-  }
-  function Q() {
-    return o;
+    return n.componentType === "dynamic-form" && (s.appearance = {
+      class: "col-12",
+      ...s.appearance
+    }), s;
   }
-  function _() {
+  function ne() {
     return i;
   }
-  function D() {
-    return !1;
-  }
-  function W(r) {
-    return new yn(r, t).getPropertyConfig(n, e.componentInstance.value);
-  }
-  return {
-    canAccepts: C,
-    checkCanDeleteComponent: _,
-    checkCanMoveComponent: Q,
-    getStyles: O,
-    getPropsConfig: W,
-    hideNestedPaddingInDesginerView: D,
-    onAcceptMovedChildElement: M,
-    onResolveNewComponentSchema: j,
-    moveInputBetweenComponent: B,
-    resolveFormGroupAppearance: R,
-    syncFieldToViewModel: J
-  };
-}
-const vn = /* @__PURE__ */ H({
-  name: "FResponseFormDesign",
-  directives: {
-    "area-response": To
-  },
-  props: pe,
-  emits: [],
-  setup(e, t) {
-    const n = V(), a = te("design-item-context"), o = te("designer-host-service"), s = hn(a, o), i = ye(n, a, s);
-    me(() => {
-      n.value.componentInstance = i;
-    }), t.expose(i.value);
-    const h = Z(() => {
-      const d = e.customClass.split(" "), g = {
-        "drag-container": !0
-      };
-      return d.reduce((C, u) => (C[u] = !0, C), g), g;
-    });
-    return () => Ie(F("div", {
-      ref: n,
-      class: h.value,
-      style: e.customClass,
-      "data-dragref": `${a.schema.id}-container`,
-      "data-associate": `${a.schema.id}-component`
-    }, [t.slots.default && t.slots.default()]), [[Be("area-response")]]);
-  }
-}), Cn = {}, Fn = {}, { globalStorageKey: si } = Ne(), bn = {
-  id: { Type: String, default: "" },
-  /** 是否自动完成 */
-  autocomplete: { Type: String, default: "off" },
-  /** 自定义CLASS */
-  customClass: { Type: String, default: "" },
-  /** 禁用 */
-  disabled: { Type: Boolean, default: !1 },
-  /** 允许编辑 */
-  editable: { Type: Boolean, default: !0 },
-  /** 启用清除按钮 */
-  enableClear: { Type: Boolean, default: !0 },
-  /** 启用提示文本 */
-  enableTitle: { Type: Boolean, default: !0 },
-  /** 能否查看密码 */
-  enableViewPassword: { Type: Boolean, default: !0 },
-  /** 始终显示占位符文本 */
-  forcePlaceholder: { Type: Boolean, default: !1 },
-  /** 扩展按钮 */
-  groupText: { Type: String, default: "" },
-  /** 密码模式 */
-  showType: { Type: String, default: "text" },
-  /** 密码模式 --废弃*/
-  type: { Type: String, default: "text" },
-  /** 最大值 */
-  max: { type: [Number, String] },
-  /** 最小值 */
-  min: { type: [Number, String] },
-  /** 最大长度 */
-  maxLength: { Type: Number || void 0, default: void 0 },
-  /** 最小长度 */
-  minLength: { Type: Number || void 0, default: void 0 },
-  /** 组件值 */
-  modelValue: { Type: String || Boolean, default: "" },
-  /** 隐藏边线 */
-  showBorder: { Type: Boolean, default: !0 },
-  /** 步长 */
-  step: { Type: Number, default: 1 },
-  /** 启用提示信息 */
-  placeholder: { Type: String, default: "" },
-  precision: { Type: Number, default: 0 },
-  /** 只读 */
-  readonly: { Type: Boolean, default: !1 },
-  /** 当组件禁用或只读时显示后边的按钮 */
-  showButtonWhenDisabled: { Type: Boolean, default: !1 },
-  /** tab索引 */
-  tabIndex: { Type: Number, default: 0 },
-  /** 文本在输入框中的对齐方式 */
-  textAlign: { Type: String, default: "left" },
-  /** 是否启用前置扩展信息；在输入框前面 显示 ① 图标鼠标滑过后显示 */
-  useExtendInfo: { Type: Boolean, default: !1 },
-  /** 前置扩展信息 */
-  extendInfo: { Type: String, default: "" },
-  /** 输入值 */
-  value: { Type: String, default: "" },
-  /** 是否撑开高度 */
-  autoHeight: { type: Boolean, default: !1 },
-  /** 自动聚焦 */
-  autofocus: { type: Boolean, default: !1 },
-  /** 文本区域可见的行数 */
-  rows: { type: Number, default: 2 },
-  /** 展示输入文本数量 */
-  showCount: { type: Boolean, default: !1 },
-  showZero: { type: Boolean, default: !1 },
-  /**
-   * 作为内嵌编辑器被创建后默认获得焦点
-   */
-  focusOnCreated: { type: Boolean, default: !1 },
-  /**
-   * 作为内嵌编辑器被创建后默认选中文本
-   */
-  selectOnCreated: { type: Boolean, default: !1 },
-  /**
-   * modelValue 更新时机， 默认 blur； 可选值：blur | input
-   * - blur: 离开焦点时更新
-   * - change: 输入时更新
-   */
-  updateOn: { type: String, default: "blur" },
-  formatValidation: { type: Object, default: {} },
-  /**
-  * 是否启用快捷键
-  */
-  keyboard: { type: Boolean, default: !0 }
-}, Ae = [
-  { key: "none", value: "无" },
-  { key: "cellNumber", value: "手机号" },
-  { key: "tel", value: "座机号/传真号" },
-  { key: "telOrCell", value: "手机号/座机号/传真号" },
-  { key: "postCode", value: "邮编" },
-  { key: "email", value: "电子邮箱" },
-  { key: "idCode", value: "身份证号" },
-  { key: "carCode", value: "车牌号" },
-  { key: "subjectCode", value: "10位数字会计科目代码" },
-  { key: "custom", value: "自定义" }
-];
-function wn(e) {
-  switch (e) {
-    case "none":
-      return "";
-    case "cellNumber":
-      return "^1[0-9]{10}$";
-    case "tel":
-      return "^(0[0-9]{2,3}\\-)?([2-9][0-9]{6,7})+(\\-[0-9]{1,4})?$";
-    case "telOrCell":
-      return "^(0[0-9]{2,3}\\-)?([2-9][0-9]{6,7})+(\\-[0-9]{1,4})?$|^1[0-9]{10}$";
-    case "postCode":
-      return "^[1-9]\\d{5}(?!\\d)$";
-    case "workCode":
-      return "^\\d{8}$";
-    case "email":
-      return "^[A-Za-z\\d]+([-_.][A-Za-z\\d]+)*@([A-Za-z\\d]+[-.])+[A-Za-z]{2,5}$";
-    case "idCode":
-      return "^[1-9]\\d{5}[1-9]\\d{3}((0[1-9])|(1[0-2]))(0[1-9]|([1|2][0-9])|3[0-1])((\\d{4})|\\d{3}X)$";
-    case "carCode":
-      return "^([京津沪渝冀豫云辽黑湘皖鲁新苏浙赣鄂桂甘晋蒙陕吉闽贵粤青藏川宁琼使领][A-Z][·\\s]?[A-HJ-NP-Z0-9]{4,5}[挂学警港澳]?|粤[Z港澳][·\\s]?[港澳][0-9A-HJ-NP-Z]{4}|[京津沪渝冀豫云辽黑湘皖鲁新苏浙赣鄂桂甘晋蒙陕吉闽贵粤青藏川宁琼][A-Z][·\\s]?([DF][0-9A-HJ-NP-Z][0-9]{4}|[0-9]{5}[DF])[挂港澳]?|[使领][0-9]{3}[·\\s]?[0-9]{3}|临[京津沪渝冀豫云辽黑湘皖鲁新苏浙赣鄂桂甘晋蒙陕吉闽贵粤青藏川宁琼][A-Z][·\\s]?[0-9A-Z]{4,5}|[京津沪渝冀豫云辽黑湘皖鲁新苏浙赣鄂桂甘晋蒙陕吉闽贵粤青藏川宁琼][A-Z]?[·\\s]?警[0-9A-Z]{4}|[军海空][A-Z][·\\s]?[0-9]{4,5}|WJ(?:[京津沪渝冀豫云辽黑湘皖鲁新苏浙赣鄂桂甘晋蒙陕吉闽贵粤青藏川宁琼]|\\d{2})[·\\s]?[0-9A-Z]{4,5})$";
-    case "carCodeNew":
-      return "^[京津沪渝冀豫云辽黑湘皖鲁新苏浙赣鄂桂甘晋蒙陕吉闽贵粤青藏川宁琼使领A-Z]{1}[A-Z]{1}(([0-9]{5}[DF])|([DF][A-HJ-NP-Z0-9][0-9]{4}))$";
-    case "subjectCode":
-      return "^\\d{10}$";
-  }
-  return "";
-}
-function Vn(e) {
-  var t;
-  return "请输入正确的" + ((t = Ae.find((n) => n.key === e)) == null ? void 0 : t.value);
-}
-const kn = {
-  convertTo: (e, t, n, a) => {
-    e.editor.formatValidation || (e.editor.formatValidation = { type: "none" }), e.editor.formatValidation.type = n, e.editor.formatValidation.expression = wn(n), e.editor.formatValidation.message = Vn(n);
-  },
-  convertFrom: (e, t, n) => e.editor.formatValidation ? t === "type" ? e.editor.formatValidation[t] || "none" : e.editor.formatValidation[t] : "none"
-}, ke = {
-  convertTo: (e, t, n, a) => {
-    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 Tn extends rn {
-  constructor(t, n) {
-    super(t, n);
-  }
-  getPropertyConfig(t, n) {
-    return super.getPropertyConfig(t, n), this.propertyConfig.categories.formatValidation = this.getFormatValidation(t), this.propertyConfig;
-  }
-  getEditorProperties(t) {
-    var a, o;
-    let n;
-    if (((a = t == null ? void 0 : t.binding) == null ? void 0 : a.type) === "Form") {
-      const s = this.schemaService.getFieldByIDAndVMID(t.binding.field, this.viewModelId);
-      (o = s == null ? void 0 : s.schemaField) != null && o.type && (n = s.schemaField.type.length);
-    }
-    return this.getComponentConfig(t, {}, {
-      maxLength: {
-        description: "文本字数最大长度",
-        title: "最大长度",
-        type: "number",
-        editor: {
-          nullable: !0,
-          min: 0,
-          useThousands: !1,
-          max: n,
-          needValid: !0
-        }
-      },
-      showType: {
-        description: "指定是文本框还是密码框",
-        title: "展示类型",
-        type: "enum",
-        editor: {
-          type: "combo-list",
-          data: [
-            { id: "text", name: "文本框" },
-            { id: "password", name: "密码框" }
-          ]
-        },
-        refreshPanelAfterChanged: !0,
-        defaultValue: "text"
-      },
-      enableViewPassword: {
-        description: "",
-        title: "能否查看密码",
-        visible: t.editor.showType === "password",
-        type: "boolean"
-      }
-    });
-  }
-  getGridFieldEdtiorProperties(t) {
-    var a, o;
-    let n;
-    if (((a = t == null ? void 0 : t.binding) == null ? void 0 : a.type) === "Form") {
-      const s = this.schemaService.getFieldByIDAndVMID(t.binding.field, this.viewModelId);
-      (o = s == null ? void 0 : s.schemaField) != null && o.type && (n = s.schemaField.type.length);
-    }
-    return this.getComponentConfig(t, {}, {
-      maxLength: {
-        description: "文本字数最大长度",
-        title: "最大长度",
-        type: "number",
-        editor: {
-          nullable: !0,
-          min: 0,
-          useThousands: !1,
-          max: n
-        }
-      },
-      showType: {
-        description: "指定是文本框还是密码框",
-        title: "展示类型",
-        type: "enum",
-        editor: {
-          type: "combo-list",
-          data: [
-            { id: "text", name: "文本框" },
-            { id: "password", name: "密码框" }
-          ]
-        },
-        refreshPanelAfterChanged: !0,
-        defaultValue: "text"
-      },
-      enableViewPassword: {
-        description: "",
-        title: "能否查看密码",
-        visible: t.editor.showType === "password",
-        type: "boolean"
-      }
-    });
-  }
-  getFormatValidation(t) {
-    var a, o, s, i;
-    const n = {
-      title: "输入格式校验",
-      description: "输入校验",
-      hide: !((a = t.binding) != null && a.field),
-      properties: {
-        type: {
-          title: "格式类型",
-          type: "enum",
-          description: "格式类型",
-          defaultValue: "",
-          editor: {
-            type: "combo-list",
-            textField: "value",
-            valueField: "key",
-            idField: "key",
-            editable: !1,
-            data: Ae
-          },
-          refreshPanelAfterChanged: !0,
-          $converter: kn,
-          parentPropertyID: "formatValidation"
-        }
-      }
-    };
-    return (o = t.editor.formatValidation) != null && o.type && ((s = t.editor.formatValidation) == null ? void 0 : s.type) !== "none" && (n.properties.message = {
-      title: "输入错误提示",
-      type: "string",
-      description: "输入错误提示",
-      $converter: ke,
-      parentPropertyID: "formatValidation"
-    }), ((i = t.editor.formatValidation) == null ? void 0 : i.type) === "custom" && (n.properties.expression = {
-      title: "匹配正则",
-      type: "string",
-      description: "匹配正则",
-      $converter: ke,
-      parentPropertyID: "formatValidation"
-    }), n;
-  }
-}
-function In(e, t) {
-  const n = e.schema;
-  function a(o, s) {
-    return new Tn(o, t).getPropertyConfig(n, s);
-  }
-  return { getPropsConfig: a };
-}
-const Bn = /* @__PURE__ */ H({
-  name: "FInputGroupDesign",
-  props: bn,
-  emits: ["updateExtendInfo", "clear", "valueChange", "clickHandle", "blurHandle", "focusHandle", "enterHandle", "iconMouseEnter", "iconMouseLeave", "keyupHandle", "keydownHandle", "inputClick"],
-  setup(e, t) {
-    const n = V(e.modelValue), a = V(e.modelValue), o = Io(e, t, n, a), {
-      inputGroupClass: s,
-      inputType: i,
-      inputGroupStyle: h
-    } = o, d = V(), g = te("designer-host-service"), C = te("design-item-context"), u = In(C, g), w = ye(d, C, u), x = Z(() => e.showType === "password" ? "password" : "");
-    return me(() => {
-      d.value.componentInstance = w;
-    }), t.expose(w.value), () => F("div", {
-      id: "inputGroup",
-      ref: d,
-      class: s.value,
-      style: h.value
-    }, [F("input", {
-      class: "form-control",
-      type: e.showType,
-      placeholder: e.placeholder,
-      value: x.value
-    }, null), e.showType === "password" && e.enableViewPassword && F("span", {
-      class: "input-group-append"
-    }, [F("span", {
-      class: "input-group-text"
-    }, [F("span", {
-      class: "f-icon f-icon-eye"
-    }, null)])])]);
-  }
-});
-function xn() {
-  function e(i, h) {
-    const d = Fn[i];
-    return d ? d(h) : {};
-  }
-  function t(i) {
-    return Cn[i] || Bn;
-  }
-  function n(i) {
-  }
-  function a(i) {
-  }
-  function o(i) {
-  }
-  function s(i) {
-  }
-  return { getChangeFunctionName: n, getClearFunctionName: a, resolveEditorProps: e, resolveEditorType: t, getMousedownFunctionName: o, getMouseupFunctionName: s };
-}
-const ie = class ie {
-  /**
-   * 根据绑定字段类型获取可用的输入类控件
-   */
-  static getEditorTypesByMDataType(t, n = !1, a = "") {
-    if (n)
-      return [{ key: l["language-textbox"].type, value: l["language-textbox"].name }];
-    let o = ie.fieldControlTypeMapping[t];
-    if (a === "data-grid-column" && (o != null && o.length)) {
-      const s = [l["check-group"].type, l["radio-group"].type, l.image.type, l["rich-text-editor"].type];
-      o = o.filter((i) => !s.includes(i.key));
-    }
-    return o;
-  }
-  /**
-   * 获取所有输入类控件
-   */
-  static getAllInputTypes() {
-    const t = [];
-    for (const n in ie.fieldControlTypeMapping)
-      ie.fieldControlTypeMapping[n].forEach((a) => {
-        t.find((o) => o.key === a.key && o.value === a.value) || t.push({ key: a.key, value: a.value });
-      });
-    return t;
+  function H() {
+    return v;
   }
-  /**
-   * 提供schema字段基础属性和DOM控件属性的映射
-   * @param control 控件元数据
-   */
-  static mappingDomPropAndSchemaProp(t, n) {
-    var s;
-    const a = (s = t.editor) == null ? void 0 : s.type, o = [];
-    return (t.type === l["data-grid-column"].type || t.type === l["tree-grid-column"].type) && n && n.categoryId && n.categoryId.indexOf("gridFieldEditor") < 0 && o.push({ domField: "title", schemaField: "name" }), o.push({ domField: "label", schemaField: "name" }), o.push({ domField: "editor.required", schemaField: "require" }), o.push({ domField: "editor.readonly", schemaField: "readonly" }), (a === l["input-group"].type || a === l.textarea.type || a === l["number-spinner"].type) && o.push({ domField: "editor.maxLength", schemaField: "type.length" }), a === l["number-spinner"].type && o.push({ domField: "editor.precision", schemaField: "type.precision" }), (t.type === l["data-grid-column"].type || t.type === l["tree-grid-column"].type) && o.push({ domField: "formatter.precision", schemaField: "type.precision" }), (a === l["combo-list"].type || a === l["radio-group"].type) && o.push({ domField: "editor.data", schemaField: "type.enumValues" }), (t.type === l["data-grid-column"].type || t.type === l["tree-grid-column"].type) && o.push({ domField: "formatter.data", schemaField: "type.enumValues" }), a === l["date-picker"].type && (o.push({ domField: "editor.displayFormat", schemaField: "editor.format" }), o.push({ domField: "editor.fieldType", schemaField: "type.name" })), a === l["number-spinner"].type && (o.push({ domField: "editor.max", schemaField: "editor.maxValue" }), o.push({ domField: "editor.min", schemaField: "editor.minValue" })), a === l.lookup.type && (o.push({ domField: "editor.dataSource", schemaField: "editor.dataSource" }), o.push({ domField: "editor.valueField", schemaField: "editor.valueField" }), o.push({ domField: "editor.textField", schemaField: "editor.textField" }), o.push({ domField: "editor.displayType", schemaField: "editor.displayType" }), o.push({ domField: "editor.mapFields", schemaField: "editor.mapFields" }), o.push({ domField: "editor.helpId", schemaField: "editor.helpId" })), o.push({ domField: "path", schemaField: "bindingPath" }), o.push({ domField: "binding.path", schemaField: "bindingField" }), o.push({ domField: "binding.fullPath", schemaField: "path" }), (t.type === l["data-grid-column"].type || t.type === l["tree-grid-column"].type) && o.push({ domField: "field", schemaField: "bindingPath" }), o;
-  }
-};
-/**
- * <字段类型,可配置的控件类型列表>的映射
- */
-le(ie, "fieldControlTypeMapping", {
-  String: [
-    { key: l["input-group"].type, value: l["input-group"].name },
-    { key: l.lookup.type, value: l.lookup.name },
-    { key: l.image.type, value: l.image.name },
-    { key: l["date-picker"].type, value: l["date-picker"].name },
-    { key: l.switch.type, value: l.switch.name },
-    { key: l["check-box"].type, value: l["check-box"].name },
-    { key: l["check-group"].type, value: l["check-group"].name },
-    { key: l["radio-group"].type, value: l["radio-group"].name },
-    { key: l["combo-list"].type, value: l["combo-list"].name },
-    { key: l.textarea.type, value: l.textarea.name },
-    { key: l["time-picker"].type, value: l["time-picker"].name }
-  ],
-  Text: [
-    { key: l.textarea.type, value: l.textarea.name },
-    { key: l.lookup.type, value: l.lookup.name },
-    { key: l.image.type, value: l.image.name },
-    { key: l["rich-text-editor"].type, value: l["rich-text-editor"].name }
-  ],
-  Decimal: [
-    { key: l["number-spinner"].type, value: l["number-spinner"].name }
-  ],
-  Integer: [
-    { key: l["number-spinner"].type, value: l["number-spinner"].name }
-  ],
-  Number: [
-    { key: l["number-spinner"].type, value: l["number-spinner"].name },
-    { key: l.switch.type, value: l.switch.name },
-    { key: l["check-box"].type, value: l["check-box"].name }
-  ],
-  BigNumber: [
-    { key: l["number-spinner"].type, value: l["number-spinner"].name }
-  ],
-  Date: [
-    { key: l["date-picker"].type, value: l["date-picker"].name }
-  ],
-  DateTime: [
-    { key: l["date-picker"].type, value: l["date-picker"].name }
-  ],
-  Boolean: [
-    { key: l.switch.type, value: l.switch.name },
-    { key: l["check-box"].type, value: l["check-box"].name }
-  ],
-  Enum: [
-    { key: l["combo-list"].type, value: l["combo-list"].name },
-    { key: l["radio-group"].type, value: l["radio-group"].name }
-  ],
-  Object: [
-    { key: l.lookup.type, value: l.lookup.name },
-    { key: l["combo-list"].type, value: l["combo-list"].name },
-    { key: l["radio-group"].type, value: l["radio-group"].name }
-  ]
-});
-let Te = ie;
-var ge = /* @__PURE__ */ ((e) => (e.Form = "Form", e.Variable = "Variable", e))(ge || {}), qe = /* @__PURE__ */ ((e) => (e.SimpleField = "SimpleField", e.ComplexField = "ComplexField", e))(qe || {});
-function En(e, t, n) {
-  function a() {
-    const i = n.componentId;
-    if (!i)
-      return !1;
-    const h = e.formSchemaUtils.getViewModelIdByComponentId(i);
-    if (!h)
-      return !1;
-    const { schema: d } = t, { designViewModelUtils: g } = e, C = g.getDgViewModel(h), u = C == null ? void 0 : C.fields.find((w) => w.id === d.binding.field);
-    return !(!u || u.$type !== qe.SimpleField);
-  }
-  function o() {
-    const { schema: i } = t;
-    return !!e.formSchemaUtils.getVariableById(i.binding.field);
-  }
-  function s() {
-    var d;
-    const { schema: i } = t;
-    let h = !0;
-    if (!e || !((d = i.binding) != null && d.field))
-      return h;
-    switch (i.binding.type) {
-      case ge.Form: {
-        h = a();
-        break;
-      }
-      case ge.Variable:
-        h = o();
-    }
-    return h;
-  }
-  return { checkBindingFieldValidation: s };
-}
-const Pn = /* @__PURE__ */ H({
-  name: "FDynamicFormGroupDesign",
-  props: lt,
-  emits: ["change", "update:modelValue"],
-  setup(e, t) {
-    var K;
-    const n = V(e.id), a = V(e.customClass), o = V(e.editor), s = V(e.label), i = V(e.modelValue), h = V(!0), d = V(((K = e.editor) == null ? void 0 : K.required) === !0), g = V(e.showLabel);
-    V(e.type);
-    const C = V(), u = te("designer-host-service"), w = te("design-item-context"), x = Z(() => g.value ? e.showLabelType : "none"), {
-      resolveEditorProps: $,
-      resolveEditorType: U
-    } = xn(), A = Z(() => ({
-      "form-group": !0,
-      "farris-form-group": !0,
-      "common-group": !0,
-      "q-state-readonly": h.value,
-      "form-group-in-canvas": !0
-    })), L = Z(() => {
-      const R = o.value.type || "input-group", J = U(R), j = $(R, o.value);
-      return () => F(J, ce({
-        ref: C
-      }, j, {
-        modelValue: i.value,
-        "onUpdate:modelValue": (Q) => i.value = Q
-      }), null);
-    });
-    oe([() => e.id, () => e.customClass, () => e.editor, () => e.label, () => e.modelValue, () => e.readonly, () => e.showLabel], ([R, J, j, Q, _, D, W]) => {
-      var r;
-      n.value = R, a.value = J, o.value = {
-        ...j
-      }, s.value = Q, i.value = _, h.value = D, d.value = ((r = o.value) == null ? void 0 : r.required) === !0, g.value = W;
-    }, {
-      deep: !0
-    });
-    const B = !te("external-container-id"), {
-      checkBindingFieldValidation: M
-    } = En(u, w, e);
-    function O() {
-      const R = B ? M() : !0;
-      return F(ut, {
-        id: `${n.value}-lable`,
-        showType: x.value,
-        required: d.value,
-        text: s.value,
-        title: s.value,
-        valid: R,
-        inValidTip: "绑定信息已失效，请切换绑定或移除控件"
-      }, null);
-    }
-    const S = Z(() => {
-      if (e.fill)
-        return {
-          maxWidth: "none"
-        };
-    });
-    return t.expose({
-      editorRef: C
-    }), () => F("div", {
-      id: `${n.value}-input-group`,
-      class: a.value
-    }, [F("div", {
-      class: "farris-group-wrap",
-      style: S.value
-    }, [F("div", {
-      class: A.value
-    }, [O(), F("div", {
-      class: "farris-input-wrap"
-    }, [L.value()])])])]);
-  }
-});
-function Ln(e, t) {
-  function n() {
-    return !0;
-  }
-  function a() {
-    return !0;
-  }
-  function o() {
+  function L() {
     return !1;
   }
-  function s() {
-    return !0;
-  }
-  function i(u) {
-    var L;
-    const w = t == null ? void 0 : t.designViewModelUtils, x = t == null ? void 0 : t.formSchemaUtils, $ = (L = e == null ? void 0 : e.componentInstance.value) == null ? void 0 : L.belongedComponentId;
-    if (!$ || !w || !x)
-      return;
-    const U = x.getViewModelIdByComponentId($), A = w.getDgViewModel(U);
-    A && A.removeField([u]);
-  }
-  function h(u, w) {
-    const x = t == null ? void 0 : t.formSchemaUtils, { schema: $ } = e;
-    if (x.getComponents().find((A) => {
-      let L = x.getControlsInCmpWidthBinding(A.viewModel, u);
-      if (L = L.filter((b) => {
-        var M;
-        if (b.id === $.id)
-          return !1;
-        const B = w.type === "visible" ? b[w.type] : (M = b.editor) == null ? void 0 : M[w.type];
-        if (B && B.type === "Expression" && B.expressionId === w.id)
-          return !0;
-      }), L.length)
-        return !0;
-    }))
-      return !0;
-  }
-  function d(u) {
-    var $;
-    const w = t == null ? void 0 : t.formSchemaUtils, { schema: x } = e;
-    if (w.getExpressions().length) {
-      const U = w.getExpressions(), A = U.findIndex((L) => L.target === u);
-      A > -1 && (($ = U[A].rules) == null || $.map((L) => {
-        var b;
-        switch (L.type) {
-          case "visible":
-          case "readonly":
-          case "required": {
-            const B = L.type === "visible" ? x[L.type] : (b = x.editor) == null ? void 0 : b[L.type];
-            B && B.type === "Expression" && B.expressionId === L.id && (h(u, L) || (L.needDelete = !0));
-            break;
-          }
-          default:
-            h(u, L) || (L.needDelete = !0);
-        }
-      }), U[A].rules = U[A].rules.filter((L) => !L.needDelete));
-    }
-  }
-  function g() {
-    var w, x;
-    const u = (w = e == null ? void 0 : e.parent) == null ? void 0 : w.componentInstance.value;
-    ((x = u == null ? void 0 : u.schema) == null ? void 0 : x.type) === l["response-layout-item"].type && (u != null && u.schema.appearance.class) && (u.schema.appearance.class = u.schema.appearance.class.replace("f-form-layout", ""), u.schema.appearance.class = u.schema.appearance.class.replace("farris-form", ""), u.schema.appearance.class = u.schema.appearance.class.replace("farris-form-controls-inline", ""), u.schema.appearance.class = u.schema.appearance.class.replace("farris-form-auto", ""), u.schema.appearance.class = u.schema.appearance.class.trim().replace("  ", " "));
-  }
-  function C() {
-    const { schema: u } = e, w = u.binding && u.binding.field;
-    w && (i(w), d(w)), g();
+  function W(n) {
+    return new Jo(n, e).getPropertyConfig(r, t.componentInstance.value);
   }
   return {
-    canAccepts: o,
-    checkCanDeleteComponent: a,
-    checkCanMoveComponent: n,
-    hideNestedPaddingInDesginerView: s,
-    onRemoveComponent: C
+    canAccepts: w,
+    checkCanDeleteComponent: H,
+    checkCanMoveComponent: ne,
+    getStyles: A,
+    getPropsConfig: W,
+    hideNestedPaddingInDesginerView: L,
+    onAcceptMovedChildElement: k,
+    onResolveNewComponentSchema: oe,
+    moveInputBetweenComponent: P,
+    resolveFormGroupAppearance: Q,
+    syncFieldToViewModel: Z
   };
 }
-const Nn = /* @__PURE__ */ H({
-  name: "FFormGroupDesign",
-  props: pe,
-  emits: [],
-  setup(e, t) {
-    const n = V(), a = te("design-item-context"), o = te("designer-host-service"), s = Ln(a, o), i = ye(n, a, s);
-    return me(() => {
-      n.value.componentInstance = i, i.value.getPropConfig = (...h) => {
-        var g, C, u;
-        let d = bo[e.editor.type];
-        return d && Object.keys(d).length === 0 && ((g = n.value) != null && g.editorRef) && ((u = (C = n.value) == null ? void 0 : C.editorRef) != null && u.getPropConfig) && (d = n.value.editorRef.getPropConfig(...h, i.value)), d;
-      };
-    }), t.expose(i.value), () => F(Pn, ce(e, {
-      ref: n
-    }), null);
-  }
-}), he = /* @__PURE__ */ new Map([
-  ["appearance", wo]
-]), Mn = /* @__PURE__ */ new Map([]), $n = "root-viewmodel";
-class Dn {
-  constructor(t, n) {
-    le(this, "formSchemaUtils");
-    le(this, "controlCreatorUtils");
-    le(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), a = this.createComponentNode(t), o = this.createViewModeNode(t), s = this.formSchemaUtils.getFormSchema();
-    return s.module.viewmodels.push(o), s.module.components.push(a), 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"), a = 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: a
-    }), n;
-  }
-  /**
-   * 获取卡片组件层级的class样式
-   */
-  getFormComponentClass(t) {
-    var a, o;
-    const { templateId: n } = this.formSchemaUtils.getFormSchema().module;
-    if (n === "double-list-in-tab-template" && ((o = (a = t.parentComponentInstance) == null ? void 0 : a.schema) == null ? void 0 : o.type) === "tab-page") {
-      const s = t.parentComponentInstance.parent && t.parentComponentInstance.parent.schema;
-      if ((s == null ? void 0 : s.type) === "tabs" && (s == null ? void 0 : s.fill) === !0)
-        return "f-struct-wrapper f-utils-fill-flex-column";
-    }
-    return "f-struct-wrapper";
-  }
-  createFormComponentContents(t) {
-    var h, d;
-    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 a = this.resolver.getSchemaByType("response-form"), o = [];
-    Object.assign(a, {
-      id: t.componentId + "-form",
-      appearance: {
-        class: "f-form-layout farris-form farris-form-controls-inline"
-      },
-      contents: o,
-      controlsInline: !0
-    }), n.contents = [a];
-    const { selectedFields: s } = t;
-    s == null || s.forEach((g) => {
-      if (g.$type === be.SimpleField) {
-        const C = an(g), u = this.resolveControlClassByFormColumns(t), w = this.controlCreatorUtils.setFormFieldProperty(C, "", u);
-        w && o.push(w);
-      }
-    });
-    const { templateId: i } = this.formSchemaUtils.getFormSchema().module;
-    if (i === "double-list-in-tab-template" && ((d = (h = t.parentComponentInstance) == null ? void 0 : h.schema) == null ? void 0 : d.type) === "tab-page") {
-      const g = t.parentComponentInstance.parent && t.parentComponentInstance.parent.schema;
-      (g == null ? void 0 : g.type) === "tabs" && (g == null ? void 0 : g.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: $n,
-      fields: this.assembleViewModelFields(t),
-      commands: [],
-      states: [],
-      enableValidation: !0
-    };
-  }
-  /**
-   * 组装viewModel fields 节点
-   */
-  assembleViewModelFields(t) {
-    const n = [], { selectedFields: a } = t;
-    return a == null || a.forEach((o) => {
-      if (o.$type === be.SimpleField) {
-        let s = "blur";
-        const i = o.type.name;
-        (i === we.Enum || i === we.Boolean) && (s = "change"), n.push({
-          type: "Form",
-          id: o.id,
-          fieldName: o.bindingField,
-          groupId: null,
-          groupName: null,
-          updateOn: s,
-          fieldSchema: {}
-        });
-      }
-    }), n;
-  }
-}
-function Un(e, t, n, a) {
-  var s, i, h, d, g, C;
-  const o = n.parentComponentInstance;
-  if (o && a) {
-    const u = (s = o.schema) == null ? void 0 : s.type, x = {
-      componentId: `form-${Math.random().toString(36).slice(2, 6)}`,
-      componentName: ((i = n.bindingSourceContext) == null ? void 0 : i.entityTitle) || ((d = (h = n.bindingSourceContext) == null ? void 0 : h.bindingEntity) == null ? void 0 : d.name) || "标题",
-      componentType: "form",
-      formColumns: u === "splitter-pane" ? 1 : 4,
-      parentContainerId: o.schema.id,
-      parentComponentInstance: o,
-      bindTo: ((g = n.bindingSourceContext) == null ? void 0 : g.bindTo) || "/",
-      selectedFields: (C = n.bindingSourceContext) == null ? void 0 : C.bindingEntityFields
-    };
-    return new Dn(e, a).createComponent(x);
-  } else
-    return t;
-}
-function Rn(e, t, n) {
-  return t;
-}
-const An = "https://json-schema.org/draft/2020-12/schema", qn = "https://farris-design.gitee.io/grid-field-editor.schema.json", Sn = "response-form-layout-setting", Gn = "A Farris Data Grid Component", On = "object", jn = {
-  id: {
-    description: "The unique identifier for a Input Group",
-    type: "string"
-  },
-  type: {
-    description: "The type string of Input Group component",
-    type: "string",
-    default: "response-form-layout-setting"
-  },
-  initialState: {
-    description: "",
-    type: "object"
-  }
-}, Zn = [
-  "id",
-  "type"
-], Wn = {
-  $schema: An,
-  $id: qn,
-  title: Sn,
-  description: Gn,
-  type: On,
-  properties: jn,
-  required: Zn
-}, Se = {
-  initialState: {
-    type: Object,
-    default: {
-      uniqueColClassInSM: 12,
-      uniqueColClassInMD: 6,
-      uniqueColClassInLG: 3,
-      uniqueColClassInEL: 2
-    }
-  }
-}, Jn = de(Se, Wn, Mn, Rn), zn = /* @__PURE__ */ H({
-  name: "FResponseFormLayoutSetting",
-  props: Se,
-  emits: ["change"],
-  setup(e, t) {
-    const n = [1], a = [1, 2], o = [1, 2, 3, 4], s = [1, 2, 3, 4, 6];
-    let i = [], h = [], d = [], g = [];
-    const C = V(e.initialState), u = V(-1), w = V(-1), x = V(-1), $ = V(-1);
-    function U() {
-      const b = "自定义", B = 12 / C.value.uniqueColClassInSM;
-      n.includes(B) ? u.value = B : (i.push({
-        value: 0,
-        name: b
-      }), u.value = 0);
-      const M = 12 / C.value.uniqueColClassInMD;
-      a.includes(M) ? w.value = M : (h.push({
-        value: 0,
-        name: b
-      }), w.value = 0);
-      const O = 12 / C.value.uniqueColClassInLG;
-      o.includes(O) ? x.value = O : (d.push({
-        value: 0,
-        name: b
-      }), x.value = 0);
-      const S = 12 / C.value.uniqueColClassInEL;
-      s.includes(S) ? $.value = S : (g.push({
-        value: 0,
-        name: b
-      }), $.value = 0), i = [...i], h = [...h], d = [...d], g = [...g];
-    }
-    function A() {
-      n.forEach((b) => {
-        i.push({
-          value: b,
-          name: b + ""
-        });
-      }), a.forEach((b) => {
-        h.push({
-          value: b,
-          name: b + ""
-        });
-      }), o.forEach((b) => {
-        d.push({
-          value: b,
-          name: b + ""
-        });
-      }), s.forEach((b) => {
-        g.push({
-          value: b,
-          name: b + ""
-        });
-      });
-    }
-    function L() {
-      sn.question("应用统一布局，将重置区域内部所有控件的宽度样式，确定应用?", "", () => {
-        C.value.uniqueColClassInSM = u.value === 0 ? null : 12 / u.value, C.value.uniqueColClassInMD = w.value === 0 ? null : 12 / w.value, C.value.uniqueColClassInLG = x.value === 0 ? null : 12 / x.value, C.value.uniqueColClassInEL = $.value === 0 ? null : 12 / $.value, t.emit("change", C.value);
-      }, () => {
-      });
-    }
-    return me(() => {
-      A(), U();
-    }), () => F("div", null, [F("div", {
-      class: "f-form-layout farris-form farris-form-controls-inline"
-    }, [F("div", {
-      class: "form-group farris-form-group screenGroup"
-    }, [F("span", {
-      class: "screenName"
-    }, [ee(" 小屏幕 ")]), F("div", {
-      class: "d-flex ml-2 screen-input"
-    }, [F(ue, {
-      data: i,
-      idField: "value",
-      valueField: "value",
-      editable: !1,
-      enableClear: !1,
-      modelValue: u.value,
-      "onUpdate:modelValue": (b) => u.value = b
-    }, null), F("span", {
-      class: "ml-2 columnText"
-    }, [ee("列")])])]), F("div", {
-      class: "form-group farris-form-group screenGroup"
-    }, [F("span", {
-      class: "screenName"
-    }, [ee("中等屏幕")]), F("div", {
-      class: "d-flex ml-2 screen-input"
-    }, [F(ue, {
-      data: h,
-      idField: "value",
-      valueField: "value",
-      editable: !1,
-      enableClear: !1,
-      modelValue: w.value,
-      "onUpdate:modelValue": (b) => w.value = b
-    }, null), F("span", {
-      class: "ml-2 columnText"
-    }, [ee("列")])])]), F("div", {
-      class: "form-group farris-form-group screenGroup"
-    }, [F("span", {
-      class: "screenName"
-    }, [ee("大屏幕")]), F("div", {
-      class: "d-flex ml-2 screen-input"
-    }, [F(ue, {
-      data: d,
-      idField: "value",
-      valueField: "value",
-      editable: !1,
-      enableClear: !1,
-      modelValue: x.value,
-      "onUpdate:modelValue": (b) => x.value = b
-    }, null), F("span", {
-      class: "ml-2 columnText"
-    }, [ee("列")])])]), F("div", {
-      class: "form-group farris-form-group screenGroup"
-    }, [F("span", {
-      class: "screenName"
-    }, [ee("极大屏幕")]), F("div", {
-      class: "d-flex ml-2 screen-input"
-    }, [F(ue, {
-      data: g,
-      idField: "value",
-      valueField: "value",
-      editable: !1,
-      enableClear: !1,
-      modelValue: $.value,
-      "onUpdate:modelValue": (b) => $.value = b
-    }, null), F("span", {
-      class: "ml-2 columnText"
-    }, [ee("列")])])])]), F("div", {
-      class: "applyBtn"
-    }, [F("button", {
-      class: "btn f-rt-btn btn-primary",
-      type: "button",
-      onClick: () => L()
-    }, [ee("应用")])])]);
-  }
-}), Xn = "https://json-schema.org/draft/2020-12/schema", Kn = "https://farris-design.gitee.io/response-form.schema.json", Qn = "response-form", _n = "A Farris Data Collection Component", Yn = "object", Hn = {
-  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
-  }
-}, er = [
-  "id",
-  "type",
-  "contents"
-], tr = {
-  $schema: Xn,
-  $id: Kn,
-  title: Qn,
-  description: _n,
-  type: Yn,
-  properties: Hn,
-  required: er
-}, or = "https://json-schema.org/draft/2020-12/schema", nr = "https://farris-design.gitee.io/form-group.schema.json", rr = "form-group", ar = "A Farris Input Component", ir = "object", sr = {
-  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: {
-    description: "",
-    type: "object",
-    properties: {
-      class: {
-        type: "string"
-      },
-      style: {
-        type: "string"
-      }
-    },
-    default: {}
-  },
-  enableLinkLabel: {
-    description: "",
-    type: "boolean",
-    default: !1
-  },
-  editor: {
-    description: "",
-    type: "object",
-    default: null
-  },
-  label: {
-    description: "",
-    type: "string",
-    default: ""
-  },
-  lableWidth: {
-    description: "",
-    type: "number"
-  },
-  binding: {
-    description: "",
-    type: "object",
-    default: {}
-  },
-  visible: {
-    description: "",
-    type: "boolean",
-    default: !0
-  },
-  required: {
-    description: "",
-    type: "boolean",
-    default: !1
-  },
-  errors: {
-    description: "",
-    type: "object",
-    default: null
-  },
-  name: {
-    description: "The name string of form group component",
-    type: "string",
-    default: "form group"
-  },
-  showLabelType: {
-    description: "",
-    type: "string"
-  },
-  fill: {
-    type: "boolean",
-    default: !1
-  }
-}, lr = [
-  "id",
-  "type",
-  "editor"
-], Ge = {
-  $schema: or,
-  $id: nr,
-  title: rr,
-  description: ar,
-  type: ir,
-  properties: sr,
-  required: lr
-}, Oe = de(Me, tr, he, Un), je = de(
-  pe,
-  Ge,
-  he,
-  void 0
-), ur = Vo(), cr = de(
-  Ue,
-  Ge,
-  he,
-  void 0
-);
-se.register = (e, t, n, a) => {
-  e["form-group"] = fn, t["form-group"] = je, e["response-form"] = se, t["response-form"] = Oe, e["form-input"] = fe, t["form-input"] = cr, a["form-group"] = { editorResolver: ur }, e["response-form-layout-setting"] = zn, t["response-form-layout-setting"] = Jn;
-};
-se.registerDesigner = (e, t, n) => {
-  e["form-group"] = Nn, t["form-group"] = je, e["response-form"] = vn, t["response-form"] = Oe;
-};
-se.install = (e) => {
-  e.component(se.name, se).component(fe.name, fe).component(Ve.name, Ve);
+se.install = (t) => {
+  t.component(ye.name, ye).component(Ce.name, Ce).component(se.name, se).component(ge.name, ge);
 };
 export {
-  fn as FDynamicFormGroup,
-  fe as FDynamicFormInput,
-  $e as FDynamicFormLabel,
-  Ve as FFormControl,
-  se as FResponseForm,
+  se as FDynamicForm,
+  ge as FDynamicFormGroup,
+  Ce as FDynamicFormInput,
+  qo as FDynamicFormLabel,
+  ye as FResponseForm,
   se as default,
-  pe as dynamicFormGroupProps,
-  Ue as dynamicFormInputProps,
-  ur as editorResolver,
-  je as formGroupPropsResolver,
-  cr as formInputPropsResolver,
-  Oe as formPropsResolver,
-  Me as responseFormProps,
-  hn as useDesignerRules,
-  De as useTypeResolver
+  jo as dynamicFormGroupProps,
+  _o as dynamicFormInputProps,
+  Ao as dynamicFormProps,
+  Br as dynamicFormPropsResolver,
+  Pr as formPropsResolver,
+  ie as responseFormProps,
+  kr as useDesignerRules,
+  we as useTypeResolver
 };