@farris/ui-vue 1.2.8 → 1.3.0

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

@@ -1,162 +1,165 @@
-var Ee = Object.defineProperty;
-var Ve = (e, t, n) => t in e ? Ee(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
-var L = (e, t, n) => Ve(e, typeof t != "symbol" ? t + "" : t, n);
-import { defineComponent as q, ref as m, computed as k, createVNode as A, nextTick as oe, inject as z, onMounted as U, watch as I, createTextVNode as Oe, reactive as $e, withDirectives as Ne, resolveDirective as Le, Fragment as ue, mergeProps as Z } from "vue";
-import { cloneDeep as Ie } from "lodash-es";
+var yt = Object.defineProperty;
+var ht = (e, t, n) => t in e ? yt(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
+var G = (e, t, n) => ht(e, typeof t != "symbol" ? t + "" : t, n);
+import { defineComponent as Z, ref as d, computed as x, createVNode as m, nextTick as ye, inject as ue, onMounted as K, watch as X, createTextVNode as _, reactive as te, withDirectives as bt, resolveDirective as Ct, Fragment as ce, mergeProps as ae, onUnmounted as $e, Teleport as wt, Transition as xt, shallowRef as Tt, createApp as Bt, render as Te, h as Mt, cloneVNode as Ft } from "vue";
+import { isPlainObject as De, cloneDeep as Ee } from "lodash-es";
+import { BaseControlProperty as kt } from "../property-panel/index.esm.js/src/composition/entity/base-property";
+import { useResponseLayoutEditorSetting as qe } from "../response-layout-editor/index.esm.js/src/composition/converter/use-response-layout-editor-setting";
+import { DgControl as Et } from "../designer-canvas/index.esm.js/src/composition/dg-control";
 import "bignumber.js";
-import Ge, { useNumber as qe, useFormat as Re, useSpinner as Ue, useTextBox as We } from "../number-spinner/index.esm.js";
-import He from "../accordion/index.esm.js";
-import ze from "../avatar/index.esm.js";
-import _e from "../button-edit/index.esm.js";
-import Je from "../button-group/index.esm.js";
-import Qe from "../calendar/index.esm.js";
-import Ze from "../capsule/index.esm.js";
-import Xe from "../checkbox/index.esm.js";
-import Ye from "../combo-list/index.esm.js";
-import Ke from "../combo-tree/index.esm.js";
-import et from "../component/index.esm.js";
-import tt from "../color-picker/index.esm.js";
-import nt from "../content-container/index.esm.js";
-import ot from "../date-picker/index.esm.js";
-import rt from "../data-grid/index.esm.js";
-import at from "../dropdown/index.esm.js";
-import it from "../dynamic-form/index.esm.js";
-import st from "../events-editor/index.esm.js";
-import lt from "../filter-bar/index.esm.js";
-import ct from "../field-selector/index.esm.js";
-import ut from "../image-cropper/index.esm.js";
-import pt from "../input-group/index.esm.js";
-import dt from "../layout/index.esm.js";
-import ft from "../list-nav/index.esm.js";
-import mt from "../list-view/index.esm.js";
-import yt from "../lookup/index.esm.js";
-import gt from "../mapping-editor/index.esm.js";
-import bt from "../nav/index.esm.js";
-import ht from "../number-range/index.esm.js";
-import vt from "../order/index.esm.js";
-import Ct from "../page-header/index.esm.js";
-import wt from "../page-footer/index.esm.js";
-import Tt from "../pagination/index.esm.js";
-import Ft from "../progress/index.esm.js";
-import Bt from "../query-solution/index.esm.js";
-import kt from "../radio-group/index.esm.js";
-import jt from "../rate/index.esm.js";
-import Pt from "../response-toolbar/index.esm.js";
-import xt from "../response-layout/index.esm.js";
-import St from "../response-layout-editor/index.esm.js";
-import Mt from "../search-box/index.esm.js";
-import At from "../section/index.esm.js";
-import Dt from "../smoke-detector/index.esm.js";
-import Et from "../splitter/index.esm.js";
-import Vt from "../step/index.esm.js";
-import Ot from "../switch/index.esm.js";
-import $t from "../tabs/index.esm.js";
-import Nt from "../tags/index.esm.js";
-import Lt from "../text/index.esm.js";
-import It from "../time-picker/index.esm.js";
-import Gt from "../transfer/index.esm.js";
-import qt from "../tree-view/index.esm.js";
-import Rt from "../uploader/index.esm.js";
-import Ut from "../verify-detail/index.esm.js";
-import Wt from "../weather/index.esm.js";
-import Ht from "../video/index.esm.js";
-import zt from "../textarea/index.esm.js";
-import _t from "../schema-selector/index.esm.js";
-import Jt from "../tree-grid/index.esm.js";
+import St, { useNumber as Pt, useFormat as jt, useSpinner as It, useTextBox as Lt } from "../number-spinner/index.esm.js";
+import At from "../accordion/index.esm.js";
+import Dt from "../avatar/index.esm.js";
+import Ot from "../button-edit/index.esm.js";
+import Vt from "../button-group/index.esm.js";
+import Rt from "../calendar/index.esm.js";
+import Nt from "../capsule/index.esm.js";
+import $t from "../checkbox/index.esm.js";
+import ie from "../combo-list/index.esm.js";
+import qt from "../combo-tree/index.esm.js";
+import Ut from "../component/index.esm.js";
+import zt from "../color-picker/index.esm.js";
+import Ht from "../content-container/index.esm.js";
+import Gt from "../date-picker/index.esm.js";
+import Wt from "../data-grid/index.esm.js";
+import Xt from "../dropdown/index.esm.js";
+import Yt from "../dynamic-form/index.esm.js";
+import Jt from "../events-editor/index.esm.js";
+import Qt from "../filter-bar/index.esm.js";
+import Zt from "../field-selector/index.esm.js";
+import _t from "../image-cropper/index.esm.js";
+import Kt from "../input-group/index.esm.js";
+import en from "../layout/index.esm.js";
+import tn from "../list-nav/index.esm.js";
+import nn from "../list-view/index.esm.js";
+import on from "../lookup/index.esm.js";
+import an from "../mapping-editor/index.esm.js";
+import rn from "../nav/index.esm.js";
+import sn from "../number-range/index.esm.js";
+import ln from "../order/index.esm.js";
+import un from "../page-header/index.esm.js";
+import cn from "../page-footer/index.esm.js";
+import dn from "../pagination/index.esm.js";
+import pn from "../progress/index.esm.js";
+import fn from "../query-solution/index.esm.js";
+import mn from "../radio-group/index.esm.js";
+import vn from "../rate/index.esm.js";
+import gn from "../response-toolbar/index.esm.js";
+import yn from "../response-layout/index.esm.js";
+import hn from "../response-layout-editor/index.esm.js";
+import bn from "../search-box/index.esm.js";
+import Cn from "../section/index.esm.js";
+import wn from "../smoke-detector/index.esm.js";
+import xn from "../splitter/index.esm.js";
+import Tn from "../step/index.esm.js";
+import Bn from "../switch/index.esm.js";
+import Mn from "../tabs/index.esm.js";
+import Fn from "../tags/index.esm.js";
+import kn from "../text/index.esm.js";
+import En from "../time-picker/index.esm.js";
+import Sn from "../transfer/index.esm.js";
+import Pn from "../tree-view/index.esm.js";
+import jn from "../uploader/index.esm.js";
+import In from "../verify-detail/index.esm.js";
+import Ln from "../weather/index.esm.js";
+import An from "../video/index.esm.js";
+import Dn from "../textarea/index.esm.js";
+import On from "../schema-selector/index.esm.js";
+import Vn from "../tree-grid/index.esm.js";
 import "../external-container/index.esm.js";
-import { getSchemaByType as pe } from "../dynamic-resolver/index.esm.js";
-const ye = {}, ge = {};
-function re(e) {
-  const { properties: t, title: n } = e, r = Object.keys(t).reduce((o, s) => (o[s] = t[s].type === "object" && t[s].properties ? re(t[s]) : Ie(t[s].default), o), {});
-  return r.id = `${n}-${Date.now()}`, r;
-}
-function _(e, t = {}) {
-  const n = ye[e];
-  if (n) {
-    let r = re(n);
-    const o = ge[e];
-    return r = o ? o({ getSchemaByType: _ }, r, t) : r, r;
+import { getSchemaByType as Oe, createPropsResolver as Rn } from "../dynamic-resolver/index.esm.js";
+const Ue = {}, ze = {};
+function Se(e) {
+  const { properties: t, title: n, ignore: o } = e, a = o && Array.isArray(o), s = Object.keys(t).reduce((l, u) => ((!a || !o.find((i) => i == u)) && (l[u] = t[u].type === "object" && t[u].properties ? Se(t[u]) : Ee(t[u].default)), l), {});
+  return (!a || !o.find((l) => l == "id")) && (s.id = `${n}-${Date.now()}`), s;
+}
+function de(e, t = {}, n) {
+  const o = Ue[e];
+  if (o) {
+    let a = Se(o);
+    const s = ze[e];
+    return a = s ? s({ getSchemaByType: de }, a, t, n) : a, a;
   }
   return null;
 }
-function Qt(e, t) {
-  const n = re(t);
-  return Object.keys(e).reduce((r, o) => (r[o] && typeof r[o] == "object" ? Object.assign(r[o], e[o]) : r[o] = e[o], r), n), n;
+function Nn(e, t) {
+  const n = Se(t);
+  return Object.keys(e).reduce((o, a) => (o[a] && De(o[a]) && De(e[a]) ? Object.assign(o[a], e[a]) : o[a] = e[a], o), n), n;
 }
-function Zt(e, t) {
-  return Object.keys(e).filter((r) => e[r] != null).reduce((r, o) => {
-    if (t.has(o)) {
-      const s = t.get(o);
+function $n(e, t) {
+  return Object.keys(e).filter((o) => e[o] != null).reduce((o, a) => {
+    if (t.has(a)) {
+      const s = t.get(a);
       if (typeof s == "string")
-        r[s] = e[o];
+        o[s] = e[a];
       else {
-        const i = s(o, e[o], e);
-        Object.assign(r, i);
+        const l = s(a, e[a], e);
+        Object.assign(o, l);
       }
     } else
-      r[o] = e[o];
-    return r;
+      o[a] = e[a];
+    return o;
   }, {});
 }
-function Xt(e, t, n = /* @__PURE__ */ new Map()) {
-  const r = Qt(e, t);
-  return Zt(r, n);
+function qn(e, t, n = /* @__PURE__ */ new Map()) {
+  const o = Nn(e, t);
+  return $n(o, n);
 }
-function Yt(e = {}) {
-  function t(a, d, c, y) {
+function Un(e = {}) {
+  function t(r, p, c, v) {
     if (typeof c == "number")
-      return y[a].length === c;
+      return v[r].length === c;
     if (typeof c == "object") {
-      const w = Object.keys(c)[0], l = c[w];
-      if (w === "not")
-        return Number(y[a].length) !== Number(l);
-      if (w === "moreThan")
-        return Number(y[a].length) >= Number(l);
-      if (w === "lessThan")
-        return Number(y[a].length) <= Number(l);
+      const b = Object.keys(c)[0], f = c[b];
+      if (b === "not")
+        return Number(v[r].length) !== Number(f);
+      if (b === "moreThan")
+        return Number(v[r].length) >= Number(f);
+      if (b === "lessThan")
+        return Number(v[r].length) <= Number(f);
     }
     return !1;
   }
-  function n(a, d, c, y) {
-    return y[a] && y[a].propertyValue && String(y[a].propertyValue.value) === String(c);
+  function n(r, p, c, v) {
+    return v[r] && v[r].propertyValue && String(v[r].propertyValue.value) === String(c);
   }
-  const r = /* @__PURE__ */ new Map([
+  const o = /* @__PURE__ */ new Map([
     ["length", t],
     ["getProperty", n]
   ]);
-  Object.keys(e).reduce((a, d) => (a.set(d, e[d]), a), r);
-  function o(a, d) {
-    const c = a;
-    return typeof d == "number" ? [{ target: c, operator: "length", param: null, value: Number(d) }] : typeof d == "boolean" ? [{ target: c, operator: "getProperty", param: a, value: !!d }] : typeof d == "object" ? Object.keys(d).map((y) => {
-      if (y === "length")
-        return { target: c, operator: "length", param: null, value: d[y] };
-      const w = y, l = d[y];
-      return { target: c, operator: "getProperty", param: w, value: l };
+  Object.keys(e).reduce((r, p) => (r.set(p, e[p]), r), o);
+  function a(r, p) {
+    const c = r;
+    return typeof p == "number" ? [{ target: c, operator: "length", param: null, value: Number(p) }] : typeof p == "boolean" ? [{ target: c, operator: "getProperty", param: r, value: !!p }] : typeof p == "object" ? Object.keys(p).map((v) => {
+      if (v === "length")
+        return { target: c, operator: "length", param: null, value: p[v] };
+      const b = v, f = p[v];
+      return { target: c, operator: "getProperty", param: b, value: f };
     }) : [];
   }
-  function s(a) {
-    return Object.keys(a).reduce((c, y) => {
-      const w = o(y, a[y]);
-      return c.push(...w), c;
+  function s(r) {
+    return Object.keys(r).reduce((c, v) => {
+      const b = a(v, r[v]);
+      return c.push(...b), c;
     }, []);
   }
-  function i(a, d) {
-    if (r.has(a.operator)) {
-      const c = r.get(a.operator);
-      return c && c(a.target, a.param, a.value, d) || !1;
+  function l(r, p) {
+    if (o.has(r.operator)) {
+      const c = o.get(r.operator);
+      return c && c(r.target, r.param, r.value, p) || !1;
     }
     return !1;
   }
-  function u(a, d) {
-    return s(a).reduce((w, l) => w && i(l, d), !0);
+  function u(r, p) {
+    return s(r).reduce((b, f) => b && l(f, p), !0);
   }
-  function p(a, d) {
-    const c = Object.keys(a), y = c.includes("allOf"), w = c.includes("anyOf"), l = y || w, T = (l ? a[l ? y ? "allOf" : "anyOf" : "allOf"] : [a]).map((M) => u(M, d));
-    return y ? !T.includes(!1) : T.includes(!0);
+  function i(r, p) {
+    const c = Object.keys(r), v = c.includes("allOf"), b = c.includes("anyOf"), f = v || b, C = (f ? r[f ? v ? "allOf" : "anyOf" : "allOf"] : [r]).map((F) => u(F, p));
+    return v ? !C.includes(!1) : C.includes(!0);
   }
-  return { parseValueSchema: p };
+  return { parseValueSchema: i };
 }
-const j = {
+const V = {
   button: { type: "button", name: "按钮", icon: "Button" },
   "response-toolbar": { type: "response-toolbar", name: "工具栏", icon: "ButtonGroup" },
   "response-toolbar-item": { type: "response-toolbar-item", name: "按钮", icon: "Button" },
@@ -193,19 +196,20 @@ const j = {
   uploader: { type: "uploader", name: "附件上传", icon: "FileUpload" },
   "page-header": { type: "page-header", name: "页头", icon: "Header" },
   "page-footer": { type: "page-footer", name: "页脚", icon: "ModalFooter" },
-  "tab-toolbar": { type: "tab-toolbar", name: "标签页工具栏", icon: "TabToolbar" }
-}, be = {}, Kt = {};
-Yt();
-function X(e, t, n = /* @__PURE__ */ new Map(), r = (i, u, p) => u, o = {}, s = (i) => i) {
-  return ye[t.title] = t, ge[t.title] = r, be[t.title] = o, Kt[t.title] = s, (i = {}) => {
-    const u = Xt(i, t, n), p = Object.keys(e).reduce((a, d) => (a[d] = e[d].default, a), {});
-    return Object.assign(p, u);
+  "tab-toolbar": { type: "tab-toolbar", name: "标签页工具栏", icon: "TabToolbar" },
+  fieldset: { type: "fieldset", name: "分组", icon: "fieldset" }
+}, He = {}, zn = {};
+Un();
+function be(e, t, n = /* @__PURE__ */ new Map(), o = (l, u, i) => u, a = {}, s = (l) => l) {
+  return Ue[t.title] = t, ze[t.title] = o, He[t.title] = a, zn[t.title] = s, (l = {}) => {
+    const u = qn(l, t, n), i = Object.keys(e).reduce((r, p) => (r[p] = e[p].default, r), {});
+    return Object.assign(i, u);
   };
 }
-function he(e, t) {
+function Ge(e, t) {
   return { customClass: t.class, customStyle: t.style };
 }
-function en() {
+function Hn() {
   function e(t) {
     return t.editor;
   }
@@ -213,25 +217,151 @@ function en() {
     resolve: e
   };
 }
-const ae = /* @__PURE__ */ new Map([
-  ["appearance", he]
-]);
-function tn(e, t, n, r) {
-  const o = e.getSchemaByType("section");
-  return o.id = `${r}-section`, o.appearance = { class: "f-section-form f-section-in-main" }, o.mainTitle = "标题", o.contents = [t], o;
-}
-function nn(e, t, n, r) {
-  const o = e.getSchemaByType("component");
-  return o.id = `${r}-component`, o.componentType = "form-col-1", o.appearance = {
-    class: "f-struct-form f-struct-wrapper"
-  }, o.contents = [t], o;
-}
-function on(e, t, n) {
-  t.appearance = { class: "f-form-layout farris-form farris-form-controls-inline" };
-  const r = tn(e, t, n, t.id);
-  return nn(e, r, n, t.id);
-}
-const rn = "https://json-schema.org/draft/2020-12/schema", an = "https://farris-design.gitee.io/response-form.schema.json", sn = "response-form", ln = "A Farris Data Collection Component", cn = "object", un = {
+const Pe = /* @__PURE__ */ new Map([
+  ["appearance", Ge]
+]), Gn = /* @__PURE__ */ new Map([]);
+var ke = /* @__PURE__ */ ((e) => (e.String = "String", e.DateTime = "DateTime", e.Date = "Date", e.Enum = "Enum", e.Boolean = "Boolean", e.Number = "Number", e.Text = "Text", e.BigNumber = "BigNumber", e))(ke || {});
+const Wn = "root-viewmodel";
+class Xn {
+  constructor(t, n) {
+    G(this, "formSchemaUtils");
+    G(this, "controlCreatorUtils");
+    G(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), s = this.formSchemaUtils.getFormSchema();
+    return s.module.viewmodels.push(a), s.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()
+      },
+      formColumns: t.formColumns,
+      contents: o
+    }), n;
+  }
+  /**
+   * 获取卡片组件层级的class样式
+   */
+  getFormComponentClass() {
+    return this.formSchemaUtils.getFormSchema().module.templateId === "double-list-in-tab-template" ? "f-struct-wrapper f-utils-fill-flex-column" : "f-struct-wrapper";
+  }
+  createFormComponentContents(t) {
+    const n = this.resolver.getSchemaByType("section");
+    Object.assign(n, {
+      id: t.componentId + "-form-section",
+      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
+    }), n.contents = [o];
+    const { selectedFields: s } = t;
+    return s == null || s.forEach((u) => {
+      const i = Ee(u), r = this.resolveControlClassByFormColumns(t), p = this.controlCreatorUtils.setFormFieldProperty(i, "", r);
+      p && a.push(p);
+    }), this.formSchemaUtils.getFormSchema().module.templateId === "double-list-in-tab-template" && (n.appearance.class = "f-section-grid f-section-in-main px-0 pt-0", n.fill = !0), [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: Wn,
+      fields: this.assembleViewModelFields(t),
+      commands: [],
+      states: [],
+      enableValidation: !0,
+      pagination: {
+        enable: !1
+      }
+    };
+  }
+  /**
+   * 组装viewModel fields 节点
+   */
+  assembleViewModelFields(t) {
+    const n = [], { selectedFields: o } = t;
+    return o == null || o.forEach((a) => {
+      let s = "blur";
+      const l = a.type.name;
+      (l === ke.Enum || l === ke.Boolean) && (s = "change"), n.push({
+        type: "Form",
+        id: a.id,
+        fieldName: a.bindingField,
+        groupId: null,
+        groupName: null,
+        updateOn: s,
+        fieldSchema: {}
+      });
+    }), n;
+  }
+}
+function Yn(e, t, n, o) {
+  const a = n.parentComponentInstance;
+  if (a) {
+    const l = {
+      componentId: `form-${Math.random().toString(36).slice(2, 6)}`,
+      componentName: "标题",
+      componentType: "form",
+      formColumns: 4,
+      parentContainerId: a.schema.id,
+      bindTo: "/"
+    };
+    return new Xn(e, o).createComponent(l);
+  } else
+    return t;
+}
+function Jn(e, t, n) {
+  return t;
+}
+const Qn = "https://json-schema.org/draft/2020-12/schema", Zn = "https://farris-design.gitee.io/response-form.schema.json", _n = "response-form", Kn = "A Farris Data Collection Component", eo = "object", to = {
   id: {
     description: "The unique identifier for a form group",
     type: "string"
@@ -259,63 +389,36 @@ const rn = "https://json-schema.org/draft/2020-12/schema", an = "https://farris-
     type: "array",
     default: []
   }
-}, pn = [
+}, no = [
   "id",
   "type"
-], dn = {
-  $schema: rn,
-  $id: an,
-  title: sn,
-  description: ln,
-  type: cn,
-  properties: un,
-  required: pn
-}, fn = "response-form", mn = "A Farris Component", yn = "object", gn = {
-  basic: {
-    description: "Basic Infomation",
-    title: "基本信息",
-    properties: {
-      id: {
-        description: "组件标识",
-        title: "标识",
-        type: "string",
-        readonly: !0
-      },
-      type: {
-        description: "组件类型",
-        title: "控件类型",
-        type: "select",
-        editor: {
-          type: "waiting for modification",
-          enum: []
-        }
-      }
-    }
-  }
-}, bn = {
-  title: fn,
-  description: mn,
-  type: yn,
-  categories: gn
-}, ve = {
+], oo = {
+  $schema: Qn,
+  $id: Zn,
+  title: _n,
+  description: Kn,
+  type: eo,
+  properties: to,
+  required: no
+}, We = {
   customClass: { type: String, default: "" }
-}, de = X(ve, dn, ae, on, bn), ee = /* @__PURE__ */ q({
+}, Ve = be(We, oo, Pe, Yn), Be = /* @__PURE__ */ Z({
   name: "FResponseForm",
-  props: ve,
+  props: We,
   emits: [],
   setup(e, t) {
-    const n = m(), r = k(() => {
-      const o = e.customClass.split(" "), s = {
+    const n = d(), o = x(() => {
+      const a = e.customClass.split(" "), s = {
         "drag-container": !0
       };
-      return o.reduce((i, u) => (i[u] = !0, i), s), s;
+      return a.reduce((l, u) => (l[u] = !0, l), s), s;
     });
-    return () => A("div", {
+    return () => m("div", {
       ref: n,
-      class: r.value
+      class: o.value
     }, [t.slots.default && t.slots.default()]);
   }
-}), hn = "https://json-schema.org/draft/2020-12/schema", vn = "https://farris-design.gitee.io/form-group.schema.json", Cn = "form-group", wn = "A Farris Input Component", Tn = "object", Fn = {
+}), ao = "https://json-schema.org/draft/2020-12/schema", ro = "https://farris-design.gitee.io/form-group.schema.json", so = "form-group", lo = "A Farris Input Component", io = "object", uo = {
   id: {
     description: "The unique identifier for a form group",
     type: "string"
@@ -356,18 +459,18 @@ const rn = "https://json-schema.org/draft/2020-12/schema", an = "https://farris-
     description: "",
     type: "number"
   }
-}, Bn = [
+}, co = [
   "id",
   "type"
-], Ce = {
-  $schema: hn,
-  $id: vn,
-  title: Cn,
-  description: wn,
-  type: Tn,
-  properties: Fn,
-  required: Bn
-}, J = {
+], Xe = {
+  $schema: ao,
+  $id: ro,
+  title: so,
+  description: lo,
+  type: io,
+  properties: uo,
+  required: co
+}, pe = {
   id: { type: String, default: "" },
   customClass: { type: String, default: "" },
   /** 筛选组件配置器，具体配置项可查看各组件文档 */
@@ -380,112 +483,112 @@ const rn = "https://json-schema.org/draft/2020-12/schema", an = "https://farris-
   required: { type: Boolean, default: !1 },
   showLabel: { type: Boolean, default: !0 },
   type: { type: String, default: "input-group" }
-}, fe = X(
-  J,
-  Ce,
-  ae,
+}, Re = be(
+  pe,
+  Xe,
+  Pe,
   void 0
-), kn = en();
-function ie(e, t, n) {
-  var $;
-  function r() {
+), po = Hn();
+function je(e, t, n) {
+  var R;
+  function o() {
     n != null && n.resolveComponentContext && n.resolveComponentContext();
   }
-  r();
-  const o = n && n.getStyles && n.getStyles() || "", s = n && n.getDesignerClass && n.getDesignerClass() || "", i = m();
+  o();
+  const a = n && n.getStyles && n.getStyles() || "", s = n && n.getDesignerClass && n.getDesignerClass() || "", l = d();
   function u() {
     return (t == null ? void 0 : t.schema.componentType) === "frame" ? !1 : n && n.checkCanMoveComponent ? n.checkCanMoveComponent() : !0;
   }
-  function p() {
+  function i() {
     return !1;
   }
-  function a() {
+  function r() {
     return (t == null ? void 0 : t.schema.componentType) === "frame" ? !1 : n && n.checkCanDeleteComponent ? n.checkCanDeleteComponent() : !0;
   }
-  function d() {
+  function p() {
     return (t == null ? void 0 : t.schema.componentType) === "frame" ? !0 : n && n.hideNestedPaddingInDesginerView ? n.hideNestedPaddingInDesginerView() : !1;
   }
-  function c(B) {
-    if (!B || !B.value)
+  function c(T) {
+    if (!T || !T.value)
       return null;
-    if (B.value.schema && B.value.schema.type === "component")
-      return B.value;
-    const x = m(B == null ? void 0 : B.value.parent), F = c(x);
-    return F || null;
+    if (T.value.schema && T.value.schema.type === "component")
+      return T.value;
+    const w = d(T == null ? void 0 : T.value.parent), A = c(w);
+    return A || null;
   }
-  function y(B = t) {
-    const { componentInstance: x, designerItemElementRef: F } = B;
-    return !x || !x.value ? null : x.value.canMove ? F : y(B.parent);
+  function v(T = t) {
+    const { componentInstance: w, designerItemElementRef: A } = T;
+    return !w || !w.value ? null : w.value.canMove ? A : v(T.parent);
   }
-  function w(B) {
-    return !!n && n.canAccepts(B);
+  function b(T) {
+    return !!n && n.canAccepts(T);
   }
-  function l() {
+  function f() {
     return (t == null ? void 0 : t.schema.label) || (t == null ? void 0 : t.schema.title) || (t == null ? void 0 : t.schema.name);
   }
-  function f() {
+  function g() {
   }
-  function g(B, x) {
-    x && n != null && n.onAcceptMovedChildElement && n.onAcceptMovedChildElement(x);
+  function y(T, w) {
+    w && n != null && n.onAcceptMovedChildElement && n.onAcceptMovedChildElement(w);
   }
-  function T(B) {
-    const { componentType: x } = B;
-    let F = _(x, B);
-    n && n.onResolveNewComponentSchema && (F = n.onResolveNewComponentSchema(B, F));
-    const E = x.toLowerCase().replace("-", "_");
-    return F && !F.id && F.type === x && (F.id = `${E}_${Math.random().toString().slice(2, 6)}`), F;
+  function C(T, w) {
+    const { componentType: A } = T;
+    let E = de(A, T, w);
+    n && n.onResolveNewComponentSchema && (E = n.onResolveNewComponentSchema(T, E));
+    const O = A.toLowerCase().replace("-", "_");
+    return E && !E.id && E.type === A && (E.id = `${O}_${Math.random().toString().slice(2, 6)}`), E;
   }
-  function D(B, x) {
-    const F = String(B.getAttribute("data-controltype")), E = B.getAttribute("data-feature"), N = E ? JSON.parse(E) : {};
-    N.parentComponentInstance = i.value;
-    let O = _(F, N);
-    n && n.onAcceptNewChildElement && (O = n.onAcceptNewChildElement(B, x, O));
-    const G = F.toLowerCase().replace("-", "_");
-    return O && !O.id && O.type === F && (O.id = `${G}_${Math.random().toString().slice(2, 6)}`), O;
+  function h(T, w) {
+    const A = String(T.getAttribute("data-controltype")), E = T.getAttribute("data-feature"), O = E ? JSON.parse(E) : {};
+    O.parentComponentInstance = l.value;
+    let N = de(A, O);
+    n && n.onAcceptNewChildElement && (N = n.onAcceptNewChildElement(T, w, N));
+    const U = A.toLowerCase().replace("-", "_");
+    return N && !N.id && N.type === A && (N.id = `${U}_${Math.random().toString().slice(2, 6)}`), N;
   }
-  function M(B) {
+  function F(T) {
   }
-  function S(...B) {
+  function k(...T) {
     if (n && n.getPropsConfig)
-      return n.getPropsConfig(...B);
+      return n.getPropsConfig(...T);
   }
-  return i.value = {
+  return l.value = {
     canMove: u(),
-    canSelectParent: p(),
-    canDelete: a(),
-    canNested: !d(),
+    canSelectParent: i(),
+    canDelete: r(),
+    canNested: !p(),
     contents: t == null ? void 0 : t.schema.contents,
     elementRef: e,
-    parent: ($ = t == null ? void 0 : t.parent) == null ? void 0 : $.componentInstance,
+    parent: (R = t == null ? void 0 : t.parent) == null ? void 0 : R.componentInstance,
     schema: t == null ? void 0 : t.schema,
-    styles: o,
+    styles: a,
     designerClass: s,
-    canAccepts: w,
+    canAccepts: b,
     getBelongedComponentInstance: c,
-    getDraggableDesignItemElement: y,
-    getDraggingDisplayText: l,
-    getPropConfig: S,
-    getDragScopeElement: f,
-    onAcceptMovedChildElement: g,
-    onAcceptNewChildElement: D,
-    onChildElementMovedOut: M,
-    addNewChildComponentSchema: T,
-    updateDragAndDropRules: r,
-    triggerBelongedComponentToMoveWhenMoved: !!n && n.triggerBelongedComponentToMoveWhenMoved || m(!1),
-    triggerBelongedComponentToDeleteWhenDeleted: !!n && n.triggerBelongedComponentToDeleteWhenDeleted || m(!1)
-  }, i;
-}
-function jn() {
+    getDraggableDesignItemElement: v,
+    getDraggingDisplayText: f,
+    getPropConfig: k,
+    getDragScopeElement: g,
+    onAcceptMovedChildElement: y,
+    onAcceptNewChildElement: h,
+    onChildElementMovedOut: F,
+    addNewChildComponentSchema: C,
+    updateDragAndDropRules: o,
+    triggerBelongedComponentToMoveWhenMoved: !!n && n.triggerBelongedComponentToMoveWhenMoved || d(!1),
+    triggerBelongedComponentToDeleteWhenDeleted: !!n && n.triggerBelongedComponentToDeleteWhenDeleted || d(!1)
+  }, l;
+}
+function fo() {
   function e(t) {
-    var o, s;
+    var a, s;
     if (!t)
       return !1;
-    const n = ((o = t.targetContainer) == null ? void 0 : o.componentInstance) && t.targetContainer.componentInstance.value;
+    const n = ((a = t.targetContainer) == null ? void 0 : a.componentInstance) && t.targetContainer.componentInstance.value;
     if (!n)
       return !1;
-    const r = (s = n.schema.appearance) == null ? void 0 : s.class;
+    const o = (s = n.schema.appearance) == null ? void 0 : s.class;
     if (t.controlCategory === "input" || t.controlType === "form-group") {
-      const i = n.schema.type, u = (i === "response-form" || i === "content-container") && r && r.includes("farris-form");
+      const l = n.schema.type, u = (l === "response-form" || l === "content-container") && o && o.includes("farris-form");
       if (n.schema.type !== "response-layout-item" && !u)
         return !1;
     }
@@ -495,7 +598,7 @@ function jn() {
     basalDragulaRuleForContainer: e
   };
 }
-const Pn = "https://json-schema.org/draft/2020-12/schema", xn = "https://farris-design.gitee.io/dragging-rules.schema.json", Sn = "Dragging Rules", Mn = "The rules of designer canvas", An = "object", Dn = {
+const mo = "https://json-schema.org/draft/2020-12/schema", vo = "https://farris-design.gitee.io/dragging-rules.schema.json", go = "Dragging Rules", yo = "The rules of designer canvas", ho = "object", bo = {
   "f-page": {
     description: "The root class of page designed by farris.",
     type: "object",
@@ -914,6 +1017,80 @@ const Pn = "https://json-schema.org/draft/2020-12/schema", xn = "https://farris-
                                   "f-list-nav-left": {
                                     description: "",
                                     type: "object"
+                                  },
+                                  "f-struct-data-grid-in-nav": {
+                                    description: "",
+                                    type: "object",
+                                    properties: {
+                                      contents: {
+                                        type: "object",
+                                        properties: {
+                                          "f-section-form": {
+                                            description: "",
+                                            type: "object",
+                                            properties: {
+                                              rules: {
+                                                type: "object",
+                                                properties: {
+                                                  canAccept: {
+                                                    type: "boolean",
+                                                    const: !1
+                                                  },
+                                                  fixed: {
+                                                    type: "boolean",
+                                                    const: !0
+                                                  },
+                                                  hidePadding: {
+                                                    type: "boolean",
+                                                    const: !0
+                                                  }
+                                                }
+                                              }
+                                            }
+                                          },
+                                          "f-section-grid": {
+                                            description: "",
+                                            type: "object",
+                                            properties: {
+                                              rules: {
+                                                type: "object",
+                                                properties: {
+                                                  canAccept: {
+                                                    type: "boolean",
+                                                    const: !1
+                                                  },
+                                                  fixed: {
+                                                    type: "boolean",
+                                                    const: !0
+                                                  },
+                                                  hidePadding: {
+                                                    type: "boolean",
+                                                    const: !0
+                                                  }
+                                                }
+                                              }
+                                            }
+                                          }
+                                        }
+                                      },
+                                      rules: {
+                                        type: "object",
+                                        properties: {
+                                          canAccept: {
+                                            type: "boolean",
+                                            const: !1
+                                          },
+                                          fixed: {
+                                            type: "boolean",
+                                            const: !0
+                                          },
+                                          hidePadding: {
+                                            type: "boolean",
+                                            const: !0
+                                          }
+                                        }
+                                      }
+                                    }
                                   }
                                 }
                               }
@@ -1059,278 +1236,343 @@ const Pn = "https://json-schema.org/draft/2020-12/schema", xn = "https://farris-
     description: "",
     type: "object"
   }
-}, En = [], Vn = {
-  $schema: Pn,
-  $id: xn,
-  title: Sn,
-  description: Mn,
-  type: An,
-  properties: Dn,
-  required: En
-}, te = /* @__PURE__ */ new Map();
-function On() {
-  function e(l, f, g, T) {
-    var D;
-    if (typeof g == "number")
-      return ((D = T[l]) == null ? void 0 : D.length) === g;
-    if (typeof g == "object") {
-      const M = Object.keys(g)[0], S = g[M];
-      if (M === "not")
-        return Number(T[l].length) !== Number(S);
-      if (M === "moreThan")
-        return Number(T[l].length) >= Number(S);
-      if (M === "lessThan")
-        return Number(T[l].length) <= Number(S);
+}, Co = {
+  $schema: mo,
+  $id: vo,
+  title: go,
+  description: yo,
+  type: ho,
+  properties: bo
+}, Me = /* @__PURE__ */ new Map();
+function wo() {
+  function e(f, g, y, C) {
+    var h;
+    if (typeof y == "number")
+      return ((h = C[f]) == null ? void 0 : h.length) === y;
+    if (typeof y == "object") {
+      const F = Object.keys(y)[0], k = y[F];
+      if (F === "not")
+        return Number(C[f].length) !== Number(k);
+      if (F === "moreThan")
+        return Number(C[f].length) >= Number(k);
+      if (F === "lessThan")
+        return Number(C[f].length) <= Number(k);
     }
     return !1;
   }
-  function t(l, f, g, T) {
-    return typeof g == "boolean" ? T.childrenClassList.includes(f) === !!g : !1;
+  function t(f, g, y, C) {
+    return typeof y == "boolean" ? C.childrenClassList.includes(g) === !!y : !1;
   }
-  function n(l, f, g, T) {
-    return typeof g == "boolean" ? T.parentClassList.includes(f) === !!g : !1;
+  function n(f, g, y, C) {
+    return typeof y == "boolean" ? C.parentClassList.includes(g) === !!y : !1;
   }
-  function r(l, f, g, T) {
-    return typeof g == "boolean" ? T.parentClassList.includes(f) === !!g : !1;
+  function o(f, g, y, C) {
+    return typeof y == "boolean" ? C.parentClassList.includes(g) === !!y : !1;
   }
-  const o = /* @__PURE__ */ new Map([
+  const a = /* @__PURE__ */ new Map([
     ["length", e],
     ["hasChildren", t],
-    ["hasSibling", r],
+    ["hasSibling", o],
     ["hasParent", n]
   ]);
-  function s(l, f) {
-    const g = l;
-    return typeof f == "number" ? [{ target: g, operator: "length", param: null, value: Number(f) }] : typeof f == "object" ? Object.keys(f).map((T) => {
-      if (T === "length")
-        return { target: g, operator: "length", param: null, value: f[T] };
-      const D = T, M = f[T];
-      return { target: g, operator: l === "children" ? "hasChildren" : l === "parent" ? "hasParent" : "hasSibling", param: D, value: M };
+  function s(f, g) {
+    const y = f;
+    return typeof g == "number" ? [{ target: y, operator: "length", param: null, value: Number(g) }] : typeof g == "object" ? Object.keys(g).map((C) => {
+      if (C === "length")
+        return { target: y, operator: "length", param: null, value: g[C] };
+      const h = C, F = g[C];
+      return { target: y, operator: f === "children" ? "hasChildren" : f === "parent" ? "hasParent" : "hasSibling", param: h, value: F };
     }) : [];
   }
-  function i(l, f) {
-    if (o.has(l.operator)) {
-      const g = o.get(l.operator);
-      return g && g(l.target, l.param, l.value, f) || !1;
+  function l(f, g) {
+    if (a.has(f.operator)) {
+      const y = a.get(f.operator);
+      return y && y(f.target, f.param, f.value, g) || !1;
     }
     return !1;
   }
-  function u(l, f) {
-    return Object.keys(l).reduce((M, S) => {
-      const $ = s(S, l[S]);
-      return M.push(...$), M;
-    }, []).reduce((M, S) => M && i(S, f), !0);
-  }
-  function p(l, f) {
-    const g = Object.keys(l), T = g.includes("allOf"), D = g.includes("anyOf"), M = T || D, B = (M ? l[M ? T ? "allOf" : "anyOf" : "allOf"] : [l]).map((F) => u(F, f));
-    return T ? !B.includes(!1) : B.includes(!0);
-  }
-  function a(l, f) {
-    const g = l.const;
-    return g ? typeof g == "boolean" ? g : typeof g == "object" ? p(g, f) : !1 : !1;
-  }
-  function d(l) {
-    return (f) => {
-      const g = { canAccept: !0, fixed: !1, hidePadding: !1 };
-      return l && l.properties && Object.keys(l.properties).reduce((T, D) => {
-        const M = l.properties[D];
-        return T[D] = a(M, f), T;
-      }, g), g;
+  function u(f, g) {
+    return Object.keys(f).reduce((F, k) => {
+      const R = s(k, f[k]);
+      return F.push(...R), F;
+    }, []).reduce((F, k) => F && l(k, g), !0);
+  }
+  function i(f, g) {
+    const y = Object.keys(f), C = y.includes("allOf"), h = y.includes("anyOf"), F = C || h, T = (F ? f[F ? C ? "allOf" : "anyOf" : "allOf"] : [f]).map((A) => u(A, g));
+    return C ? !T.includes(!1) : T.includes(!0);
+  }
+  function r(f, g) {
+    const y = f.const;
+    return y ? typeof y == "boolean" ? y : typeof y == "object" ? i(y, g) : !1 : !1;
+  }
+  function p(f) {
+    return (g) => {
+      const y = { canAccept: !0, fixed: !1, hidePadding: !1 };
+      return f && f.properties && Object.keys(f.properties).reduce((C, h) => {
+        const F = f.properties[h];
+        return C[h] = r(F, g), C;
+      }, y), y;
     };
   }
-  function c(l, f, g) {
-    if (f.type === "object" && f.properties) {
-      const { rules: T, contents: D } = f.properties;
-      g.set(l, d(T)), D && Object.keys(D.properties).forEach(
-        (M) => c(M, D.properties[M], g)
+  function c(f, g, y) {
+    if (g.type === "object" && g.properties) {
+      const { rules: C, contents: h } = g.properties;
+      y.set(f, p(C)), h && Object.keys(h.properties).forEach(
+        (F) => c(F, h.properties[F], y)
       );
     }
   }
-  function y() {
-    const { properties: l } = Vn;
-    Object.keys(l).forEach((f) => {
-      c(f, l[f], te);
+  function v() {
+    const { properties: f } = Co;
+    Object.keys(f).forEach((g) => {
+      c(g, f[g], Me);
     });
   }
-  function w(l, f) {
-    const g = { canAccept: !0, fixed: !1, hidePadding: !0 };
-    return te.has(l) ? te.get(l)(f) : g;
+  function b(f, g) {
+    const y = { canAccept: !0, fixed: !1, hidePadding: !0 };
+    return Me.has(f) ? Me.get(f)(g) : y;
   }
-  return y(), { getRuleValue: w };
+  return v(), { getRuleValue: b };
 }
-function $n(e, t) {
-  var x;
-  const n = e.schema, r = (x = e.parent) == null ? void 0 : x.schema, o = On(), s = m(!1), i = m(!1);
-  let u = !0, p = !1, a, d = !1;
-  function c(F) {
-    return a && a.componentClassList && a.componentClassList.includes("f-form-layout") && a.componentClassList.includes("farris-form") ? F.sourceType === "control" && F.controlCategory === "input" || F.sourceType === "move" && F.controlType === "form-group" : !0;
+function xo(e, t) {
+  function n(i, r = null) {
+    if (r) return r;
+    const p = e.getComponentById(t);
+    return e.selectNode(p, (c) => c.id === i);
   }
-  function y(F) {
-    return !(!jn().basalDragulaRuleForContainer(F) || !u || !c(F));
+  function o(i) {
+    const r = e.getComponentById(i);
+    return !(!r || !r.componentType || !r.componentType.startsWith("form"));
   }
-  function w() {
-    s.value = !1, i.value = !1;
-    const F = n, E = F.appearance && F.appearance.class || "", N = E.split(" "), O = F.contents || [], G = O.length ? O[0] : null, P = G && G.appearance ? G.appearance.class : "", V = P ? P.split(" ") : [], R = O.length ? O.reduce((le, K) => {
-      const ce = K && K.appearance ? K.appearance.class : "", De = ce ? ce.split(" ") : [];
-      return le.push(...De), le;
-    }, []) : [], W = r, Y = W && W.appearance && W.appearance.class || "", xe = Y ? Y.split(" ") : [];
-    a = {
-      componentClass: E,
+  function a(i) {
+    const r = n(i.id), p = qe(e), c = [];
+    p.getResonseFormLayoutConfig(r, c, 1);
+    const v = c.map((k) => k.columnInSM), b = c.map((k) => k.columnInMD), f = c.map((k) => k.columnInLG), g = c.map((k) => k.columnInEL), y = s(v) ? v[0] : 0, C = s(b) ? b[0] : 0, h = s(f) ? f[0] : 0, F = s(g) ? g[0] : 0;
+    return {
+      uniqueColClassInSM: y,
+      uniqueColClassInMD: C,
+      uniqueColClassInLG: h,
+      uniqueColClassInEL: F
+    };
+  }
+  function s(i) {
+    const r = new Set(i);
+    return Array.from(r).length === 1;
+  }
+  function l(i, r, p) {
+    i = n(p, i), i.contents.forEach((c) => {
+      if (c.type === Et.fieldset.type) {
+        l(c, r, c.id);
+        return;
+      }
+      c.appearance || (c.appearance = {});
+      const v = c.appearance.class;
+      c.appearance.class = u(v, r);
+    });
+  }
+  function u(i, r) {
+    let p, c, v, b, f = [];
+    if (i) {
+      const k = i.split(" "), R = k.filter((T) => T.startsWith("col-"));
+      p = R.find((T) => /^col-([1-9]|10|11|12)$/.test(T)), c = R.find((T) => /^col-md-([1-9]|10|11|12)$/.test(T)), v = R.find((T) => /^col-xl-([1-9]|10|11|12)$/.test(T)), b = R.find((T) => /^col-el-([1-9]|10|11|12)$/.test(T)), f = k.filter((T) => !T.startsWith("col-"));
+    }
+    const g = r.uniqueColClassInSM ? "col-" + r.uniqueColClassInSM : p, y = r.uniqueColClassInMD ? "col-md-" + r.uniqueColClassInMD : c, C = r.uniqueColClassInLG ? "col-xl-" + r.uniqueColClassInLG : v, h = r.uniqueColClassInEL ? "col-el-" + r.uniqueColClassInEL : b;
+    return [g, y, C, h].concat(f).join(" ");
+  }
+  return { checkIsInFormComponent: o, assembleUnifiedLayoutContext: a, changeFormControlsByUnifiedLayoutConfig: l };
+}
+class To extends kt {
+  constructor(t, n) {
+    super(t, n);
+  }
+  getPropertyConfig(t, n) {
+    var o = this;
+    this.propertyConfig.categories.basic = this.getBasicPropConfig(t);
+    const { checkIsInFormComponent: a, assembleUnifiedLayoutContext: s, changeFormControlsByUnifiedLayoutConfig: l } = xo(this.formSchemaUtils, this.componentId), u = this.getAppearanceConfig(t);
+    return u.properties.unifiedLayout = {
+      title: "统一布局配置",
+      description: "统一配置卡片区域内所有控件的宽度，只支持标准模式",
+      visible: a(this.componentId),
+      refreshPanelAfterChanged: !0,
+      editor: {
+        type: "response-form-layout-setting",
+        initialState: s(t)
+      }
+    }, u.setPropertyRelates = function(i, r) {
+      if (i)
+        switch (i && i.propertyID) {
+          case "unifiedLayout": {
+            l(null, i.propertyValue, t.id), o.updateElementByParentContainer(t.id, n);
+            break;
+          }
+        }
+    }, this.propertyConfig.categories.appearance = u, this.propertyConfig;
+  }
+}
+function Bo(e, t) {
+  var A;
+  const n = e.schema, o = (A = e.parent) == null ? void 0 : A.schema, a = wo(), s = d(!1), l = d(!1);
+  let u = !0, i = !1, r, p = !1;
+  function c(E) {
+    return r && r.componentClassList && r.componentClassList.includes("f-form-layout") && r.componentClassList.includes("farris-form") ? E.sourceType === "control" && E.controlCategory === "input" || E.sourceType === "move" && E.controlType === "form-group" : !0;
+  }
+  function v(E) {
+    return !(!fo().basalDragulaRuleForContainer(E) || !u || !c(E));
+  }
+  function b() {
+    s.value = !1, l.value = !1;
+    const E = n, O = E.appearance && E.appearance.class || "", N = O.split(" "), U = E.contents || [], D = U.length ? U[0] : null, H = D && D.appearance ? D.appearance.class : "", Y = H ? H.split(" ") : [], Q = U.length ? U.reduce((fe, se) => {
+      const me = se && se.appearance ? se.appearance.class : "", Ce = me ? me.split(" ") : [];
+      return fe.push(...Ce), fe;
+    }, []) : [], M = o, S = M && M.appearance && M.appearance.class || "", q = S ? S.split(" ") : [];
+    r = {
+      componentClass: O,
       componentClassList: N,
-      childContents: O,
-      firstChildContent: G,
-      firstChildClass: P,
-      firstChildClassList: V,
-      parent: W,
-      parentClass: Y,
-      parentClassList: xe,
-      children: O,
-      childrenClassList: R
+      childContents: U,
+      firstChildContent: D,
+      firstChildClass: H,
+      firstChildClassList: Y,
+      parent: M,
+      parentClass: S,
+      parentClassList: q,
+      children: U,
+      childrenClassList: Q
     };
-    const { canAccept: Se, fixed: Me, hidePadding: Ae } = o.getRuleValue(N[0], a);
-    return u = Se, p = Ae, d = Me, !0;
+    const { canAccept: $, fixed: W, hidePadding: re } = a.getRuleValue(N[0], r);
+    return u = $, i = re, p = W, !0;
   }
-  function l(F) {
-    oe();
+  function f(E) {
+    ye();
   }
-  function f() {
+  function g() {
     return n.componentType ? "display:inherit;flex-direction:inherit;margin-bottom:10px" : "";
   }
-  function g(F, E) {
+  function y(E, O) {
     const N = n;
     if ((N.appearance && N.appearance.class || "").split(" ").includes("f-form-layout")) {
-      const { label: P } = F, V = _("form-group");
-      return V.editor = E, V.label = P, T(V), delete V.editor.id, delete V.editor.binding, delete V.editor.appearance, delete V.editor.visible, V;
+      const { label: H } = E, Y = de("form-group");
+      return Y.editor = O, Y.label = H, C(Y), delete Y.editor.id, delete Y.editor.binding, delete Y.editor.appearance, delete Y.editor.visible, Y;
     }
-    return E;
+    return O;
   }
-  function T(F) {
-    const E = e.componentInstance.value.getBelongedComponentInstance(e.componentInstance);
-    if (E && E.schema && E.schema.componentType) {
-      const N = E.schema.componentType, O = D(N);
-      F.appearance || (F.appearance = {}), F.appearance.class = O;
+  function C(E) {
+    const O = e.componentInstance.value.getBelongedComponentInstance(e.componentInstance);
+    if (O && O.schema && O.schema.componentType) {
+      const N = O.schema.formColumns;
+      let U = h(N);
+      U = t.formSchemaUtils.getControlClassByFormUnifiedLayout(U, "", e.schema), E.appearance || (E.appearance = {}), E.appearance.class = U;
     }
   }
-  function D(F) {
-    let E = "";
-    switch (F) {
-      case "form-col-1": {
-        E = "col-12 col-md-12 col-xl-12 col-el-12";
-        break;
-      }
-      case "form-col-12": {
-        E = "col-12 col-md-12 col-xl-12 col-el-12";
-        break;
-      }
-      case "form-col-2": {
-        E = "col-12 col-md-6 col-xl-6 col-el-6";
-        break;
-      }
-      case "form-col-3": {
-        E = "col-12 col-md-6 col-xl-4 col-el-4";
+  function h(E) {
+    let O = "";
+    switch (E) {
+      case 1: {
+        O = "col-12 col-md-12 col-xl-12 col-el-12";
         break;
       }
-      case "form-col-4": {
-        E = "col-12 col-md-6 col-xl-3 col-el-2";
+      case 2: {
+        O = "col-12 col-md-6 col-xl-6 col-el-6";
         break;
       }
-      case "form-col-6": {
-        E = "col-12 col-md-6 col-xl-6 col-el-6";
+      case 3: {
+        O = "col-12 col-md-6 col-xl-4 col-el-4";
         break;
       }
-      case "frame": {
-        E = "col-12";
+      case 4: {
+        O = "col-12 col-md-6 col-xl-3 col-el-2";
         break;
       }
     }
-    return E;
+    return O;
   }
-  function M(F, E, N) {
-    const O = n;
-    if ((O.appearance && O.appearance.class || "").split(" ").includes("f-form-layout")) {
-      const V = String(F.innerText), R = _("form-group");
-      return R.editor = N, R.label = V, R;
+  function F(E, O, N) {
+    const U = n;
+    if ((U.appearance && U.appearance.class || "").split(" ").includes("f-form-layout")) {
+      const Y = String(E.innerText), Q = de("form-group");
+      return Q.editor = N, Q.label = Y, Q;
     }
     return N;
   }
-  function S() {
-    return !d;
+  function k() {
+    return !p;
+  }
+  function R() {
+    return !p;
   }
-  function $() {
-    return !d;
+  function T() {
+    return i;
   }
-  function B() {
-    return p;
+  function w(E) {
+    return new To(E, t).getPropertyConfig(n, e.componentInstance.value);
   }
   return {
-    canAccepts: y,
-    checkCanDeleteComponent: $,
-    checkCanMoveComponent: S,
-    getStyles: f,
-    hideNestedPaddingInDesginerView: B,
-    onAcceptNewChildElement: M,
-    onAcceptMovedChildElement: l,
-    resolveComponentContext: w,
-    onResolveNewComponentSchema: g,
+    canAccepts: v,
+    checkCanDeleteComponent: R,
+    checkCanMoveComponent: k,
+    getStyles: g,
+    getPropsConfig: w,
+    hideNestedPaddingInDesginerView: T,
+    onAcceptNewChildElement: F,
+    onAcceptMovedChildElement: f,
+    resolveComponentContext: b,
+    onResolveNewComponentSchema: y,
     triggerBelongedComponentToMoveWhenMoved: s,
-    triggerBelongedComponentToDeleteWhenDeleted: i
+    triggerBelongedComponentToDeleteWhenDeleted: l
   };
 }
-const Nn = /* @__PURE__ */ q({
+const Mo = /* @__PURE__ */ Z({
   name: "FResponseFormDesign",
-  props: J,
+  props: pe,
   emits: [],
   setup(e, t) {
-    const n = m(), r = z("design-item-context");
-    z("designer-host-service");
-    const o = $n(r), s = ie(n, r, o);
-    U(() => {
-      n.value.componentInstance = s;
-    }), t.expose(s.value);
-    const i = k(() => {
-      const u = e.customClass.split(" "), p = {
+    const n = d(), o = ue("design-item-context"), a = ue("designer-host-service"), s = Bo(o, a), l = je(n, o, s);
+    K(() => {
+      n.value.componentInstance = l;
+    }), t.expose(l.value);
+    const u = x(() => {
+      const i = e.customClass.split(" "), r = {
         "drag-container": !0
       };
-      return u.reduce((a, d) => (a[d] = !0, a), p), p;
+      return i.reduce((p, c) => (p[c] = !0, p), r), r;
     });
-    return () => A("div", {
+    return () => m("div", {
       ref: n,
-      class: i.value,
-      "data-dragref": `${r.schema.id}-container`,
-      "data-associate": `${r.schema.id}-component`
+      class: u.value,
+      "data-dragref": `${o.schema.id}-container`,
+      "data-associate": `${o.schema.id}-component`
     }, [t.slots.default && t.slots.default()]);
   }
-}), Ln = {
+}), Fo = {
   id: { type: String },
   required: { type: Boolean, default: !1 },
   text: { type: String, default: "" },
   title: { type: String }
-}, we = /* @__PURE__ */ q({
+}, Ye = /* @__PURE__ */ Z({
   name: "FDynamicFormLabel",
-  props: Ln,
+  props: Fo,
   emits: [],
   setup(e, t) {
-    const n = m(e.title || e.text), r = m(e.required), o = m(e.text);
-    return I(() => e.text, () => {
-      o.value = e.text;
-    }), I(() => e.required, (s, i) => {
-      s !== i && (r.value = s);
-    }), () => A("label", {
+    const n = d(e.title || e.text), o = d(e.required), a = d(e.text);
+    return X(() => e.text, () => {
+      a.value = e.text;
+    }), X(() => e.required, (s, l) => {
+      s !== l && (o.value = s);
+    }), () => a.value && m("label", {
       class: "col-form-label",
       title: n.value
-    }, [r.value && A("span", {
+    }, [o.value && m("span", {
       class: "farris-label-info text-danger"
-    }, [Oe("*")]), A("span", {
+    }, [_("*")]), m("span", {
       class: "farris-label-text"
-    }, [o.value])]);
+    }, [a.value])]);
   }
-}), In = /* @__PURE__ */ new Map([
-  ["appearance", he]
+}), ko = /* @__PURE__ */ new Map([
+  ["appearance", Ge]
 ]);
-function Gn(e, t, n) {
+function Eo(e, t, n) {
   return t;
 }
-const qn = "https://json-schema.org/draft/2020-12/schema", Rn = "https://farris-design.gitee.io/input-group.schema.json", Un = "input-group", Wn = "A Farris Input Component", Hn = "object", zn = {
+const So = "https://json-schema.org/draft/2020-12/schema", Po = "https://farris-design.gitee.io/input-group.schema.json", jo = "input-group", Io = "A Farris Input Component", Lo = "object", Ao = {
   id: {
     description: "The unique identifier for a Input Group",
     type: "string"
@@ -1532,18 +1774,19 @@ const qn = "https://json-schema.org/draft/2020-12/schema", Rn = "https://farris-
     type: "string",
     default: ""
   }
-}, _n = [
+}, Do = [
   "id",
   "type"
-], Jn = {
-  $schema: qn,
-  $id: Rn,
-  title: Un,
-  description: Wn,
-  type: Hn,
-  properties: zn,
-  required: _n
-}, se = {
+], Oo = {
+  $schema: So,
+  $id: Po,
+  title: jo,
+  description: Io,
+  type: Lo,
+  properties: Ao,
+  required: Do
+}, Ie = {
+  id: { Type: String, default: "" },
   /** 是否自动完成 */
   autocomplete: { Type: String, default: "off" },
   /** 自定义CLASS */
@@ -1610,118 +1853,118 @@ const qn = "https://json-schema.org/draft/2020-12/schema", Rn = "https://farris-
    */
   updateOn: { type: String, default: "blur" }
 };
-X(se, Jn, In, Gn);
-function Qn(e, t, n, r) {
-  const o = m(e.disabled), s = m(!1), i = m("text"), u = m(e.showBorder), p = m(e.textAlign), a = m(e.updateOn), d = k(() => e.editable || !e.readonly), c = k(() => e.editable && !e.disabled && !e.readonly), y = k(() => !e.disabled && s.value), w = k(() => n.value === "" || n.value === null || n.value === void 0), l = k(() => (e.disabled || e.readonly) && !e.forcePlaceholder ? "" : e.placeholder), f = k(() => e.readonly || !e.editable), g = k(() => e.enableTitle ? n.value : ""), T = k(() => ({
+be(Ie, Oo, ko, Eo);
+function Vo(e, t, n, o) {
+  const a = d(e.disabled), s = d(!1), l = d("text"), u = d(e.showBorder), i = d(e.textAlign), r = d(e.updateOn), p = x(() => e.editable || !e.readonly), c = x(() => e.editable && !e.disabled && !e.readonly), v = x(() => !e.disabled && s.value), b = x(() => n.value === "" || n.value === null || n.value === void 0), f = x(() => (e.disabled || e.readonly) && !e.forcePlaceholder ? "" : e.placeholder), g = x(() => e.readonly || !e.editable), y = x(() => e.enableTitle ? n.value : ""), C = x(() => ({
     "form-control": !0,
     "f-utils-fill": !0,
-    "text-left": p.value === "left",
-    "text-center": p.value === "center",
-    "text-right": p.value === "right"
-  })), D = k(() => {
-    const P = {
+    "text-left": i.value === "left",
+    "text-center": i.value === "center",
+    "text-right": i.value === "right"
+  })), h = x(() => {
+    const D = {
       "f-cmp-inputgroup": !0,
       "input-group": !0,
-      "f-state-disable": o.value,
+      "f-state-disable": a.value,
       "f-state-editable": c.value,
-      "f-state-readonly": f.value,
-      "f-state-focus": y.value
+      "f-state-readonly": g.value,
+      "f-state-focus": v.value
     };
-    return (e.customClass || "").split(" ").reduce((R, W) => (R[W] = !0, R), P), P;
-  }), M = k(() => u.value ? "" : "border-width : 0 ");
-  function S(P, V = !0) {
-    n.value = P, r.value !== P && (r.value = P), V && t.emit("change", P), t.emit("update:modelValue", P), t.emit("update:value", P);
+    return (e.customClass || "").split(" ").reduce((Y, Q) => (Y[Q] = !0, Y), D), D;
+  }), F = x(() => u.value ? "" : "border-width : 0 ");
+  function k(D, H = !0) {
+    n.value = D, o.value !== D && (o.value = D), H && t.emit("change", D), t.emit("update:modelValue", D), t.emit("update:value", D);
   }
-  I(
+  X(
     () => e.modelValue,
-    (P, V) => {
-      P !== V && (n.value = P, r.value = P);
+    (D, H) => {
+      D !== H && (n.value = D, o.value = D);
     }
-  ), I(() => e.disabled, (P, V) => {
-    P !== V && (o.value = P);
+  ), X(() => e.disabled, (D, H) => {
+    D !== H && (a.value = D);
   });
-  function $(P) {
-    return s.value = !1, t.emit("blur", P), P.stopPropagation(), !1;
+  function R(D) {
+    return s.value = !1, t.emit("blur", D), D.stopPropagation(), !1;
   }
-  function B(P) {
-    t.emit("click", P);
+  function T(D) {
+    t.emit("click", D);
   }
-  function x(P) {
-    e.disabled || (u.value && (s.value = !0), d.value && t.emit("focus", P));
+  function w(D) {
+    e.disabled || (u.value && (s.value = !0), p.value && t.emit("focus", D));
   }
-  function F(P) {
-    t.emit("input", P.target.value);
-    const V = P.target.value;
-    r.value = V, a.value === "input" && (t.emit("update:modelValue", V), t.emit("update:value", V));
+  function A(D) {
+    t.emit("input", D.target.value);
+    const H = D.target.value;
+    o.value = H, r.value === "change" && (t.emit("update:modelValue", H), t.emit("update:value", H));
   }
-  function E(P) {
-    t.emit("keydown", P);
+  function E(D) {
+    t.emit("keydown", D);
   }
-  function N(P) {
-    t.emit("keyup", P);
+  function O(D) {
+    t.emit("keyup", D);
   }
-  function O(P) {
-    P.target.tagName !== "INPUT" && P.preventDefault(), P.stopPropagation();
+  function N(D) {
+    D.target.tagName !== "INPUT" && D.preventDefault(), D.stopPropagation();
   }
-  function G(P) {
-    if (a.value === "blur") {
-      const V = P.target.value;
-      P.stopPropagation(), S(V);
+  function U(D) {
+    if (r.value === "blur") {
+      const H = D.target.value;
+      D.stopPropagation(), k(H);
     }
   }
   return {
-    changeTextBoxValue: S,
-    disabled: o,
-    displayText: r,
+    changeTextBoxValue: k,
+    disabled: a,
+    displayText: o,
     editable: c,
-    hasFocused: y,
-    inputGroupClass: D,
-    inputType: i,
-    isEmpty: w,
+    hasFocused: v,
+    inputGroupClass: h,
+    inputType: l,
+    isEmpty: b,
     modelValue: n,
-    readonly: f,
-    onBlur: $,
-    onClick: B,
-    onFocus: x,
-    onInput: F,
+    readonly: g,
+    onBlur: R,
+    onClick: T,
+    onFocus: w,
+    onInput: A,
     onKeydown: E,
-    onKeyup: N,
-    onMousedown: O,
-    onTextBoxValueChange: G,
-    placeholder: l,
-    textBoxClass: T,
-    textBoxTitle: g,
-    inputGroupStyle: M
+    onKeyup: O,
+    onMousedown: N,
+    onTextBoxValueChange: U,
+    placeholder: f,
+    textBoxClass: C,
+    textBoxTitle: y,
+    inputGroupStyle: F
   };
 }
-function Zn(e, t, n, r) {
-  const o = m(e.disabled), s = m(!1), i = m("text"), u = m(e.showBorder), p = m(e.textAlign);
-  k(() => e.editable || !e.readonly);
-  const a = k(() => e.editable && !e.disabled && !e.readonly), d = k(() => !e.disabled && s.value), c = k(() => n.value === "" || n.value === null || n.value === void 0), y = k(() => e.placeholder), w = k(() => e.readonly || !e.editable), l = k(() => e.enableTitle ? n.value : ""), f = k(() => ({
+function Ro(e, t, n, o) {
+  const a = d(e.disabled), s = d(!1), l = d("text"), u = d(e.showBorder), i = d(e.textAlign);
+  x(() => e.editable || !e.readonly);
+  const r = x(() => e.editable && !e.disabled && !e.readonly), p = x(() => !e.disabled && s.value), c = x(() => n.value === "" || n.value === null || n.value === void 0), v = x(() => e.placeholder), b = x(() => e.readonly || !e.editable), f = x(() => e.enableTitle ? n.value : ""), g = x(() => ({
     "form-control": !0,
     // 'f-utils-fill': true,
-    "text-left": p.value === "left",
-    "text-center": p.value === "center",
-    "text-right": p.value === "right"
-  })), g = k(() => ({
+    "text-left": i.value === "left",
+    "text-center": i.value === "center",
+    "text-right": i.value === "right"
+  })), y = x(() => ({
     "f-cmp-inputgroup": !0,
     "input-group": !0,
     "f-state-disable": !0,
     "f-state-editable": !1,
     "f-state-readonly": !0
     // 'f-state-focus': hasFocused.value
-  })), T = k(() => u.value ? "" : "border-width : 0 ");
+  })), C = x(() => u.value ? "" : "border-width : 0 ");
   return {
     // changeTextBoxValue,
-    disabled: o,
-    displayText: r,
-    editable: a,
-    hasFocused: d,
-    inputGroupClass: g,
-    inputType: i,
+    disabled: a,
+    displayText: o,
+    editable: r,
+    hasFocused: p,
+    inputGroupClass: y,
+    inputType: l,
     isEmpty: c,
     modelValue: n,
-    readonly: w,
+    readonly: b,
     // onBlur,
     // onClick,
     // onFocus,
@@ -1730,343 +1973,343 @@ function Zn(e, t, n, r) {
     // onKeyup,
     // onMousedown,
     // onTextBoxValueChange,
-    placeholder: y,
-    textBoxClass: f,
-    textBoxTitle: l,
-    inputGroupStyle: T
+    placeholder: v,
+    textBoxClass: g,
+    textBoxTitle: f,
+    inputGroupStyle: C
   };
 }
-function Te(e, t, n) {
-  const r = m(!1), o = k(() => e.enableClear && !e.readonly && !e.disabled), { changeTextBoxValue: s, displayText: i, hasFocused: u, isEmpty: p } = n;
-  function a(f) {
-    r.value = f;
+function Je(e, t, n) {
+  const o = d(!1), a = x(() => e.enableClear && !e.readonly && !e.disabled), { changeTextBoxValue: s, displayText: l, hasFocused: u, isEmpty: i } = n;
+  function r(g) {
+    o.value = g;
   }
-  I(i, () => {
-    u != null && u.value ? a(!!(i != null && i.value)) : a(!1);
+  X(l, () => {
+    u != null && u.value ? r(!!(l != null && l.value)) : r(!1);
   });
-  const d = k(() => ({
+  const p = x(() => ({
     "input-group-text": !0,
     "input-group-clear": !0
-  })), c = k(() => ({
+  })), c = x(() => ({
     width: "24px",
-    display: r.value ? "flex" : "none"
+    display: o.value ? "flex" : "none"
   }));
-  function y(f) {
-    f.stopPropagation(), o.value && (s("", !0), a(!r.value), t.emit("clear"));
+  function v(g) {
+    g.stopPropagation(), a.value && (s("", !0), r(!o.value), t.emit("clear"));
   }
-  function w(f) {
-    o.value && !p.value && a(!0);
+  function b(g) {
+    a.value && !i.value && r(!0);
   }
-  function l(f) {
-    o.value && a(!1);
+  function f(g) {
+    a.value && r(!1);
   }
-  return { clearButtonClass: d, clearButtonStyle: c, hasShownClearButton: r, onClearValue: y, onMouseEnter: w, onMouseLeave: l, shouldShowClearButton: o };
+  return { clearButtonClass: p, clearButtonStyle: c, hasShownClearButton: o, onClearValue: v, onMouseEnter: b, onMouseLeave: f, shouldShowClearButton: a };
 }
-const Xn = ["moz", "ms", "webkit"];
-function Yn() {
+const No = ["moz", "ms", "webkit"];
+function $o() {
   let e = 0;
   return (t) => {
-    const n = (/* @__PURE__ */ new Date()).getTime(), r = Math.max(0, 16 - (n - e)), o = setTimeout(() => {
-      t(n + r);
-    }, r);
-    return e = n + r, o;
+    const n = (/* @__PURE__ */ new Date()).getTime(), o = Math.max(0, 16 - (n - e)), a = setTimeout(() => {
+      t(n + o);
+    }, o);
+    return e = n + o, a;
   };
 }
-function Kn() {
+function qo() {
   if (typeof window > "u")
     return () => 0;
   if (window.requestAnimationFrame)
     return window.requestAnimationFrame.bind(window);
-  const e = Xn.filter((t) => `${t}RequestAnimationFrame` in window)[0];
-  return e ? window[`${e}RequestAnimationFrame`] : Yn();
+  const e = No.filter((t) => `${t}RequestAnimationFrame` in window)[0];
+  return e ? window[`${e}RequestAnimationFrame`] : $o();
 }
-Kn();
-function Fe(e, t) {
-  const n = m(e.groupText), r = k(() => e.showButtonWhenDisabled && (e.readonly || e.disabled)), o = k(() => e.enableClear || !!e.groupText);
-  return { appendedButtonClass: k(() => ({
+qo();
+function Qe(e, t) {
+  const n = d(e.groupText), o = x(() => e.showButtonWhenDisabled && (e.readonly || e.disabled)), a = x(() => e.enableClear || !!e.groupText);
+  return { appendedButtonClass: x(() => ({
     "input-group-append": !0,
-    "append-force-show": r.value
-  })), appendedContent: n, shouldShowAppendedButton: o };
+    "append-force-show": o.value
+  })), appendedContent: n, shouldShowAppendedButton: a };
 }
-function Be(e, t, n, r) {
-  const { appendedContent: o } = r, s = m(e.enableViewPassword), i = k(() => e.type === "password"), u = '<span class="f-icon f-icon-eye" style="color: rgb(56, 143, 255);"></span>', p = '<span class="f-icon f-icon-eye"></span>', a = m(!1);
-  I(() => [e.readonly, e.disabled], ([y, w]) => {
-    i.value && (n.value = y || w ? "password" : n.value, o.value = y || w ? p : o.value);
+function Ze(e, t, n, o) {
+  const { appendedContent: a } = o, s = d(e.enableViewPassword), l = x(() => e.type === "password"), u = '<span class="f-icon f-icon-eye" style="color: rgb(56, 143, 255);"></span>', i = '<span class="f-icon f-icon-eye"></span>', r = d(!1);
+  X(() => [e.readonly, e.disabled], ([v, b]) => {
+    l.value && (n.value = v || b ? "password" : n.value, a.value = v || b ? i : a.value);
   });
-  function d() {
-    return a.value = !a.value, n.value = a.value ? "text" : "password", o.value = a.value ? u : p, !1;
+  function p() {
+    return r.value = !r.value, n.value = r.value ? "text" : "password", a.value = r.value ? u : i, !1;
   }
   function c() {
-    n.value = i.value ? "password" : "text", o.value = i.value ? s.value ? p : "" : o.value;
+    n.value = l.value ? "password" : "text", a.value = l.value ? s.value ? i : "" : a.value;
   }
-  return c(), { isPassword: i, onClickAppendedButton: d };
+  return c(), { isPassword: l, onClickAppendedButton: p };
 }
-function eo(e, t, n) {
-  const r = m(), {
-    onBlurTextBox: o,
+function Uo(e, t, n) {
+  const o = d(), {
+    onBlurTextBox: a,
     onFocusTextBox: s,
-    onInput: i,
+    onInput: l,
     onKeyDown: u,
-    textBoxValue: p
-  } = n, a = k(() => e.disabled || e.readonly || !e.editable ? "" : e.placeholder), d = k(() => ({
+    textBoxValue: i
+  } = n, r = x(() => e.disabled || e.readonly || !e.editable ? "" : e.placeholder), p = x(() => ({
     "form-control": !0,
     "f-utils-fill": !0
-  })), c = k(() => ({
+  })), c = x(() => ({
     "text-align": e.textAlign
   }));
-  function y(f) {
-    f.stopPropagation();
+  function v(g) {
+    g.stopPropagation();
   }
-  function w() {
+  function b() {
     e.selectOnCreated, e.focusOnCreated;
   }
-  async function l(f) {
-    s(f), await oe, w();
+  async function f(g) {
+    s(g), await ye, b();
   }
-  return U(async () => {
-    await oe, w();
-  }), () => A("input", {
-    ref: r,
-    class: d.value,
+  return K(async () => {
+    await ye, b();
+  }), () => m("input", {
+    ref: o,
+    class: p.value,
     style: c.value,
     type: "text",
-    value: p.value,
+    value: i.value,
     disabled: e.disabled,
     readonly: e.readonly || !e.editable,
-    placeholder: a.value,
-    onBlur: o,
-    onChange: y,
-    onFocus: l,
-    onInput: i,
+    placeholder: r.value,
+    onBlur: a,
+    onChange: v,
+    onFocus: f,
+    onInput: l,
     onKeydown: u
   }, null);
 }
-function to(e, t, n) {
+function zo(e, t, n) {
   const {
-    canDownward: r,
-    canUpward: o,
+    canDownward: o,
+    canUpward: a,
     onClickDownButton: s,
-    onClickUpButton: i
-  } = n, u = k(() => ({
+    onClickUpButton: l
+  } = n, u = x(() => ({
     "input-group-append": !0,
     "btn-group": !0,
     "btn-group-number": !0
-  })), p = k(() => ({
+  })), i = x(() => ({
     btn: !0,
     "btn-secondary": !0,
     "btn-number-flag": !0
-  })), a = k(() => ({
-    cursor: o() ? "pointer" : "not-allowed",
+  })), r = x(() => ({
+    cursor: a() ? "pointer" : "not-allowed",
     "margin-left": 0
-  })), d = k(() => ({
-    cursor: r() ? "pointer" : "not-allowed",
+  })), p = x(() => ({
+    cursor: o() ? "pointer" : "not-allowed",
     "margin-left": 0
   }));
-  return () => A("div", {
+  return () => m("div", {
     class: u.value
-  }, [A("button", {
+  }, [m("button", {
     title: "upButton",
-    class: p.value,
-    style: a.value,
-    onClick: i,
-    disabled: !o()
-  }, [A("span", {
+    class: i.value,
+    style: r.value,
+    onClick: l,
+    disabled: !a()
+  }, [m("span", {
     class: "f-icon f-icon-arrow-chevron-up number-arrow-chevron"
-  }, null)]), A("button", {
+  }, null)]), m("button", {
     title: "downButton",
-    class: p.value,
-    style: d.value,
+    class: i.value,
+    style: p.value,
     onClick: s,
-    disabled: !r()
-  }, [A("span", {
+    disabled: !o()
+  }, [m("span", {
     class: "f-icon f-icon-arrow-chevron-down number-arrow-chevron"
   }, null)])]);
 }
-function no(e, t) {
-  const n = qe(e, t), r = Re(e, t, n), o = Ue(e, t, r, n), s = We(e, t, r, n, o), i = to(e, t, o), {
+function Ho(e, t) {
+  const n = Pt(e, t), o = jt(e, t, n), a = It(e, t, o, n), s = Lt(e, t, o, n, a), l = zo(e, t, a), {
     displayValue: u,
-    modelValue: p,
-    getRealValue: a
-  } = n, d = eo(e, t, s), {
+    modelValue: i,
+    getRealValue: r
+  } = n, p = Uo(e, t, s), {
     format: c
-  } = r, {
-    isFocus: y
-  } = s, w = k(() => !e.disabled && !e.readonly);
-  return U(() => {
-    const l = a(e.modelValue);
-    u.value = c(l);
-  }), I(() => [e.value], ([l]) => {
-    const f = a(l);
-    p.value = f, u.value = c(f);
-  }), I(() => [e.modelValue], ([l]) => {
-    l !== p.value && (p.value = l, !y.value && (u.value = c(a(l))));
-  }), I(() => [e.precision, e.useThousands, e.prefix, e.suffix, e.showZero], () => {
-    u.value = c(p.value);
-  }), () => A("div", {
+  } = o, {
+    isFocus: v
+  } = s, b = x(() => !e.disabled && !e.readonly);
+  return K(() => {
+    const f = r(e.modelValue);
+    u.value = c(f);
+  }), X(() => [e.value], ([f]) => {
+    const g = r(f);
+    i.value = g, u.value = c(g);
+  }), X(() => [e.modelValue], ([f]) => {
+    f !== i.value && (i.value = f, !v.value && (u.value = c(r(f))));
+  }), X(() => [e.precision, e.useThousands, e.prefix, e.suffix, e.showZero], () => {
+    u.value = c(i.value);
+  }), () => m("div", {
     class: "input-group  f-state-hover flex-row f-cmp-number-spinner"
-  }, [d(), w.value && i()]);
+  }, [p(), b.value && l()]);
 }
-function oo(e, t, n, r) {
-  const o = m(), s = m(e.autocomplete), i = m(e.enableTitle), {
+function Go(e, t, n, o) {
+  const a = d(), s = d(e.autocomplete), l = d(e.enableTitle), {
     isPassword: u
-  } = n, p = m(e.minLength), a = m(e.maxLength), d = m(e.tabIndex), {
+  } = n, i = d(e.minLength), r = d(e.maxLength), p = d(e.tabIndex), {
     disabled: c,
-    displayText: y,
-    inputType: w,
-    onBlur: l,
-    onFocus: f,
-    onInput: g,
-    onClick: T,
-    onKeydown: D,
-    onKeyup: M,
-    onMousedown: S,
-    onTextBoxValueChange: $,
-    readonly: B,
-    placeholder: x,
-    textBoxClass: F,
+    displayText: v,
+    inputType: b,
+    onBlur: f,
+    onFocus: g,
+    onInput: y,
+    onClick: C,
+    onKeydown: h,
+    onKeyup: F,
+    onMousedown: k,
+    onTextBoxValueChange: R,
+    readonly: T,
+    placeholder: w,
+    textBoxClass: A,
     textBoxTitle: E
-  } = r;
-  return U(() => {
+  } = o;
+  return K(() => {
     e.selectOnCreated, e.focusOnCreated;
-  }), () => A("input", {
-    ref: o,
+  }), () => m("input", {
+    ref: a,
     name: "input-group-value",
     autocomplete: s.value,
-    class: F.value,
+    class: A.value,
     disabled: c == null ? void 0 : c.value,
-    maxlength: a.value,
-    minlength: p.value,
-    placeholder: x.value,
-    readonly: B == null ? void 0 : B.value,
-    tabindex: d.value,
-    title: i.value && !u.value ? E.value : "",
-    type: w.value,
-    value: y == null ? void 0 : y.value,
-    onBlur: l,
-    onClick: T,
-    onChange: $,
-    onFocus: f,
-    onInput: g,
-    onKeydown: D,
-    onKeyup: M,
-    onMousedown: S
+    maxlength: r.value,
+    minlength: i.value,
+    placeholder: w.value,
+    readonly: T == null ? void 0 : T.value,
+    tabindex: p.value,
+    title: l.value && !u.value ? E.value : "",
+    type: b.value,
+    value: v == null ? void 0 : v.value,
+    onBlur: f,
+    onClick: C,
+    onChange: R,
+    onFocus: g,
+    onInput: y,
+    onKeydown: h,
+    onKeyup: F,
+    onMousedown: k
   }, null);
 }
-function ro(e, t) {
-  const n = k(() => e.useExtendInfo && !!e.extendInfo), r = $e({
+function Wo(e, t) {
+  const n = x(() => e.useExtendInfo && !!e.extendInfo), o = te({
     content: e.extendInfo
   });
-  function o() {
+  function a() {
     t.emit("updateExtendInfo");
   }
-  return () => n.value && Ne(A("span", {
+  return () => n.value && bt(m("span", {
     class: "input-group-before-tips",
-    onMouseenter: o
-  }, [A("i", {
+    onMouseenter: a
+  }, [m("i", {
     class: "f-icon f-icon-info-circle"
-  }, null), A("b", {
+  }, null), m("b", {
     class: "tips-arrow"
-  }, null)]), [[Le("tooltip"), r]]);
+  }, null)]), [[Ct("tooltip"), o]]);
 }
-function ke(e, t, n, r, o) {
+function _e(e, t, n, o, a) {
   const {
     appendedButtonClass: s,
-    appendedContent: i
-  } = n, u = k(() => e.showButtonWhenDisabled && (!e.editable || !e.readonly) && !e.disabled), p = k(() => i.value && !t.slots.groupTextTemplate), a = k(() => !!t.slots.groupTextTemplate), {
-    clearButtonClass: d,
+    appendedContent: l
+  } = n, u = x(() => e.showButtonWhenDisabled && (!e.editable || !e.readonly) && !e.disabled), i = x(() => l.value && !t.slots.groupTextTemplate), r = x(() => !!t.slots.groupTextTemplate), {
+    clearButtonClass: p,
     clearButtonStyle: c,
-    onClearValue: y,
-    shouldShowClearButton: w
-  } = r;
-  function l() {
-    return A("span", {
+    onClearValue: v,
+    shouldShowClearButton: b
+  } = o;
+  function f() {
+    return m("span", {
       id: "clearIcon",
-      class: d.value,
+      class: p.value,
       style: c.value,
-      onClick: (x) => y(x)
-    }, [A("i", {
+      onClick: (w) => v(w)
+    }, [m("i", {
       class: "f-icon modal_close"
     }, null)]);
   }
-  function f(x) {
-    t.emit("iconMouseEnter", x);
+  function g(w) {
+    t.emit("iconMouseEnter", w);
   }
-  function g(x) {
-    t.emit("iconMouseLeave", x);
+  function y(w) {
+    t.emit("iconMouseLeave", w);
   }
-  function T(x) {
+  function C(w) {
     u.value && t.emit("clickHandle", {
-      originalEvent: x
-    }), x.stopPropagation();
+      originalEvent: w
+    }), w.stopPropagation();
   }
-  const D = e.type === "password" ? o.onClickAppendedButton : T;
-  function M() {
-    return A("span", {
+  const h = e.type === "password" ? a.onClickAppendedButton : C;
+  function F() {
+    return m("span", {
       class: "input-group-text",
-      onMouseenter: (x) => f(x),
-      onMouseleave: (x) => g(x),
-      innerHTML: i.value,
-      onClick: (x) => D(x)
+      onMouseenter: (w) => g(w),
+      onMouseleave: (w) => y(w),
+      innerHTML: l.value,
+      onClick: (w) => h(w)
     }, null);
   }
-  function S() {
+  function k() {
     return t.slots.groupTextTemplate && t.slots.groupTextTemplate();
   }
-  function $() {
-    return p.value ? M : a.value ? S : "";
+  function R() {
+    return i.value ? F : r.value ? k : "";
   }
-  const B = $();
-  return () => A("div", {
+  const T = R();
+  return () => m("div", {
     class: s.value
-  }, [w.value && l(), B && B()]);
+  }, [b.value && f(), T && T()]);
 }
-const ao = /* @__PURE__ */ q({
+const Xo = /* @__PURE__ */ Z({
   name: "FInputGroup",
-  props: se,
+  props: Ie,
   emits: ["clear", "change", "blur", "click", "clickHandle", "focus", "input", "keydown", "keyup", "iconMouseEnter", "iconMouseLeave", "update:modelValue", "update:value", "updateExtendInfo", "valueChange"],
   setup(e, t) {
-    const n = m(e.modelValue), r = m(e.modelValue), o = Qn(e, t, n, r), {
+    const n = d(e.modelValue), o = d(e.modelValue), a = Vo(e, t, n, o), {
       inputGroupClass: s,
-      inputType: i,
+      inputType: l,
       inputGroupStyle: u
-    } = o, p = Fe(e), {
-      shouldShowAppendedButton: a
-    } = p, d = Te(e, t, o), {
+    } = a, i = Qe(e), {
+      shouldShowAppendedButton: r
+    } = i, p = Je(e, t, a), {
       onMouseEnter: c,
-      onMouseLeave: y
-    } = d, w = Be(e, t, i, p), l = no(e, t), f = oo(e, t, w, o), g = ke(e, t, p, d, w), T = ro(e, t), D = k(() => e.type === "number");
-    I(() => [e.value], ([S]) => {
-      n.value = S, r.value = S;
-    }), I(() => [e.modelValue], ([S]) => {
-      n.value = S, r.value = S;
-    }), U(() => {
-      e.value && (n.value = e.value, r.value = e.value);
+      onMouseLeave: v
+    } = p, b = Ze(e, t, l, i), f = Ho(e, t), g = Go(e, t, b, a), y = _e(e, t, i, p, b), C = Wo(e, t), h = x(() => e.type === "number");
+    X(() => [e.value], ([k]) => {
+      n.value = k, o.value = k;
+    }), X(() => [e.modelValue], ([k]) => {
+      n.value = k, o.value = k;
+    }), K(() => {
+      e.value && (n.value = e.value, o.value = e.value);
     });
-    const M = () => A(ue, null, [A("div", {
-      id: "inputGroup",
+    const F = () => m(ce, null, [m("div", {
+      id: e.id,
       class: s.value,
       style: u.value,
       onMouseenter: c,
-      onMouseleave: y
-    }, [D.value ? l() : A(ue, null, [T(), f(), a.value && g()])])]);
-    return () => M();
-  }
-}), b = {}, h = {}, v = {}, C = {};
-let me = !1;
-function io() {
-  me || (me = !0, ze.register(b, h, v, C), He.register(b, h, v, C), _e.register(b, h, v, C), Je.register(b, h, v, C), Qe.register(b, h, v, C), Ze.register(b, h, v, C), Xe.register(b, h, v, C), Ye.register(b, h, v, C), Ke.register(b, h, v, C), et.register(b, h, v, C), nt.register(b, h, v, C), tt.register(b, h, v, C), ot.register(b, h, v, C), rt.register(b, h, v, C), at.register(b, h, v, C), it.register(b, h, v, C), st.register(b, h, v, C), lt.register(b, h, v, C), ct.register(b, h, v, C), ut.register(b, h, v, C), pt.register(b, h, v, C), dt.register(b, h, v, C), mt.register(b, h, v, C), ft.register(b, h, v, C), yt.register(b, h, v, C), gt.register(b, h, v, C), bt.register(b, h, v, C), ht.register(b, h, v, C), Ge.register(b, h, v, C), vt.register(b, h, v, C), Ct.register(b, h, v, C), wt.register(b, h, v, C), Tt.register(b, h, v, C), Ft.register(b, h, v, C), Bt.register(b, h, v, C), kt.register(b, h, v, C), jt.register(b, h, v, C), xt.register(b, h, v, C), St.register(b, h, v, C), Pt.register(b, h, v, C), _t.register(b, h, v), Mt.register(b, h, v, C), At.register(b, h, v, C), Dt.register(b, h, v, C), Et.register(b, h, v, C), Vt.register(b, h, v, C), Ot.register(b, h, v, C), $t.register(b, h, v, C), Nt.register(b, h, v, C), Lt.register(b, h, v, C), It.register(b, h, v, C), Gt.register(b, h, v, C), qt.register(b, h, v, C), Ut.register(b, h, v, C), Rt.register(b, h, v, C), Wt.register(b, h, v, C), Ht.register(b, h, v, C), zt.register(b, h, v, C), Jt.register(b, h, v, C));
-}
-function je() {
-  io();
-  function e(o, s) {
-    const i = h[o];
-    return i ? i(s) : {};
-  }
-  function t(o) {
-    return b[o] || ao;
-  }
-  function n(o) {
-    switch (o) {
+      onMouseleave: v
+    }, [h.value ? f() : m(ce, null, [C(), g(), r.value && y()])])]);
+    return () => F();
+  }
+}), P = {}, j = {}, I = {}, L = {};
+let Ne = !1;
+function Yo() {
+  Ne || (Ne = !0, Dt.register(P, j, I, L), At.register(P, j, I, L), Ot.register(P, j, I, L), Vt.register(P, j, I, L), Rt.register(P, j, I, L), Nt.register(P, j, I, L), $t.register(P, j, I, L), ie.register(P, j, I, L), qt.register(P, j, I, L), Ut.register(P, j, I, L), Ht.register(P, j, I, L), zt.register(P, j, I, L), Gt.register(P, j, I, L), Wt.register(P, j, I, L), Xt.register(P, j, I, L), Yt.register(P, j, I, L), Jt.register(P, j, I, L), Qt.register(P, j, I, L), Zt.register(P, j, I, L), _t.register(P, j, I, L), Kt.register(P, j, I, L), en.register(P, j, I, L), nn.register(P, j, I, L), tn.register(P, j, I, L), on.register(P, j, I, L), an.register(P, j, I, L), rn.register(P, j, I, L), sn.register(P, j, I, L), St.register(P, j, I, L), ln.register(P, j, I, L), un.register(P, j, I, L), cn.register(P, j, I, L), dn.register(P, j, I, L), pn.register(P, j, I, L), fn.register(P, j, I, L), mn.register(P, j, I, L), vn.register(P, j, I, L), yn.register(P, j, I, L), hn.register(P, j, I, L), gn.register(P, j, I, L), On.register(P, j, I), bn.register(P, j, I, L), Cn.register(P, j, I, L), wn.register(P, j, I, L), xn.register(P, j, I, L), Tn.register(P, j, I, L), Bn.register(P, j, I, L), Mn.register(P, j, I, L), Fn.register(P, j, I, L), kn.register(P, j, I, L), En.register(P, j, I, L), Sn.register(P, j, I, L), Pn.register(P, j, I, L), In.register(P, j, I, L), jn.register(P, j, I, L), Ln.register(P, j, I, L), An.register(P, j, I, L), Dn.register(P, j, I, L), Vn.register(P, j, I, L));
+}
+function Ke() {
+  Yo();
+  function e(a, s) {
+    const l = j[a];
+    return l ? l(s) : {};
+  }
+  function t(a) {
+    return P[a] || Xo;
+  }
+  function n(a) {
+    switch (a) {
       case "check-box":
         return "onChangeValue";
       case "switch":
@@ -2097,7 +2340,7 @@ function je() {
       case "input-group":
         return "onChange";
       case "lookup":
-        return "";
+        return "onUpdate:modelValue";
       case "number-range":
         return "onValueChange";
       case "number-spinner":
@@ -2112,6 +2355,8 @@ function je() {
         return "onSavedCommandListChanged";
       case "grid-field-editor":
         return "onChange";
+      case "response-form-layout-setting":
+        return "onChange";
       case "field-selector":
         return "onFieldSelected";
       case "schema-selector":
@@ -2122,123 +2367,123 @@ function je() {
         return "onValueChange";
     }
   }
-  function r(o) {
-    switch (o) {
+  function o(a) {
+    switch (a) {
       case "combo-list":
       case "input-group":
       case "textarea":
         return "onClear";
     }
   }
-  return { resolveEditorProps: e, resolveEditorType: t, getChangeFunctionName: n, getClearFunctionName: r };
+  return { resolveEditorProps: e, resolveEditorType: t, getChangeFunctionName: n, getClearFunctionName: o };
 }
-const ne = /* @__PURE__ */ q({
+const Fe = /* @__PURE__ */ Z({
   name: "FDynamicFormGroup",
-  props: J,
+  props: pe,
   emits: ["change", "update:modelValue"],
   setup(e, t) {
-    const n = m(e.id), r = m(e.customClass), o = m(e.editor), s = m(e.label), i = m(e.modelValue), u = m(e.readonly), p = m(e.required), a = m(e.showLabel), d = m(e.visible);
-    m(e.type);
-    const c = m(), {
-      resolveEditorProps: y,
-      resolveEditorType: w,
-      getChangeFunctionName: l,
-      getClearFunctionName: f
-    } = je(), g = k(() => ({
+    const n = d(e.id), o = d(e.customClass), a = d(e.editor), s = d(e.label), l = d(e.modelValue), u = d(e.readonly), i = d(e.required), r = d(e.showLabel), p = d(e.visible);
+    d(e.type);
+    const c = d(), {
+      resolveEditorProps: v,
+      resolveEditorType: b,
+      getChangeFunctionName: f,
+      getClearFunctionName: g
+    } = Ke(), y = x(() => ({
       "form-group": !0,
       "farris-form-group": !0,
       "common-group": !0,
       "q-state-readonly": u.value
     }));
-    function T(S, $) {
-      i.value = $ !== void 0 ? $ : S, t.emit("update:modelValue", i.value), t.emit("change", i.value);
+    function C(k, R) {
+      l.value = R !== void 0 ? R : k, t.emit("update:modelValue", l.value), t.emit("change", l.value);
     }
-    function D() {
+    function h() {
       t.emit("update:modelValue", "");
     }
-    const M = k(() => {
-      const S = o.value.type || "input-group", $ = w(S), B = y(S, o.value), x = l(S), F = f(o.value.type);
-      return B[x] = T, B[F] = D, () => A($, Z({
+    const F = x(() => {
+      const k = a.value.type || "input-group", R = b(k), T = v(k, a.value), w = f(k), A = g(a.value.type);
+      return T[w] = C, T[A] = h, (T.id == null || T.id === "") && (T.id = n.value), () => m(R, ae({
         ref: c
-      }, B, {
-        modelValue: i.value,
-        "onUpdate:modelValue": (E) => i.value = E
+      }, T, {
+        modelValue: l.value,
+        "onUpdate:modelValue": (E) => l.value = E
       }), null);
     });
-    return I([() => e.id, () => e.customClass, () => e.editor, () => e.label, () => e.modelValue, () => e.readonly, () => e.required, () => e.showLabel, () => e.visible], ([S, $, B, x, F, E, N, O, G]) => {
-      n.value = S, r.value = $, o.value = B, s.value = x, i.value = F, u.value = E, p.value = N, a.value = O, d.value = G;
+    return X([() => e.id, () => e.customClass, () => e.editor, () => e.label, () => e.modelValue, () => e.readonly, () => e.required, () => e.showLabel, () => e.visible], ([k, R, T, w, A, E, O, N, U]) => {
+      n.value = k, o.value = R, a.value = T, s.value = w, l.value = A, u.value = E, i.value = O, r.value = N, p.value = U;
     }), t.expose({
       editorRef: c
-    }), () => d.value && A("div", {
+    }), () => p.value && m("div", {
       id: `${n.value}-input-group`,
-      class: r.value
-    }, [A("div", {
+      class: o.value
+    }, [m("div", {
       class: "farris-group-wrap"
-    }, [A("div", {
-      class: g.value
-    }, [a.value && A(we, {
+    }, [m("div", {
+      class: y.value
+    }, [r.value && m(Ye, {
       id: `${n.value}-lable`,
-      required: p.value,
+      required: i.value,
       text: s.value,
       title: s.value
-    }, null), A("div", {
+    }, null), m("div", {
       class: "farris-input-wrap"
-    }, [M.value()])])])]);
+    }, [F.value()])])])]);
   }
-}), so = {}, lo = {};
-function co(e, t) {
+}), Jo = {}, Qo = {};
+function Zo(e, t) {
   e.schema;
-  const n = m(!0), r = m(!0);
-  function o(c) {
+  const n = d(!0), o = d(!0);
+  function a(c) {
     return !1;
   }
   function s() {
     return !1;
   }
-  function i() {
+  function l() {
     return !1;
   }
   function u() {
     return !0;
   }
-  function p(c) {
+  function i(c) {
   }
-  function a() {
+  function r() {
   }
-  function d(c) {
+  function p(c) {
     return null;
   }
   return {
-    canAccepts: o,
+    canAccepts: a,
     checkCanDeleteComponent: s,
-    checkCanMoveComponent: i,
+    checkCanMoveComponent: l,
     hideNestedPaddingInDesginerView: u,
-    onAcceptMovedChildElement: p,
-    resolveComponentContext: a,
+    onAcceptMovedChildElement: i,
+    resolveComponentContext: r,
     triggerBelongedComponentToMoveWhenMoved: n,
-    triggerBelongedComponentToDeleteWhenDeleted: r,
-    getPropsConfig: d
+    triggerBelongedComponentToDeleteWhenDeleted: o,
+    getPropsConfig: p
   };
 }
-class uo {
+class _o {
   constructor(t, n) {
-    L(this, "componentId");
-    L(this, "viewModelId");
-    L(this, "eventsEditorUtils");
-    L(this, "formSchemaUtils");
-    L(this, "formMetadataConverter");
-    L(this, "designViewModelUtils");
-    L(this, "designViewModelField");
-    L(this, "controlCreatorUtils");
-    L(this, "designerHostService");
-    L(this, "schemaService", null);
-    L(this, "metadataService", null);
-    L(this, "propertyConfig", {
+    G(this, "componentId");
+    G(this, "viewModelId");
+    G(this, "eventsEditorUtils");
+    G(this, "formSchemaUtils");
+    G(this, "formMetadataConverter");
+    G(this, "designViewModelUtils");
+    G(this, "designViewModelField");
+    G(this, "controlCreatorUtils");
+    G(this, "designerHostService");
+    G(this, "schemaService", null);
+    G(this, "metadataService", null);
+    G(this, "propertyConfig", {
       type: "object",
       categories: {}
     });
-    var r;
-    this.componentId = t, this.designerHostService = n, this.eventsEditorUtils = n.eventsEditorUtils, this.formSchemaUtils = n.formSchemaUtils, this.formMetadataConverter = n.formMetadataConverter, this.viewModelId = ((r = this.formSchemaUtils) == null ? void 0 : r.getViewModelIdByComponentId(t)) || "", this.designViewModelUtils = n.designViewModelUtils, this.controlCreatorUtils = n.controlCreatorUtils, this.metadataService = n.metadataService, this.schemaService = n.schemaService;
+    var o;
+    this.componentId = t, this.designerHostService = n, this.eventsEditorUtils = n.eventsEditorUtils, this.formSchemaUtils = n.formSchemaUtils, this.formMetadataConverter = n.formMetadataConverter, this.viewModelId = ((o = this.formSchemaUtils) == null ? void 0 : o.getViewModelIdByComponentId(t)) || "", this.designViewModelUtils = n.designViewModelUtils, this.controlCreatorUtils = n.controlCreatorUtils, this.metadataService = n.metadataService, this.schemaService = n.schemaService;
   }
   getTableInfo() {
     var t;
@@ -2248,8 +2493,8 @@ class uo {
     const n = t.binding && t.binding.type === "Form" && t.binding.field;
     if (n) {
       if (!this.designViewModelField) {
-        const r = this.designViewModelUtils.getDgViewModel(this.viewModelId);
-        this.designViewModelField = r.fields.find((o) => o.id === n);
+        const o = this.designViewModelUtils.getDgViewModel(this.viewModelId);
+        this.designViewModelField = o.fields.find((a) => a.id === n);
       }
       t.updateOn = this.designViewModelField.updateOn;
     }
@@ -2275,7 +2520,7 @@ class uo {
             type: "combo-list",
             textField: "name",
             valueField: "value",
-            data: [{ value: t.type, name: j[t.type].name }]
+            data: [{ value: t.type, name: V[t.type].name }]
           }
         }
       }
@@ -2301,13 +2546,26 @@ class uo {
       }
     };
   }
+  /**
+  * 
+  * @param propertyId 
+  * @param componentInstance 
+  * @returns 
+  */
+  updateElementByParentContainer(t, n) {
+    const o = n && n.parent && n.parent.schema;
+    if (!o)
+      return;
+    const a = o.contents.findIndex((l) => l.id === t), s = Ee(o.contents[a]);
+    o.contents.splice(a, 1), o.contents.splice(a, 0, s);
+  }
 }
-const H = class H {
+const oe = class oe {
   /**
    * 根据绑定字段类型获取可用的输入类控件
    */
   static getEditorTypesByMDataType(t) {
-    const n = H.fieldControlTypeMapping[t];
+    const n = oe.fieldControlTypeMapping[t];
     return n || [{ key: "", value: "" }];
   }
   /**
@@ -2315,9 +2573,9 @@ const H = class H {
    */
   static getAllInputTypes() {
     const t = [];
-    for (let n in H.fieldControlTypeMapping)
-      H.fieldControlTypeMapping[n].forEach((r) => {
-        t.find((o) => o.key === r.key && o.value === r.value) || t.push({ key: r.key, value: r.value });
+    for (let n in oe.fieldControlTypeMapping)
+      oe.fieldControlTypeMapping[n].forEach((o) => {
+        t.find((a) => a.key === o.key && a.value === o.value) || t.push({ key: o.key, value: o.value });
       });
     return t;
   }
@@ -2325,66 +2583,68 @@ const H = class H {
 /**
  * <字段类型,可配置的控件类型列表>的映射
  */
-L(H, "fieldControlTypeMapping", {
+G(oe, "fieldControlTypeMapping", {
   String: [
-    { key: j["input-group"].type, value: j["input-group"].name },
-    { key: j.lookup.type, value: j.lookup.name },
-    { key: j["date-picker"].type, value: j["date-picker"].name },
-    { key: j["check-box"].type, value: j["check-box"].name },
-    { key: j["radio-group"].type, value: j["radio-group"].name },
-    { key: j["combo-list"].type, value: j["combo-list"].name },
-    { key: j.textarea.type, value: j.textarea.name }
+    { key: V["input-group"].type, value: V["input-group"].name },
+    { key: V.lookup.type, value: V.lookup.name },
+    { key: V["date-picker"].type, value: V["date-picker"].name },
+    { key: V["check-box"].type, value: V["check-box"].name },
+    { key: V["radio-group"].type, value: V["radio-group"].name },
+    { key: V["combo-list"].type, value: V["combo-list"].name },
+    { key: V.textarea.type, value: V.textarea.name }
   ],
   Text: [
-    { key: j.textarea.type, value: j.textarea.name },
-    { key: j.lookup.type, value: j.lookup.name }
+    { key: V.textarea.type, value: V.textarea.name },
+    { key: V.lookup.type, value: V.lookup.name }
   ],
   Decimal: [
-    { key: j["number-spinner"].type, value: j["number-spinner"].name }
+    { key: V["number-spinner"].type, value: V["number-spinner"].name }
   ],
   Integer: [
-    { key: j["number-spinner"].type, value: j["number-spinner"].name }
+    { key: V["number-spinner"].type, value: V["number-spinner"].name }
   ],
   Number: [
-    { key: j["number-spinner"].type, value: j["number-spinner"].name }
+    { key: V["number-spinner"].type, value: V["number-spinner"].name }
   ],
   BigNumber: [
-    { key: j["number-spinner"].type, value: j["number-spinner"].name }
+    { key: V["number-spinner"].type, value: V["number-spinner"].name }
   ],
   Date: [
-    { key: j["date-picker"].type, value: j["date-picker"].name }
+    { key: V["date-picker"].type, value: V["date-picker"].name }
   ],
   DateTime: [
-    { key: j["date-picker"].type, value: j["date-picker"].name }
+    { key: V["date-picker"].type, value: V["date-picker"].name }
   ],
   Boolean: [
-    { key: j.switch.type, value: j.switch.name },
-    { key: j["check-box"].type, value: j["check-box"].name }
+    { key: V.switch.type, value: V.switch.name },
+    { key: V["check-box"].type, value: V["check-box"].name }
   ],
   Enum: [
-    { key: j["combo-list"].type, value: j["combo-list"].name },
-    { key: j["radio-group"].type, value: j["radio-group"].name }
+    { key: V["combo-list"].type, value: V["combo-list"].name },
+    { key: V["radio-group"].type, value: V["radio-group"].name }
   ],
   Object: [
-    { key: j.lookup.type, value: j.lookup.name },
-    { key: j["combo-list"].type, value: j["combo-list"].name },
-    { key: j["radio-group"].type, value: j["radio-group"].name }
+    { key: V.lookup.type, value: V.lookup.name },
+    { key: V["combo-list"].type, value: V["combo-list"].name },
+    { key: V["radio-group"].type, value: V["radio-group"].name }
   ]
 });
-let Q = H;
-const po = m(0);
-class fo extends uo {
-  constructor(t, n) {
-    super(t, n);
+let he = oe;
+const Ko = d(0);
+class ea extends _o {
+  constructor(n, o) {
+    super(n, o);
+    G(this, "responseLayoutEditorFunction");
+    this.responseLayoutEditorFunction = qe(this.formSchemaUtils);
   }
-  getPropertyConfig(t, n) {
-    return this.propertyConfig.categories.basic = this.getBasicProperties(t, n), this.propertyConfig.categories.appearance = this.getAppearanceProperties(t), this.propertyConfig.categories.editor = this.getEditorProperties(t), this.propertyConfig;
+  getPropertyConfig(n, o) {
+    return this.propertyConfig.categories.basic = this.getBasicProperties(n, o), this.propertyConfig.categories.appearance = this.getAppearanceProperties(n, o), this.propertyConfig.categories.editor = this.getEditorProperties(n), this.propertyConfig;
   }
-  getBasicProperties(t, n) {
-    var i;
-    var r = this;
-    this.setDesignViewModelField(t);
-    const o = this.formSchemaUtils.getFormMetadataBasicInfo(), s = this.designViewModelUtils.getAllFields2TreeByVMId(this.viewModelId);
+  getBasicProperties(n, o) {
+    var u;
+    var a = this;
+    this.setDesignViewModelField(n);
+    const s = this.formSchemaUtils.getFormMetadataBasicInfo(), l = this.designViewModelUtils.getAllFields2TreeByVMId(this.viewModelId);
     return {
       description: "Basic Information",
       title: "基本信息",
@@ -2396,8 +2656,8 @@ class fo extends uo {
           readonly: !0
         },
         type: {
-          description: "组件类型",
-          title: "控件类型",
+          description: "编辑器类型",
+          title: "编辑器类型",
           type: "string",
           refreshPanelAfterChanged: !0,
           $converter: "/converter/change-editor.converter",
@@ -2406,7 +2666,7 @@ class fo extends uo {
             textField: "value",
             valueField: "key",
             editable: !1,
-            data: r.designViewModelField ? Q.getEditorTypesByMDataType((i = r.designViewModelField.type) == null ? void 0 : i.name) : Q.getAllInputTypes()
+            data: a.designViewModelField ? he.getEditorTypesByMDataType((u = a.designViewModelField.type) == null ? void 0 : u.name) : he.getAllInputTypes()
           }
         },
         label: {
@@ -2422,8 +2682,8 @@ class fo extends uo {
             type: "field-selector",
             bindingType: { enable: !1 },
             editorParams: {
-              propertyData: t,
-              formBasicInfo: o
+              propertyData: n,
+              formBasicInfo: s
             },
             columns: [
               { field: "name", title: "字段名称" },
@@ -2431,22 +2691,27 @@ class fo extends uo {
               { field: "fieldType", title: "字段类型" }
             ],
             textField: "bindingField",
-            data: s
+            data: l
           }
         }
       },
-      setPropertyRelates(u, p) {
-        if (u)
-          switch (u && u.propertyID) {
+      setPropertyRelates(i, r) {
+        if (i)
+          switch (i && i.propertyID) {
             case "type": {
-              r.changeControlType(t, u, n);
+              a.changeControlType(n, i, o);
+              break;
+            }
+            case "label": {
+              i.needRefreshControlTree = !0;
               break;
             }
           }
       }
     };
   }
-  getAppearanceProperties(t) {
+  getAppearanceProperties(n, o) {
+    var a = this;
     return {
       title: "样式",
       description: "Appearance",
@@ -2467,61 +2732,74 @@ class fo extends uo {
           description: "响应式列宽",
           title: "响应式列宽",
           type: "boolean",
-          visible: !1,
+          visible: !0,
+          // 这个属性，标记当属性变更得时候触发重新更新属性
+          refreshPanelAfterChanged: !0,
           editor: {
-            type: "response-layout-editor-setting"
-          },
-          $converter: "/converter/response-form-layout.converter"
+            type: "response-layout-editor-setting",
+            initialState: a.responseLayoutEditorFunction.checkCanOpenLayoutEditor(n, a.componentId)
+          }
         }
+      },
+      setPropertyRelates(s, l) {
+        if (s)
+          switch (s && s.propertyID) {
+            case "responseLayout":
+              a.responseLayoutEditorFunction.changeFormControlsByResponseLayoutConfig(s.propertyValue, a.componentId || n.id), a.updateUnifiedLayoutAfterResponseLayoutChanged(a.componentId), a.updateElementByParentContainer(n.id, o), delete n.responseLayout;
+              break;
+            case "class":
+              a.updateUnifiedLayoutAfterControlChanged(s.propertyValue, n.id, this.componentId), a.updateElementByParentContainer(n.id, o);
+              break;
+          }
       }
     };
   }
-  getEditorProperties(t) {
-    return this.getComponentConfig(t);
+  getEditorProperties(n) {
+    return this.getComponentConfig(n);
   }
   /**
    * 卡片控件：切换控件类型后事件
    * @param propertyData 控件DOM属性
    * @param newControlType 新控件类型
    */
-  changeControlType(t, n, r) {
-    var a, d, c, y;
-    const o = n.propertyValue, s = r && r.parent && r.parent.schema;
-    if (!s)
+  changeControlType(n, o, a) {
+    var p, c, v, b;
+    const s = o.propertyValue, l = a && a.parent && a.parent.schema;
+    if (!l)
       return;
-    const i = s.contents.findIndex((w) => w.id === t.id), u = s.contents[i];
-    let p;
+    const u = l.contents.findIndex((f) => f.id === n.id), i = l.contents[u];
+    let r;
     this.designViewModelField && (this.designViewModelUtils.getDgViewModel(this.viewModelId).changeField(this.designViewModelField.id, {
       editor: {
-        $type: o
+        $type: s
       },
       name: this.designViewModelField.name,
       require: this.designViewModelField.require,
       readonly: this.designViewModelField.readonly
-    }, !1), p = this.controlCreatorUtils.setFormFieldProperty(this.designViewModelField, o)), p || (p = pe("form-group") || {}, p.editor = pe(o) || {}, delete p.editor.id, delete p.editor.binding, delete p.editor.appearance), Object.assign(p, {
-      id: u.id,
-      appearance: u.appearance,
-      size: u.size,
-      label: u.label,
-      binding: u.binding,
-      visible: u.visible
-    }), Object.assign(p.editor, {
-      isTextArea: p.isTextArea && u.isTextArea,
-      placeholder: (a = u.editor) == null ? void 0 : a.placeholder,
-      holdPlace: (d = u.editor) == null ? void 0 : d.holdPlace,
-      readonly: (c = u.editor) == null ? void 0 : c.readonly,
-      require: (y = u.editor) == null ? void 0 : y.require
-    }), s.contents.splice(i, 1), s.contents.splice(i, 0, p), r.schema = Object.assign(u, p), Array.from(document.getElementsByClassName("dgComponentSelected")).forEach(
-      (w) => w.classList.remove("dgComponentSelected")
-    ), po.value++;
-  }
-  getComponentConfig(t, n = {}, r = {}) {
-    const o = Object.assign({
-      description: "组件信息",
-      title: "组件信息",
+    }, !1), r = this.controlCreatorUtils.setFormFieldProperty(this.designViewModelField, s)), r || (r = Oe("form-group") || {}, r.editor = Oe(s) || {}, delete r.editor.id, delete r.editor.binding, delete r.editor.appearance), Object.assign(r, {
+      id: i.id,
+      appearance: i.appearance,
+      size: i.size,
+      label: i.label,
+      binding: i.binding,
+      visible: i.visible
+    }), Object.assign(r.editor, {
+      isTextArea: r.isTextArea && i.isTextArea,
+      placeholder: (p = i.editor) == null ? void 0 : p.placeholder,
+      holdPlace: (c = i.editor) == null ? void 0 : c.holdPlace,
+      readonly: (v = i.editor) == null ? void 0 : v.readonly,
+      require: (b = i.editor) == null ? void 0 : b.require
+    }), l.contents.splice(u, 1), l.contents.splice(u, 0, r), a.schema = Object.assign(i, r), Array.from(document.getElementsByClassName("dgComponentSelected")).forEach(
+      (f) => f.classList.remove("dgComponentSelected")
+    ), Ko.value++;
+  }
+  getComponentConfig(n, o = {}, a = {}) {
+    const s = Object.assign({
+      description: "编辑器",
+      title: "编辑器",
       type: "input-group",
       $converter: "/converter/property-editor.converter"
-    }, n), s = Object.assign({
+    }, o), l = Object.assign({
       readonly: {
         description: "",
         title: "只读",
@@ -2542,148 +2820,196 @@ class fo extends uo {
         title: "提示文本",
         type: "string"
       }
-    }, r);
-    return { ...o, properties: { ...s } };
+    }, a);
+    return { ...s, properties: { ...l } };
+  }
+  /**
+  * 修改某一输入控件的样式后更新Form的统一布局配置
+  * @param controlClass 控件样式
+  * @param controlId 控件Id
+  * @param componentId 控件所在组件id
+  */
+  updateUnifiedLayoutAfterControlChanged(n, o, a) {
+    const s = n.split(" ");
+    let l = s.find((c) => /^col-([1-9]|10|11|12)$/.test(c)), u = s.find((c) => /^col-md-([1-9]|10|11|12)$/.test(c)), i = s.find((c) => /^col-xl-([1-9]|10|11|12)$/.test(c)), r = s.find((c) => /^col-el-([1-9]|10|11|12)$/.test(c));
+    l = l || "col-12", u = u || "col-md-" + l.replace("col-", ""), i = i || "col-xl-" + u.replace("col-md-", ""), r = r || "col-el-" + i.replace("col-xl-", "");
+    const p = {
+      id: o,
+      columnInSM: parseInt(l.replace("col-", ""), 10),
+      columnInMD: parseInt(u.replace("col-md-", ""), 10),
+      columnInLG: parseInt(i.replace("col-xl-", ""), 10),
+      columnInEL: parseInt(r.replace("col-el-", ""), 10)
+    };
+    this.updateUnifiedLayoutAfterResponseLayoutChanged(a, p);
+  }
+  /**
+   * 修改控件布局配置后更新Form统一布局配置
+   * @param componentId 组件Id
+   * @param controlLayoutConfig 某单独变动的控件配置项，FormResponseLayoutContext类型
+   */
+  updateUnifiedLayoutAfterResponseLayoutChanged(n, o) {
+    const { formNode: a } = this.responseLayoutEditorFunction.checkCanFindFormNode(n);
+    if (!a || !a.unifiedLayout)
+      return;
+    const s = [];
+    if (this.responseLayoutEditorFunction.getResonseFormLayoutConfig(a, s, 1), o) {
+      const f = s.find((g) => g.id === o.id);
+      Object.assign(f || {}, o);
+    }
+    const l = s.map((f) => f.columnInSM), u = s.map((f) => f.columnInMD), i = s.map((f) => f.columnInLG), r = s.map((f) => f.columnInEL), p = this.checkIsUniqueColumn(l) ? l[0] : null, c = this.checkIsUniqueColumn(u) ? u[0] : null, v = this.checkIsUniqueColumn(i) ? i[0] : null, b = this.checkIsUniqueColumn(r) ? r[0] : null;
+    Object.assign(a.unifiedLayout, {
+      uniqueColClassInSM: p,
+      uniqueColClassInMD: c,
+      uniqueColClassInLG: v,
+      uniqueColClassInEL: b
+    });
+  }
+  /**
+   * 校验宽度样式值是否一致
+   */
+  checkIsUniqueColumn(n) {
+    const o = new Set(n);
+    return Array.from(o).length === 1;
   }
 }
-class mo extends fo {
+class ta extends ea {
   constructor(t, n) {
     super(t, n);
   }
 }
-function yo(e, t) {
+function na(e, t) {
   const {
     canAccepts: n,
-    checkCanDeleteComponent: r,
-    checkCanMoveComponent: o,
+    checkCanDeleteComponent: o,
+    checkCanMoveComponent: a,
     hideNestedPaddingInDesginerView: s,
-    onAcceptMovedChildElement: i,
+    onAcceptMovedChildElement: l,
     resolveComponentContext: u,
-    triggerBelongedComponentToMoveWhenMoved: p,
-    triggerBelongedComponentToDeleteWhenDeleted: a
-  } = co(e), d = e.schema;
-  function c(y, w) {
-    return new mo(y, t).getPropertyConfig(d, w);
+    triggerBelongedComponentToMoveWhenMoved: i,
+    triggerBelongedComponentToDeleteWhenDeleted: r
+  } = Zo(e), p = e.schema;
+  function c(v, b) {
+    return new ta(v, t).getPropertyConfig(p, b);
   }
   return {
     canAccepts: n,
-    checkCanDeleteComponent: r,
-    checkCanMoveComponent: o,
+    checkCanDeleteComponent: o,
+    checkCanMoveComponent: a,
     hideNestedPaddingInDesginerView: s,
-    onAcceptMovedChildElement: i,
+    onAcceptMovedChildElement: l,
     resolveComponentContext: u,
-    triggerBelongedComponentToMoveWhenMoved: p,
-    triggerBelongedComponentToDeleteWhenDeleted: a,
+    triggerBelongedComponentToMoveWhenMoved: i,
+    triggerBelongedComponentToDeleteWhenDeleted: r,
     getPropsConfig: c
   };
 }
-const go = /* @__PURE__ */ q({
+const oa = /* @__PURE__ */ Z({
   name: "FInputGroupDesign",
-  props: se,
+  props: Ie,
   emits: ["updateExtendInfo", "clear", "valueChange", "clickHandle", "blurHandle", "focusHandle", "enterHandle", "iconMouseEnter", "iconMouseLeave", "keyupHandle", "keydownHandle", "inputClick"],
   setup(e, t) {
-    const n = m(e.modelValue), r = m(e.modelValue), o = Zn(e, t, n, r), {
+    const n = d(e.modelValue), o = d(e.modelValue), a = Ro(e, t, n, o), {
       inputGroupClass: s,
-      inputType: i,
+      inputType: l,
       inputGroupStyle: u
-    } = o, p = Fe(e), {
-      shouldShowAppendedButton: a
-    } = p, d = Te(e, t, o), {
+    } = a, i = Qe(e), {
+      shouldShowAppendedButton: r
+    } = i, p = Je(e, t, a), {
       onMouseEnter: c,
-      onMouseLeave: y
-    } = d, w = Be(e, t, i, p), l = m(), f = z("designer-host-service"), g = z("design-item-context"), T = yo(g, f), D = ie(l, g, T);
-    U(() => {
-      l.value.componentInstance = D;
-    }), t.expose(D.value);
-    const M = ke(e, t, p, d, w), S = m();
-    return () => A("div", {
+      onMouseLeave: v
+    } = p, b = Ze(e, t, l, i), f = d(), g = ue("designer-host-service"), y = ue("design-item-context"), C = na(y, g), h = je(f, y, C);
+    K(() => {
+      f.value.componentInstance = h;
+    }), t.expose(h.value);
+    const F = _e(e, t, i, p, b), k = d();
+    return () => m("div", {
       id: "inputGroup",
-      ref: l,
+      ref: f,
       class: s.value,
       style: u.value,
       onMouseenter: c,
-      onMouseleave: y
-    }, [A("input", {
-      ref: S,
+      onMouseleave: v
+    }, [m("input", {
+      ref: k,
       class: "form-control",
       readonly: !0,
       placeholder: e.placeholder
-    }, null), a.value && M()]);
+    }, null), r.value && F()]);
   }
 });
-function bo() {
-  function e(n, r) {
-    const o = lo[n];
-    return o ? o(r) : {};
+function aa() {
+  function e(n, o) {
+    const a = Qo[n];
+    return a ? a(o) : {};
   }
   function t(n) {
-    return so[n] || go;
+    return Jo[n] || oa;
   }
   return { resolveEditorProps: e, resolveEditorType: t };
 }
-const ho = /* @__PURE__ */ q({
+const ra = /* @__PURE__ */ Z({
   name: "FDynamicFormGroupDesign",
-  props: J,
+  props: pe,
   emits: ["change", "update:modelValue"],
   setup(e, t) {
-    const n = m(e.id), r = m(e.customClass), o = m(e.editor), s = m(e.label), i = m(e.modelValue), u = m(!0), p = m(e.required), a = m(e.showLabel);
-    m(e.type);
-    const d = m(), {
+    const n = d(e.id), o = d(e.customClass), a = d(e.editor), s = d(e.label), l = d(e.modelValue), u = d(!0), i = d(e.required), r = d(e.showLabel);
+    d(e.type);
+    const p = d(), {
       resolveEditorProps: c,
-      resolveEditorType: y
-    } = bo(), w = k(() => ({
+      resolveEditorType: v
+    } = aa(), b = x(() => ({
       "form-group": !0,
       "farris-form-group": !0,
       "common-group": !0,
       "q-state-readonly": u.value,
       "form-group-in-canvas": !0
-    })), l = k(() => {
-      const f = o.value.type || "input-group", g = y(f), T = c(f, o.value);
-      return () => A(g, Z({
-        ref: d
-      }, T, {
-        modelValue: i.value,
-        "onUpdate:modelValue": (D) => i.value = D
+    })), f = x(() => {
+      const g = a.value.type || "input-group", y = v(g), C = c(g, a.value);
+      return () => m(y, ae({
+        ref: p
+      }, C, {
+        modelValue: l.value,
+        "onUpdate:modelValue": (h) => l.value = h
       }), null);
     });
-    return I([() => e.id, () => e.customClass, () => e.editor, () => e.label, () => e.modelValue, () => e.readonly, () => e.required, () => e.showLabel], ([f, g, T, D, M, S, $, B]) => {
-      n.value = f, r.value = g, o.value = T, s.value = D, i.value = M, u.value = S, p.value = $, a.value = B;
+    return X([() => e.id, () => e.customClass, () => e.editor, () => e.label, () => e.modelValue, () => e.readonly, () => e.required, () => e.showLabel], ([g, y, C, h, F, k, R, T]) => {
+      n.value = g, o.value = y, a.value = C, s.value = h, l.value = F, u.value = k, i.value = R, r.value = T;
     }), t.expose({
-      editorRef: d
-    }), () => A("div", {
+      editorRef: p
+    }), () => m("div", {
       id: `${n.value}-input-group`,
-      class: r.value,
+      class: o.value,
       design_test: !0
-    }, [A("div", {
+    }, [m("div", {
       class: "farris-group-wrap"
-    }, [A("div", {
-      class: w.value
-    }, [a.value && A(we, {
+    }, [m("div", {
+      class: b.value
+    }, [r.value && m(Ye, {
       id: `${n.value}-lable`,
-      required: p.value,
+      required: i.value,
       text: s.value,
       title: s.value
-    }, null), A("div", {
+    }, null), m("div", {
       class: "farris-input-wrap"
-    }, [l.value()])])])]);
+    }, [f.value()])])])]);
   }
-}), vo = /* @__PURE__ */ q({
+}), sa = /* @__PURE__ */ Z({
   name: "FFormGroupDesign",
-  props: J,
+  props: pe,
   emits: [],
   setup(e, t) {
-    const n = m(), r = z("design-item-context"), o = ie(n, r);
-    return o.value.canNested = !1, o.value.canMove = !0, o.value.canDelete = !0, U(() => {
-      n.value.componentInstance = o, o.value.getPropConfig = (...s) => {
-        var u, p, a;
-        let i = be[e.editor.type];
-        return i && Object.keys(i).length === 0 && ((u = n.value) != null && u.editorRef) && ((a = (p = n.value) == null ? void 0 : p.editorRef) != null && a.getPropConfig) && (i = n.value.editorRef.getPropConfig(...s, o.value)), i;
+    const n = d(), o = ue("design-item-context"), a = je(n, o);
+    return a.value.canNested = !1, a.value.canMove = !0, a.value.canDelete = !0, K(() => {
+      n.value.componentInstance = a, a.value.getPropConfig = (...s) => {
+        var u, i, r;
+        let l = He[e.editor.type];
+        return l && Object.keys(l).length === 0 && ((u = n.value) != null && u.editorRef) && ((r = (i = n.value) == null ? void 0 : i.editorRef) != null && r.getPropConfig) && (l = n.value.editorRef.getPropConfig(...s, a.value)), l;
       };
-    }), t.expose(o.value), () => A(ho, Z(e, {
+    }), t.expose(a.value), () => m(ra, ae(e, {
       ref: n
     }), null);
   }
-}), Pe = {
+}), et = {
   id: { type: String, default: "" },
   /** 筛选组件配置器，具体配置项可查看各组件文档 */
   editor: { type: Object, default: {} },
@@ -2697,56 +3023,1375 @@ const ho = /* @__PURE__ */ q({
    * 作为内嵌编辑器被创建后默认选中文本
    */
   selectOnCreated: { type: Boolean, default: !1 }
-}, Co = X(
+}, la = be(
+  et,
+  Xe,
   Pe,
-  Ce,
-  ae,
   void 0
-), wo = /* @__PURE__ */ q({
+), ia = /* @__PURE__ */ Z({
   name: "FDynamicFormInput",
-  props: Pe,
+  props: et,
   emits: ["change", "update:modelValue"],
   setup(e, t) {
-    const n = m(e.id), r = m(e.editor), o = m(e.modelValue), {
+    const n = d(e.id), o = d(e.editor), a = d(e.modelValue), {
       resolveEditorProps: s,
-      resolveEditorType: i,
+      resolveEditorType: l,
       getChangeFunctionName: u
-    } = je();
-    function p(d, c) {
-      o.value = c !== void 0 ? c : d, t.emit("update:modelValue", o.value), t.emit("change", o.value);
+    } = Ke();
+    function i(p, c) {
+      a.value = c !== void 0 ? c : p, t.emit("update:modelValue", a.value), t.emit("change", a.value);
     }
-    const a = k(() => {
-      const d = i(r.value.type), c = s(r.value.type, r.value);
+    const r = x(() => {
+      const p = l(o.value.type), c = s(o.value.type, o.value);
       c.focusOnCreated = e.focusOnCreated, c.selectOnCreated = e.selectOnCreated;
-      const y = u(r.value.type);
-      return c[y] = p, () => A(d, Z(c, {
-        modelValue: o.value,
-        "onUpdate:modelValue": (w) => o.value = w
+      const v = u(o.value.type);
+      return c[v] = i, (c.id == null || c.id === "") && (c.id = n.value), () => m(p, ae(c, {
+        modelValue: a.value,
+        "onUpdate:modelValue": (b) => a.value = b
       }), null);
     });
-    return I([() => e.id, () => e.editor, () => e.modelValue], ([d, c, y]) => {
-      n.value = d, r.value = c, o.value = y;
-    }), () => a.value();
+    return X([() => e.id, () => e.editor, () => e.modelValue], ([p, c, v]) => {
+      n.value = p, o.value = c, a.value = v;
+    }), () => r.value();
+  }
+}), ua = "https://json-schema.org/draft/2020-12/schema", ca = "https://farris-design.gitee.io/grid-field-editor.schema.json", da = "response-form-layout-setting", pa = "A Farris Data Grid Component", fa = "object", ma = {
+  id: {
+    description: "The unique identifier for a Input Group",
+    type: "string"
+  },
+  type: {
+    description: "The type string of Input Group component",
+    type: "string",
+    default: "response-form-layout-setting"
+  },
+  viewModelId: {
+    description: "",
+    type: "string",
+    default: ""
+  },
+  gridData: {
+    description: "",
+    type: "Object",
+    default: null
+  }
+}, va = [
+  "id",
+  "type"
+], ga = {
+  $schema: ua,
+  $id: ca,
+  title: da,
+  description: pa,
+  type: fa,
+  properties: ma,
+  required: va
+}, tt = {
+  initialState: {
+    type: Object,
+    default: {
+      uniqueColClassInSM: 12,
+      uniqueColClassInMD: 6,
+      uniqueColClassInLG: 3,
+      uniqueColClassInEL: 2
+    }
+  }
+}, ya = Rn(tt, ga, Gn, Jn), ha = {
+  width: { Type: Number, default: 400 },
+  type: { Type: String, default: "info" },
+  title: { Type: String, default: "" },
+  detail: { Type: String, default: "" },
+  okButtonText: { Type: String, default: "确定" },
+  cancelButtonText: { Type: String, default: "取消" },
+  exceptionInfo: { Type: Object, default: null },
+  promptEditorType: { Type: String, default: "text-area" }
+};
+function Le() {
+  return new DOMException("The request is not allowed", "NotAllowedError");
+}
+async function ba(e) {
+  if (!navigator.clipboard)
+    throw Le();
+  return navigator.clipboard.writeText(e);
+}
+async function Ca(e) {
+  const t = document.createElement("span");
+  t.textContent = e, t.style.whiteSpace = "pre", t.style.webkitUserSelect = "auto", t.style.userSelect = "all", document.body.appendChild(t);
+  const n = window.getSelection(), o = window.document.createRange();
+  n == null || n.removeAllRanges(), o.selectNode(t), n == null || n.addRange(o);
+  let a = !1;
+  try {
+    a = window.document.execCommand("copy");
+  } finally {
+    n == null || n.removeAllRanges(), window.document.body.removeChild(t);
+  }
+  if (!a) throw Le();
+}
+async function wa(e) {
+  try {
+    await ba(e);
+  } catch (t) {
+    try {
+      await Ca(e);
+    } catch (n) {
+      throw n || t || Le();
+    }
+  }
+}
+function xa() {
+  async function e(t) {
+    await wa(t);
+  }
+  return { onCopy: e };
+}
+function Ta(e, t, n, o) {
+  const a = d(14), s = d(140), l = d(""), u = d(o.value.length), i = x(() => o.value), r = x(() => ({
+    "font-size": `${a.value}px`,
+    height: "100%"
+  }));
+  function p(c) {
+    if (c.currentTarget) {
+      const v = c.currentTarget.value || "";
+      u.value = v.length;
+    }
+  }
+  return () => m(ce, null, [m("textarea", {
+    title: "promptMessage",
+    name: "promptMessage",
+    class: "form-control",
+    style: r.value,
+    rows: "4",
+    maxlength: s.value,
+    onInput: (c) => p(c)
+  }, [i.value]), m("span", {
+    class: "textarea-wordcount",
+    title: l.value,
+    style: "position: absolute; bottom: 76px; right: 32px; cursor: pointer; text-align: right;"
+  }, [u.value + " / " + s.value])]);
+}
+function Ba(e, t, n, o) {
+  const a = Ta(e, t, n, o), s = /* @__PURE__ */ new Map([["text-area", a]]);
+  function l(u) {
+    return s.get(u) || null;
+  }
+  return { getEditorRender: l };
+}
+function Ma() {
+  const e = d(!1), t = d("复制成功");
+  return {
+    feedbackStyle: x(() => {
+      const o = {
+        position: "absolute",
+        left: "50%",
+        top: "50%",
+        width: "100px",
+        height: "40px",
+        background: "#303C53",
+        "line-height": "40px",
+        "text-align": "center",
+        "margin-left": "-30px",
+        "margin-top": "-50px",
+        "border-radius": "10px",
+        "box-shadow": "0px 2px 8px 0px",
+        color: "#fff",
+        transition: "all .3s ease"
+      };
+      return o.opacity = e.value ? "0.8" : "0", o.display = e.value ? "" : "none", o;
+    }),
+    feedbackMessage: t,
+    toShowFeedback: e
+  };
+}
+function Fa(e, t) {
+  const n = t.getEditorRender(e.promptEditorType);
+  return () => n && n();
+}
+function ka(e) {
+  const t = d(3), n = d(480), o = x(() => !!e.value && !!e.value.date), a = x(() => `发生时间 : ${e.value && e.value.date || ""}`), s = x(() => !!e.value && !!e.value.detail), l = x(() => {
+    const y = `${n.value}px`;
+    return {
+      overflow: "hidden",
+      "text-overflow": "ellipsis",
+      display: "-webkit-box",
+      "-webkit-box-orient": "vertical",
+      "-webkit-line-clamp": t.value,
+      "max-height": y
+    };
+  }), u = x(() => e.value && e.value.detail || ""), i = x(() => !0), r = d(!1), p = d("展开"), c = d("收起"), v = x(() => {
+    const y = {
+      display: "block",
+      color: "#2A87FF"
+    };
+    return y["text-align"] = r.value ? "" : "right", y;
+  });
+  function b(y, C) {
+    r.value = !r.value, t.value = r.value ? 20 : 3;
+  }
+  function f(y) {
+    return b();
+  }
+  function g(y) {
+    return b();
+  }
+  return () => m("div", {
+    class: "toast-msg-detail"
+  }, [o.value && m("div", null, [a.value]), s.value && m("div", {
+    id: "exception_error_msg",
+    ref: "exceptionMessageRef",
+    style: l.value
+  }, [_("详细信息 : "), m("span", {
+    innerHTML: u.value
+  }, null)]), i.value && m("span", {
+    style: v.value
+  }, [r.value && m("span", {
+    onClick: f,
+    style: "cursor: pointer;"
+  }, [c.value]), !r.value && m("span", {
+    onClick: g,
+    style: "cursor: pointer;"
+  }, [p.value])])]);
+}
+function Ea(e) {
+  return () => m("p", {
+    class: "toast-msg-detail",
+    innerHTML: e.value
+  }, null);
+}
+function Sa(e, t, n, o) {
+  const a = d(e.exceptionInfo), s = x(() => {
+    const v = {
+      "f-icon": !0
+    }, b = `f-icon-${t.value}`;
+    return v[b] = !0, v;
+  }), l = x(() => n.value || a.value && a.value.message), u = x(() => o.value), i = x(() => !!o.value), r = x(() => !!a.value);
+  function p() {
+    return r.value ? ka(a) : i.value ? Ea(u) : () => null;
+  }
+  const c = p();
+  return () => m(ce, null, [m("div", {
+    class: "float-left modal-tips-iconwrap"
+  }, [m("span", {
+    class: s.value
+  }, null)]), m("div", {
+    class: "modal-tips-content"
+  }, [m("p", {
+    class: "toast-msg-title",
+    innerHTML: l.value
+  }, null), c()])]);
+}
+function Pa(e, t, n) {
+  const {
+    onCopy: o
+  } = t, {
+    toShowFeedback: a
+  } = n, s = d("复制成功"), l = d("复制详细信息"), u = d(e.exceptionInfo || {
+    date: "",
+    message: "",
+    detail: ""
+  }), i = x(() => u.value && u.value.detail || "");
+  function r(p) {
+    o(i.value).catch((c) => {
+      s.value = "复制失败";
+    }).finally(() => {
+      a.value = !0, setTimeout(() => {
+        a.value = !1;
+      }, 700);
+    });
+  }
+  return () => m("span", {
+    style: "width: 100%;color: #2A87FF;padding-left: 37px;"
+  }, [m("span", {
+    onClick: r,
+    style: "cursor: pointer;"
+  }, [l.value])]);
+}
+function ja(e, t, n, o) {
+  const a = d(e.type), s = d([]), l = d(e.exceptionInfo), u = d(e.okButtonText), i = d(e.cancelButtonText), r = d(!0), p = d(!0), c = x(() => !!(s.value && s.value.length)), v = x(() => l.value && l.value.date && l.value.message && l.value.detail), b = x(() => !(s.value && s.value.length) && (u.value || i.value)), f = x(() => p.value && u.value), g = x(() => r.value && i.value), y = Pa(e, n, o);
+  function C(F) {
+    a.value === "question" && t.emit("reject"), t.emit("close");
+  }
+  function h(F) {
+    a.value === "question" && t.emit("accept"), t.emit("close");
+  }
+  return () => m("div", {
+    class: "modal-footer"
+  }, [v.value && y(), b.value && g.value && m("button", {
+    type: "button",
+    class: "btn btn-secondary btn-lg",
+    onClick: C
+  }, [i.value]), b.value && f.value && m("button", {
+    type: "button",
+    class: "btn btn-primary btn-lg",
+    onClick: h
+  }, [u.value]), c.value && s.value.length && s.value.map((F) => m("button", {
+    type: "button",
+    onClick: F.handle,
+    class: F.class
+  }, [F.iconClass && m("span", {
+    class: F.iconClass
+  }, null), F.text]))]);
+}
+const ge = /* @__PURE__ */ Z({
+  name: "FMessageBox",
+  props: ha,
+  emits: ["accept", "reject", "close"],
+  setup(e, t) {
+    const n = d(e.type), o = d(e.title), a = d(e.detail), s = x(() => {
+      const y = {
+        "modal-tips": !0,
+        "d-flex": !0,
+        "flex-row": !0
+      }, C = `messager-type-${n.value}`;
+      return y[C] = !0, y;
+    }), l = x(() => {
+      const y = {};
+      return n.value === "prompt" ? y.padding = "0.5rem 0.5rem 1rem 1.5rem" : n.value === "error" && (y.padding = "0.5rem 1.5rem 1rem 1.5rem"), y;
+    }), u = xa(), i = Ba(e, n, o, a), r = Ma(), {
+      feedbackStyle: p,
+      feedbackMessage: c
+    } = r;
+    function v() {
+      return m("div", {
+        style: p.value
+      }, [c.value]);
+    }
+    function b() {
+      switch (n.value) {
+        case "prompt":
+          return Fa(e, i);
+        default:
+          return Sa(e, n, o, a);
+      }
+    }
+    const f = b(), g = ja(e, t, u, r);
+    return () => m("div", {
+      class: "farris-messager"
+    }, [m("section", {
+      class: s.value,
+      style: l.value
+    }, [f()]), g(), v()]);
+  }
+}), Ia = {
+  /**
+   * 自定义类
+   */
+  class: { type: String, default: "" },
+  /**
+   * 模态框标题
+   */
+  title: { type: String, default: "" },
+  /**
+   * 模态框宽度
+   */
+  width: { type: Number, default: 500 },
+  /**
+   * 模态框高度
+   */
+  height: { type: Number, default: 320 },
+  /**
+   * 自定义按钮列表
+    */
+  buttons: {
+    type: Array,
+    default: []
+  },
+  /**
+   * 是否展示模态框
+   */
+  modelValue: { type: Boolean, default: !1 },
+  /**
+   * 是否展示头部
+   */
+  showHeader: { type: Boolean, default: !0 },
+  /**
+   * 是否展示默认按钮
+   */
+  showButtons: { type: Boolean, default: !0 },
+  /**
+   * 是否启用自适应样式
+   */
+  fitContent: { type: Boolean, default: !0 },
+  /**
+   * 是否展示右上角按钮
+   */
+  showCloseButton: { type: Boolean, default: !0 },
+  showMaxButton: { type: Boolean, default: !1 },
+  minHeight: { type: Number },
+  maxHeight: { type: Number },
+  minWidth: { type: Number },
+  maxWidth: { type: Number },
+  containment: { type: Object, default: null },
+  reiszeable: { type: Boolean, default: !1 },
+  draggable: { type: Boolean, default: !1 },
+  dragHandle: { type: Object, default: null },
+  closedCallback: { type: Function, default: null },
+  resizeHandle: { type: Function, default: null },
+  render: { type: Function, default: null },
+  acceptCallback: { type: Function, default: null },
+  rejectCallback: { type: Function, default: null },
+  enableEsc: { type: Boolean, default: !0 },
+  enableEnter: { type: Boolean, default: !1 }
+};
+class J {
+  constructor(t, n) {
+    this.x = t, this.y = n;
+  }
+  static getTransformInfo(t) {
+    const o = window.getComputedStyle(t).getPropertyValue("transform").replace(/[^-\d,]/g, "").split(",");
+    if (o.length >= 6) {
+      const a = parseInt(o[4], 10), s = parseInt(o[5], 10);
+      return { x: a, y: s };
+    }
+    return { x: 0, y: 0 };
+  }
+  static fromEvent(t, n = null) {
+    if (this.isMouseEvent(t))
+      return new J(t.clientX, t.clientY);
+    if (n === null || t.changedTouches.length === 1)
+      return new J(t.changedTouches[0].clientX, t.changedTouches[0].clientY);
+    for (let o = 0; o < t.changedTouches.length; o++)
+      if (t.changedTouches[o].target === n)
+        return new J(t.changedTouches[o].clientX, t.changedTouches[o].clientY);
+  }
+  static isMouseEvent(t) {
+    return Object.prototype.toString.apply(t).indexOf("MouseEvent") === 8;
+  }
+  static isIPosition(t) {
+    return !!t && "x" in t && "y" in t;
+  }
+  static getCurrent(t) {
+    const n = new J(0, 0);
+    if (window) {
+      const o = window.getComputedStyle(t);
+      if (o) {
+        const a = parseInt(o.getPropertyValue("left"), 10), s = parseInt(o.getPropertyValue("top"), 10);
+        n.x = isNaN(a) ? 0 : a, n.y = isNaN(s) ? 0 : s;
+      }
+      return n;
+    }
+    return null;
+  }
+  static copy(t) {
+    return new J(0, 0).set(t);
+  }
+  get value() {
+    return { x: this.x, y: this.y };
+  }
+  add(t) {
+    return this.x += t.x, this.y += t.y, this;
+  }
+  subtract(t) {
+    return this.x -= t.x, this.y -= t.y, this;
+  }
+  multiply(t) {
+    this.x *= t, this.y *= t;
+  }
+  divide(t) {
+    this.x /= t, this.y /= t;
+  }
+  reset() {
+    return this.x = 0, this.y = 0, this;
+  }
+  set(t) {
+    return this.x = t.x, this.y = t.y, this;
+  }
+}
+class ne {
+  constructor(t, n) {
+    this.width = t, this.height = n;
+  }
+  static getCurrent(t) {
+    const n = new ne(0, 0);
+    if (window) {
+      const o = window.getComputedStyle(t);
+      return o && (n.width = parseInt(o.getPropertyValue("width"), 10), n.height = parseInt(o.getPropertyValue("height"), 10)), n;
+    }
+    return null;
+  }
+  static copy(t) {
+    return new ne(0, 0).set(t);
+  }
+  set(t) {
+    return this.width = t.width, this.height = t.height, this;
+  }
+}
+function La(e, t) {
+  const n = d(), o = d(), a = d(), s = d(), l = d(), u = d(), i = d(), r = d(), p = d(), c = d(), v = d(), b = d(), f = d(e.draggable), g = d(!1);
+  function y() {
+    const M = o.value || document.body, S = window.getComputedStyle(M);
+    if (!S || !n.value)
+      return;
+    const q = J.getTransformInfo(n.value), $ = {};
+    i.value && ($.deltaL = n.value.offsetLeft - i.value.x, $.deltaT = n.value.offsetTop - i.value.y);
+    const W = S.getPropertyValue("position");
+    $.width = M.clientWidth, $.height = M.clientHeight, $.pr = parseInt(S.getPropertyValue("padding-right"), 10), $.pb = parseInt(S.getPropertyValue("padding-bottom"), 10), $.position = S.getPropertyValue("position"), W === "static" && (M.style.position = "relative"), $.translateX = q.x, $.translateY = q.y, c.value = $;
+  }
+  function C(M) {
+    if (n.value) {
+      s.value = ne.getCurrent(n.value), l.value = J.getCurrent(n.value), u.value = s.value ? ne.copy(s.value) : null, i.value = l.value ? J.copy(l.value) : null, y();
+      const S = M.target.getAttribute("type") || "";
+      r.value = {
+        n: !!S.match(/n/),
+        s: !!S.match(/s/),
+        w: !!S.match(/w/),
+        e: !!S.match(/e/)
+      };
+    }
+  }
+  function h() {
+    var M, S, q, $;
+    if (n.value) {
+      const W = n.value;
+      r.value && ((r.value.n || r.value.s) && ((M = u.value) != null && M.height) && (W.style.height = u.value.height + "px"), (r.value.w || r.value.e) && ((S = u.value) != null && S.width) && (W.style.width = u.value.width + "px"), i.value && ((q = i.value) != null && q.x && (W.style.left = i.value.x + "px"), ($ = i.value) != null && $.y && (W.style.top = i.value.y + "px")));
+    }
+  }
+  function F() {
+    const M = e.minHeight ? e.minHeight : 1, S = e.minWidth ? e.minWidth : 1;
+    u.value && i.value && r.value && s.value && (u.value.height < M && (u.value.height = M, r.value.n && l.value && (i.value.y = l.value.y + (s.value.height - M))), u.value.width < S && (u.value.width = S, r.value.w && l.value && (i.value.x = l.value.x + (s.value.width - S))), e.maxHeight && u.value.height > e.maxHeight && (u.value.height = e.maxHeight, l.value && r.value.n && (i.value.y = l.value.y + (s.value.height - e.maxHeight))), e.maxWidth && u.value.width > e.maxWidth && (u.value.width = e.maxWidth, r.value.w && l.value && (i.value.x = l.value.x + (s.value.width - e.maxWidth))));
+  }
+  function k() {
+    if (o.value) {
+      const M = c.value;
+      if (i.value && u.value && r.value && s.value) {
+        const S = M.width - M.pr - M.deltaL - M.translateX - i.value.x, q = M.height - M.pb - M.deltaT - M.translateY - i.value.y;
+        r.value.n && i.value.y + M.translateY < 0 && l.value && (i.value.y = -M.translateY, u.value.height = s.value.height + l.value.y + M.translateY), r.value.w && i.value.x + M.translateX < 0 && l.value && (i.value.x = -M.translateX, u.value.width = s.value.width + l.value.x + M.translateX), u.value.width > S && (u.value.width = S), u.value.height > q && (u.value.height = q);
+      }
+    }
+  }
+  function R(M) {
+    if (!a.value || !s.value || !l.value || !r.value)
+      return;
+    M.subtract(a.value);
+    const S = M.x, q = M.y;
+    r.value.n ? (i.value.y = l.value.y + q, u.value.height = s.value.height - q) : r.value.s && (u.value.height = s.value.height + q), r.value.e ? u.value.width = s.value.width + S : r.value.w && (u.value.width = s.value.width - S, i.value.x = l.value.x + S), k(), F(), h();
+  }
+  function T(M) {
+    if (!p.value)
+      return;
+    const S = J.fromEvent(M);
+    S && R(S);
+  }
+  function w() {
+    if (n.value) {
+      const {
+        width: M,
+        height: S,
+        x: q,
+        y: $
+      } = n.value.getBoundingClientRect(), W = J.getTransformInfo(n.value);
+      return {
+        size: {
+          width: M,
+          height: S
+        },
+        position: {
+          x: q - W.x,
+          y: $ - W.y
+        }
+      };
+    }
+    return null;
+  }
+  function A(M) {
+    if (n.value) {
+      const S = w();
+      v.value = S;
+    }
+    a.value = void 0, s.value = null, l.value = null, u.value = null, i.value = null, r.value = null, p.value = null, document.removeEventListener("mousemove", T), document.removeEventListener("mouseup", A);
+  }
+  function E() {
+    document.addEventListener("mousemove", T), document.addEventListener("mouseup", A);
+  }
+  function O(M) {
+    M instanceof MouseEvent && M.button === 2 || f.value && (M.stopPropagation(), M.preventDefault(), a.value = J.fromEvent(M), p.value = M.target, C(M), E());
+  }
+  function N(M) {
+    return n.value = M, m(ce, null, [m("div", {
+      class: "fv-resizable-handle fv-resizable-n",
+      type: "n",
+      onMousedown: (S) => O(S)
+    }, null), m("div", {
+      class: "fv-resizable-handle fv-resizable-e",
+      type: "e",
+      onMousedown: (S) => O(S)
+    }, null), m("div", {
+      class: "fv-resizable-handle fv-resizable-s",
+      type: "s",
+      onMousedown: (S) => O(S)
+    }, null), m("div", {
+      class: "fv-resizable-handle fv-resizable-w",
+      type: "w",
+      onMousedown: (S) => O(S)
+    }, null), m("div", {
+      class: "fv-resizable-handle fv-resizable-ne",
+      type: "ne",
+      onMousedown: (S) => O(S)
+    }, null), m("div", {
+      class: "fv-resizable-handle fv-resizable-se fv-resizable-diagonal",
+      type: "se",
+      onMousedown: (S) => O(S)
+    }, null), m("div", {
+      class: "fv-resizable-handle fv-resizable-sw",
+      type: "sw",
+      onMousedown: (S) => O(S)
+    }, null), m("div", {
+      class: "fv-resizable-handle fv-resizable-nw",
+      type: "nw",
+      onMousedown: (S) => O(S)
+    }, null)]);
+  }
+  function U(M = !0) {
+    const S = o.value || document.body, q = ne.getCurrent(S), $ = n.value;
+    M && (b.value = w(), b.value.transform = $.style.transform), q && $ && (u.value = q, $.style.height = u.value.height - 14 + "px", $.style.width = u.value.width - 14 + "px", $.style.left = "7px", $.style.top = "7px", $.style.transform = "", v.value = {
+      size: u.value,
+      position: {
+        x: 0,
+        y: 0
+      }
+    }, f.value = !1, g.value = !0);
+  }
+  function D() {
+    var M, S;
+    if (b.value) {
+      const q = {
+        width: b.value.size.width || 0,
+        height: b.value.size.height || 0
+      }, $ = {
+        x: (window.innerWidth - q.width) / 2,
+        y: (window.innerHeight - q.height) / 2
+      };
+      (M = u.value) == null || M.set(q), (S = i.value) == null || S.set($);
+      const W = n.value;
+      W.style.height = q.height + "px", W.style.width = q.width + "px", W.style.left = `${$.x}px`, W.style.top = `${$.y}px`, W.style.transform = "", v.value = {
+        size: q,
+        position: $
+      }, f.value = e.draggable, g.value = !1;
+    }
+  }
+  function H() {
+    if (n.value) {
+      const M = ne.getCurrent(n.value);
+      if (M) {
+        const {
+          width: S,
+          height: q
+        } = M;
+        n.value.style.left = `${(window.innerWidth - S) / 2}px`, n.value.style.top = `${(window.innerHeight - q) / 2}px`, n.value.style.transform = "";
+      }
+    }
+  }
+  function Y() {
+    const M = () => {
+      g.value ? U(!1) : H();
+    };
+    return window.addEventListener("resize", M), () => {
+      window.removeEventListener("resize", M);
+    };
+  }
+  const Q = Y();
+  return {
+    renderResizeBar: N,
+    boundingElement: o,
+    resizedEventParam: v,
+    maximize: U,
+    restore: D,
+    allowDrag: f,
+    isMaximized: g,
+    unWindowResizeHandle: Q
+  };
+}
+function Aa(e, t, n) {
+  const o = d(), a = d(e.draggable), s = d(e.lockAxis), l = d(), u = d(), i = d(!1), r = d(new J(0, 0)), p = d(new J(0, 0)), c = d(new J(0, 0)), v = d(new J(0, 0));
+  X(() => n.value, (w) => {
+    l.value.style.cursor = w ? "move" : "default";
+  });
+  function b(w, A) {
+    if (A.tagName === "BUTTON")
+      return !1;
+    if (A === w)
+      return !0;
+    for (const E in A.children)
+      if (A.children.hasOwnProperty(E) && b(w, A.children[E]))
+        return !0;
+    return !1;
+  }
+  function f() {
+    var O, N;
+    let w = c.value.x + p.value.x, A = c.value.y + p.value.y;
+    s.value === "x" ? (w = ((O = r.value) == null ? void 0 : O.x) || 0, c.value.x = 0) : s.value === "y" && (A = ((N = r.value) == null ? void 0 : N.y) || 0, c.value.y = 0);
+    const E = `translate3d(${Math.round(w)}px, ${Math.round(A)}px, 0px)`;
+    o.value && (o.value.style.transform = E), v.value.x = w, v.value.y = A;
+  }
+  function g() {
+    if (!u.value || !o.value)
+      return null;
+    const w = u.value.getBoundingClientRect(), A = o.value.getBoundingClientRect(), E = {
+      top: w.top < A.top,
+      right: w.right > A.right,
+      bottom: w.bottom > A.bottom,
+      left: w.left < A.left
+    };
+    return E.top || (c.value.y -= A.top - w.top), E.bottom || (c.value.y -= A.bottom - w.bottom), E.right || (c.value.x -= A.right - w.right), E.left || (c.value.x -= A.left - w.left), f(), E;
+  }
+  function y(w) {
+    w && (r.value && w.subtract(r.value), c.value.set(w), f(), g());
+  }
+  function C(w) {
+    i.value && a.value && (w.stopPropagation(), w.preventDefault(), y(J.fromEvent(w, l.value)));
+  }
+  function h() {
+    var w;
+    i.value && (i.value = !1, p.value.add(c.value), c.value.reset(), (w = o.value) == null || w.classList.remove("ng-dragging"), document.removeEventListener("mousemove", C), document.removeEventListener("mouseup", h));
+  }
+  function F() {
+    !i.value && l.value && (i.value = !0, l.value.classList.add("ng-dragging"), document.addEventListener("mousemove", C), document.addEventListener("mouseup", h));
+  }
+  function k() {
+    if (o.value) {
+      const w = J.getTransformInfo(o.value);
+      p.value.set(w);
+      return;
+    }
+    p.value.reset();
+  }
+  function R(w) {
+    if (!n.value || w instanceof MouseEvent && w.button === 2)
+      return;
+    const A = w.target || w.srcElement;
+    l.value !== void 0 && A && !b(A, l.value) || a.value !== !1 && (document.body.click(), w.stopPropagation(), w.preventDefault(), r.value = J.fromEvent(w, o.value), k(), F());
+  }
+  function T(w, A, E) {
+    if (a.value && A) {
+      if (w)
+        l.value = w;
+      else if (e.dragHandle) {
+        if (e.dragHandle instanceof HTMLElement)
+          l.value = e.dragHandle;
+        else if (typeof e.dragHandle == "string") {
+          const O = A.querySelector(e.dragHandle);
+          O && (l.value = O);
+        }
+      }
+      o.value = A, u.value = E, l.value.classList.add("ng-draggable"), l.value.addEventListener("mousedown", R);
+    }
+  }
+  return {
+    registerDraggle: T,
+    resetTranslate: k
+  };
+}
+function nt(e, t) {
+  if (e) {
+    const n = (o) => {
+      o.key.toLowerCase() === e.toLowerCase() && t({ event: o, key: e });
+    };
+    return document.addEventListener("keydown", n), () => {
+      document.removeEventListener("keydown", n);
+    };
+  }
+}
+function Da(e, t) {
+  const n = d(e.enableEsc);
+  let o = null;
+  return n.value ? (o = nt("Escape", (a) => {
+    t.emit("esc", { event: a.event, type: "esc" });
+  }), {
+    remove: o
+  }) : null;
+}
+function Oa(e, t) {
+  const n = d(e.enableEnter);
+  let o = null;
+  return n.value ? (o = nt("Enter", (a) => {
+    t.emit("enter", { event: a.event, type: "enter" });
+  }), {
+    remove: o
+  }) : null;
+}
+const ot = /* @__PURE__ */ Z({
+  name: "FModal",
+  props: Ia,
+  emits: ["update:modelValue", "accept", "cancel", "closed", "resize", "esc", "enter"],
+  setup(e, t) {
+    const n = d(e.width || 300), o = d(e.height || 200), a = d(e.modelValue), s = d(""), l = d(e.class), u = d(e.fitContent), i = d(e.showHeader), r = d(""), p = d(e.showCloseButton), c = d(e.showMaxButton), v = d(!1), b = d(""), f = d(""), g = d(""), y = d(e.showButtons), C = d(e.title), h = d(e.reiszeable), F = d(e.containment || null), k = d();
+    function R(B, z) {
+      a.value = !1, t.emit("update:modelValue", !1), z != null && t.emit(z ? "accept" : "cancel"), t.emit("closed", B);
+    }
+    const T = [{
+      name: "cancel",
+      text: "取消",
+      class: "btn btn-secondary",
+      handle: (B) => {
+        R(B, !1);
+      }
+    }, {
+      name: "accept",
+      text: "确定",
+      class: "btn btn-primary",
+      handle: (B) => {
+        R(B, !0);
+      }
+    }], w = d(e.buttons && e.buttons.length ? e.buttons : T), A = x(() => !!r.value), E = x(() => !!y.value && !!w.value), O = d(), N = d(), U = d(!1), {
+      renderResizeBar: D,
+      maximize: H,
+      restore: Y,
+      boundingElement: Q,
+      resizedEventParam: M,
+      allowDrag: S,
+      unWindowResizeHandle: q
+    } = La(e), {
+      registerDraggle: $
+    } = Aa(e, t, S);
+    X(() => e.title, (B, z) => {
+      B !== z && (C.value = B);
+    }), X(() => e.modelValue, (B, z) => {
+      B !== z && (a.value = B);
+    }), X(() => e.showHeader, (B, z) => {
+      B !== z && (i.value = B);
+    }), X(() => e.showButtons, (B, z) => {
+      B !== z && (y.value = B);
+    }), X(() => M.value, (B, z) => {
+      const le = B || {}, ve = z || {};
+      JSON.stringify(le) !== JSON.stringify(ve) && t.emit("resize", {
+        newSize: B,
+        oldSize: z
+      });
+    });
+    function W() {
+      const B = document.querySelectorAll(".farris-modal").length;
+      (!B || B - 1 <= 0) && document.body.classList.remove("modal-open"), k.value && k.value.classList.remove("show");
+    }
+    const re = x(() => (a.value ? document.body.classList.add("modal-open") : W(), a.value)), fe = x(() => {
+      const B = {
+        modal: !0,
+        "farris-modal": !0,
+        fade: !0
+      };
+      return B["f-modal-fitContent"] = !!u.value, B.show = !!re.value, B;
+    }), se = x(() => {
+      var le;
+      const B = {
+        "modal-dialog": !0
+      }, z = (le = l.value) == null ? void 0 : le.split(" ");
+      return z == null || z.reduce((ve, gt) => (ve[gt] = !0, ve), B), B;
+    }), me = x(() => ({
+      position: "absolute",
+      top: `${(window.innerHeight - o.value) / 2}px`,
+      left: `${(window.innerWidth - n.value) / 2}px`,
+      width: `${n.value}px`,
+      height: u.value ? "auto" : `${o.value}px`
+    })), Ce = x(() => ({
+      "modal-content": !0,
+      "modal-content-has-header": i.value
+    })), rt = x(() => {
+      const B = {
+        display: i.value ? "" : "none"
+      };
+      return B["pointer-events"] = S.value ? "auto" : "none", B;
+    }), st = x(() => ({
+      "f-icon": !0,
+      modal_maximize: !0,
+      modalrevert: U.value
+    })), lt = x(() => ({
+      "modal-body": !0,
+      "f-utils-flex-column": b.value === "iframe"
+    }));
+    function it() {
+      return {};
+    }
+    const ut = x(() => {
+      const B = {
+        textAlgin: g.value
+      }, z = it();
+      return Object.assign(B, z);
+    });
+    function Ae(B) {
+      if (B.stopPropagation(), U.value) {
+        U.value = !1, Y();
+        return;
+      }
+      H(), U.value = !0;
+    }
+    async function ct(B, z) {
+      B.handle && await B.handle(z, B) && t.emit("closed", z);
+    }
+    function dt(B) {
+      B.width && (n.value = B.width), B.height && (o.value = B.height), B.buttons && (w.value = B.buttons), B.title && (C.value = B.title);
+    }
+    let we = null, xe = null;
+    K(() => {
+      N.value && !F.value && (F.value = N.value.parentElement, Q.value = F.value, $(O.value, N.value, Q.value)), re.value && document.body.classList.add("modal-open"), we = Da(e, t), xe = Oa(e, t);
+    }), $e(() => {
+      W(), q && q(), we && we.remove(), xe && xe.remove();
+    }), t.expose({
+      modalElementRef: N,
+      updateModalOptions: dt,
+      close: R,
+      maxDialog: Ae
+    });
+    function pt() {
+      return m("ul", null, [v.value && m("li", {
+        class: "f-btn-icon f-bare"
+      }, [m("span", {
+        class: "f-icon modal_minimize"
+      }, null)]), c.value && m("li", {
+        onClick: Ae,
+        class: "f-btn-icon f-bare",
+        style: "pointer-events: auto;"
+      }, [m("span", {
+        class: st.value
+      }, null)]), p.value && m("li", {
+        class: "f-btn-icon f-bare",
+        onClick: (B) => R(B, !1),
+        style: "pointer-events: auto;"
+      }, [m("span", {
+        class: "f-icon modal_close"
+      }, null)])]);
+    }
+    function ft() {
+      return m("div", {
+        class: "modal-footer",
+        style: ut.value
+      }, [w.value && w.value.map((B) => m("button", {
+        name: B.name,
+        type: "button",
+        class: B.class + (B.iconClass ? " btn-icontext" : ""),
+        onClick: (z) => {
+          ct(B, z);
+        }
+      }, [!!B.iconClass && m("i", {
+        class: B.iconClass
+      }, null), B.text]))]);
+    }
+    function mt() {
+      return m("div", {
+        ref: O,
+        class: "modal-header",
+        style: rt.value
+      }, [m("div", {
+        class: "modal-title"
+      }, [A.value && m("span", {
+        class: r.value,
+        style: "margin-right: 8px"
+      }, null), m("span", {
+        class: "modal-title-label"
+      }, [C.value])]), m("div", {
+        class: "actions"
+      }, [pt()])]);
+    }
+    function vt(B) {
+      B.stopPropagation();
+    }
+    return () => m(wt, {
+      to: "body"
+    }, {
+      default: () => [re.value && m(xt, {
+        name: "fade",
+        appear: !0
+      }, {
+        default: () => {
+          var B, z;
+          return [m("div", {
+            class: fe.value,
+            style: "display: block",
+            ref: k,
+            onClick: vt
+          }, [m("div", {
+            id: s.value,
+            class: se.value,
+            style: me.value,
+            ref: N
+          }, [m("div", {
+            class: Ce.value
+          }, [i.value && mt(), m("div", {
+            class: lt.value
+          }, [(z = (B = t.slots).default) == null ? void 0 : z.call(B), b.value === "iframe" && m("iframe", {
+            title: s.value,
+            class: "f-utils-fill",
+            width: "100%",
+            frameborder: "0",
+            src: f.value
+          }, null)]), E.value && ft()]), !u.value && h.value && N.value && D(N.value)])])];
+        }
+      })]
+    });
+  }
+});
+function at(e) {
+  if (e.content && e.content.render)
+    return e.content.render;
+  if (e.render && typeof e.render == "function")
+    return e.render;
+}
+function Va(e) {
+  const t = document.createElement("div");
+  t.style.display = "contents";
+  const n = Bt({
+    setup(o, a) {
+      $e(() => {
+        document.body.removeChild(t);
+      });
+      const s = d(), l = d(e.class || ""), u = d(!!e.showButtons), i = d(!!e.showHeader), r = d(e.showCloseButton == null ? !0 : e.showCloseButton), p = d(!0), c = d(e.title || ""), v = e.acceptCallback || (() => {
+      }), b = e.rejectCallback || (() => {
+      }), f = e.closedCallback || ((h) => {
+      }), g = e.resizeHandle || ((h) => {
+      }), y = at(e), C = (h) => {
+        p.value = !1, n.unmount(), f(h);
+      };
+      return K(() => {
+      }), a.expose({
+        modalRef: s
+      }), () => m(ot, {
+        ref: s,
+        class: l.value,
+        modelValue: p.value,
+        "onUpdate:modelValue": (h) => p.value = h,
+        title: c.value,
+        width: e.width,
+        height: e.height,
+        buttons: e.buttons,
+        "show-header": i.value,
+        "show-buttons": u.value,
+        "show-close-button": r.value,
+        "show-max-button": !1,
+        onAccept: v,
+        onCancel: b,
+        fitContent: e.fitContent == null ? !0 : e.fitContent,
+        onClosed: C,
+        onResize: g
+      }, {
+        default: () => [y && y(n)]
+      });
+    }
+  });
+  return document.body.appendChild(t), n.mount(t), n;
+}
+class Ra {
+  constructor(t) {
+    G(this, "appContext", null);
+    G(this, "modalRef", d());
+    G(this, "activeModalIndex", d(0));
+    G(this, "modalRefs", {});
+    G(this, "isUseEscCloseModal", d(!1));
+    G(this, "activeModalInstance", x(() => this.modalRefs[this.activeModalIndex.value]));
+    this.appContext = t ? t._context : null;
+  }
+  getCurrentModal() {
+    return this.activeModalInstance.value;
+  }
+  static show(t) {
+    const n = Object.assign({
+      title: "",
+      showButtons: !0,
+      showHeader: !0
+    }, t);
+    return Va(n);
+  }
+  open(t) {
+    const n = document.createDocumentFragment();
+    t.showMaxButton && t.fitContent && (t.showMaxButton = !1);
+    const o = Tt(Object.assign({
+      title: "",
+      showButtons: !0,
+      showHeader: !0
+    }, t)), a = d(!0), s = o.value.acceptCallback || (() => {
+    }), l = o.value.rejectCallback || (() => {
+    }), u = o.value.closedCallback || ((C, h) => {
+    }), i = o.value.resizeHandle || ((C) => {
+    });
+    let r;
+    const p = at(o.value), c = (C) => {
+      var F;
+      a.value = !1;
+      const h = (F = C == null ? void 0 : C.target) == null ? void 0 : F.classList.contains("modal_close");
+      u(C, this.isUseEscCloseModal.value ? "esc" : h ? "icon" : "button");
+    }, v = (C) => {
+      c(C), r && ye(() => {
+        if (this.modalRefs[this.activeModalIndex.value] && delete this.modalRefs[this.activeModalIndex.value], Te(null, n), r = null, this.modalRef.value = null, this.modalRefs) {
+          const h = Object.keys(this.modalRefs);
+          h.length > 0 ? this.activeModalIndex.value = Math.max(...h) : this.activeModalIndex.value = 0;
+        }
+        this.isUseEscCloseModal.value = !1;
+      });
+    }, b = (C) => {
+      var h;
+      this.isUseEscCloseModal.value = !0, this.activeModalInstance && ((h = this.activeModalInstance.value) == null || h.close(C == null ? void 0 : C.event));
+    }, f = () => m(ot, ae({
+      ref: this.modalRef,
+      modelValue: a.value,
+      "onUpdate:modelValue": (C) => a.value = C
+    }, o.value, {
+      onAccept: s,
+      onCancel: l,
+      onClosed: v,
+      onResize: i,
+      onEsc: b
+    }), {
+      default: () => [p && p()]
+    });
+    return r = ((C) => {
+      const h = Mt(f, C);
+      return h.appContext = this.appContext, Te(h, n), h;
+    })({
+      ...o.value
+      // 'onUpdate:modelValue': onUpdateModelValue,
+    }), this.activeModalIndex.value++, this.modalRefs[this.activeModalIndex.value] = this.modalRef.value, {
+      update: (C) => {
+        o.value = {
+          ...o.value,
+          ...C
+        }, r && Te(Ft(r, {
+          ...o
+        }), n);
+      },
+      destroy: v,
+      modalRef: this.activeModalInstance
+    };
+  }
+}
+class ee {
+  static show(t) {
+    let n = new Ra();
+    const o = te({
+      ...t
+    }), a = !1, s = o.type === "error" || o.type === "prompt", l = o.type === "error" ? "错误提示" : o.type === "prompt" && o.title || "", u = o.acceptCallback || (() => {
+    }), i = o.rejectCallback || (() => {
+    });
+    let r = null;
+    const p = () => {
+      r && (r == null || r.destroy(), n = null);
+    };
+    r = n == null ? void 0 : n.open({
+      class: "modal-message modal-message-type-info",
+      title: l,
+      showButtons: a,
+      showHeader: s,
+      width: o.width || 400,
+      fitContent: !0,
+      showMaxButton: !1,
+      render: () => m(ge, ae(o, {
+        onAccept: u,
+        onReject: i,
+        onClose: p
+      }), null)
+    });
+  }
+  static info(t, n) {
+    const o = te({
+      type: "info",
+      title: t,
+      detail: n,
+      okButtonText: "知道了",
+      cancelButtonText: ""
+    });
+    ee.show(o);
+  }
+  static warning(t, n) {
+    const o = te({
+      type: "warning",
+      title: t,
+      detail: n,
+      okButtonText: "知道了",
+      cancelButtonText: ""
+    });
+    ee.show(o);
+  }
+  static success(t, n) {
+    const o = te({
+      type: "success",
+      title: t,
+      detail: n,
+      okButtonText: "关闭",
+      cancelButtonText: ""
+    });
+    ee.show(o);
+  }
+  static error(t, n, o) {
+    const a = te({
+      width: 500,
+      type: "error",
+      okButtonText: "关闭",
+      cancelButtonText: "",
+      exceptionInfo: {
+        date: o,
+        message: t,
+        detail: n
+      }
+    });
+    ee.show(a);
+  }
+  static prompt(t, n) {
+    const o = te({
+      type: "prompt",
+      title: t,
+      detail: n,
+      okButtonText: "确定",
+      cancelButtonText: "取消"
+    });
+    ee.show(o);
+  }
+  static question(t, n, o, a) {
+    const s = te({
+      type: "question",
+      title: t,
+      detail: n,
+      okButtonText: "确定",
+      cancelButtonText: "取消",
+      acceptCallback: o,
+      rejectCallback: a
+    });
+    ee.show(s);
+  }
+}
+ge.install = (e) => {
+  e.component(ge.name, ge), e.provide("FMessageBoxService", ee);
+};
+const Na = /* @__PURE__ */ Z({
+  name: "FResponseFormLayoutSetting",
+  props: tt,
+  emits: ["change"],
+  setup(e, t) {
+    let n = [1], o = [1, 2], a = [1, 2, 3, 4], s = [1, 2, 3, 4, 6], l = [], u = [], i = [], r = [];
+    const p = d(e.initialState), c = d(0), v = d(0), b = d(0), f = d(0);
+    K(() => {
+      y(), g();
+    });
+    function g() {
+      const h = "自定义", F = 12 / p.value.uniqueColClassInSM;
+      n.includes(F) ? c.value = F : (l.push({
+        value: 0,
+        name: h
+      }), c.value = 0);
+      const k = 12 / p.value.uniqueColClassInMD;
+      o.includes(k) ? v.value = k : (u.push({
+        value: 0,
+        name: h
+      }), v.value = 0);
+      const R = 12 / p.value.uniqueColClassInLG;
+      a.includes(R) ? b.value = R : (i.push({
+        value: 0,
+        name: h
+      }), b.value = 0);
+      const T = 12 / p.value.uniqueColClassInEL;
+      s.includes(T) ? f.value = T : (r.push({
+        value: 0,
+        name: h
+      }), f.value = 0), l = [...l], u = [...u], i = [...i], r = [...r];
+    }
+    function y() {
+      n.forEach((h) => {
+        l.push({
+          value: h,
+          name: h + ""
+        });
+      }), o.forEach((h) => {
+        u.push({
+          value: h,
+          name: h + ""
+        });
+      }), a.forEach((h) => {
+        i.push({
+          value: h,
+          name: h + ""
+        });
+      }), s.forEach((h) => {
+        r.push({
+          value: h,
+          name: h + ""
+        });
+      });
+    }
+    function C() {
+      ee.question("应用统一布局，将重置区域内部所有控件的宽度样式，确定应用?", "", () => {
+        p.value.uniqueColClassInSM = c.value === 0 ? null : 12 / c.value, p.value.uniqueColClassInMD = v.value === 0 ? null : 12 / v.value, p.value.uniqueColClassInLG = b.value === 0 ? null : 12 / b.value, p.value.uniqueColClassInEL = f.value === 0 ? null : 12 / f.value, t.emit("change", p.value);
+      }, () => {
+      });
+    }
+    return () => m("div", null, [m("div", {
+      class: "f-form-layout farris-form farris-form-controls-inline"
+    }, [m("div", {
+      class: "form-group farris-form-group screenGroup"
+    }, [m("span", {
+      class: "screenName"
+    }, [_(" 小屏幕 ")]), m("div", {
+      class: "d-flex ml-2 screen-input"
+    }, [m(ie, {
+      data: l,
+      idField: "value",
+      valueField: "value",
+      modelValue: c.value,
+      "onUpdate:modelValue": (h) => c.value = h
+    }, null), m("span", {
+      class: "ml-2 columnText"
+    }, [_("列")])])]), m("div", {
+      class: "form-group farris-form-group screenGroup"
+    }, [m("span", {
+      class: "screenName"
+    }, [_("中等屏幕")]), m("div", {
+      class: "d-flex ml-2 screen-input"
+    }, [m(ie, {
+      data: u,
+      idField: "value",
+      valueField: "value",
+      modelValue: v.value,
+      "onUpdate:modelValue": (h) => v.value = h
+    }, null), m("span", {
+      class: "ml-2 columnText"
+    }, [_("列")])])]), m("div", {
+      class: "form-group farris-form-group screenGroup"
+    }, [m("span", {
+      class: "screenName"
+    }, [_("大屏幕")]), m("div", {
+      class: "d-flex ml-2 screen-input"
+    }, [m(ie, {
+      data: i,
+      idField: "value",
+      valueField: "value",
+      modelValue: b.value,
+      "onUpdate:modelValue": (h) => b.value = h
+    }, null), m("span", {
+      class: "ml-2 columnText"
+    }, [_("列")])])]), m("div", {
+      class: "form-group farris-form-group screenGroup"
+    }, [m("span", {
+      class: "screenName"
+    }, [_("极大屏幕")]), m("div", {
+      class: "d-flex ml-2 screen-input"
+    }, [m(ie, {
+      data: r,
+      idField: "value",
+      valueField: "value",
+      modelValue: f.value,
+      "onUpdate:modelValue": (h) => f.value = h
+    }, null), m("span", {
+      class: "ml-2 columnText"
+    }, [_("列")])])])]), m("div", {
+      class: "applyBtn"
+    }, [m("button", {
+      class: "btn f-rt-btn btn-primary",
+      type: "button",
+      onClick: () => C()
+    }, [_("应用")])])]);
   }
-}), Er = {
+}), es = {
   install(e) {
-    e.component(ee.name, ee).component(ne.name, ne);
+    e.component(Be.name, Be).component(Fe.name, Fe);
   },
-  register(e, t, n, r) {
-    e["form-group"] = ne, t["form-group"] = fe, e["response-form"] = ee, t["response-form"] = de, e["form-input"] = wo, t["form-input"] = Co, r["form-group"] = { editorResolver: kn };
+  register(e, t, n, o) {
+    e["form-group"] = Fe, t["form-group"] = Re, e["response-form"] = Be, t["response-form"] = Ve, e["form-input"] = ia, t["form-input"] = la, o["form-group"] = { editorResolver: po }, e["response-form-layout-setting"] = Na, t["response-form-layout-setting"] = ya;
   },
   registerDesigner(e, t, n) {
-    e["form-group"] = vo, t["form-group"] = fe, e["response-form"] = Nn, t["response-form"] = de;
+    e["form-group"] = sa, t["form-group"] = Re, e["response-form"] = Mo, t["response-form"] = Ve;
   }
 };
 export {
-  ne as FDynamicFormGroup,
-  ee as FResponseForm,
-  Er as default,
-  J as dynamicFormGroupProps,
-  kn as editorResolver,
-  fe as formGroupPropsResolver,
-  de as formPropsResolver,
-  ve as responseFormProps,
-  $n as useDesignerRules
+  Fe as FDynamicFormGroup,
+  ia as FDynamicFormInput,
+  Be as FResponseForm,
+  es as default,
+  pe as dynamicFormGroupProps,
+  po as editorResolver,
+  Re as formGroupPropsResolver,
+  Ve as formPropsResolver,
+  We as responseFormProps,
+  Bo as useDesignerRules
 };