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

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

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