@farris/ui-vue 1.2.9 → 1.3.0

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

@@ -1,162 +1,165 @@
-var Ne = Object.defineProperty;
-var Oe = (e, t, o) => t in e ? Ne(e, t, { enumerable: !0, configurable: !0, writable: !0, value: o }) : e[t] = o;
-var L = (e, t, o) => Oe(e, typeof t != "symbol" ? t + "" : t, o);
-import { defineComponent as G, ref as f, computed as B, createVNode as A, nextTick as ne, inject as _, onMounted as q, watch as I, createTextVNode as $e, reactive as Le, withDirectives as Ie, resolveDirective as Re, Fragment as pe, mergeProps as Z } from "vue";
-import { cloneDeep as ge } 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 Ue, useFormat as qe, useSpinner as We, useTextBox as He } from "../number-spinner/index.esm.js";
-import _e from "../accordion/index.esm.js";
-import ze from "../avatar/index.esm.js";
-import Je from "../button-edit/index.esm.js";
-import Qe from "../button-group/index.esm.js";
-import Ze from "../calendar/index.esm.js";
-import Xe from "../capsule/index.esm.js";
-import Ye from "../checkbox/index.esm.js";
-import Ke from "../combo-list/index.esm.js";
-import et from "../combo-tree/index.esm.js";
-import tt from "../component/index.esm.js";
-import ot from "../color-picker/index.esm.js";
-import nt from "../content-container/index.esm.js";
-import rt from "../date-picker/index.esm.js";
-import at from "../data-grid/index.esm.js";
-import st from "../dropdown/index.esm.js";
-import it from "../dynamic-form/index.esm.js";
-import lt from "../events-editor/index.esm.js";
-import ct from "../filter-bar/index.esm.js";
-import ut from "../field-selector/index.esm.js";
-import pt from "../image-cropper/index.esm.js";
-import dt from "../input-group/index.esm.js";
-import mt from "../layout/index.esm.js";
-import ft from "../list-nav/index.esm.js";
-import yt from "../list-view/index.esm.js";
-import gt from "../lookup/index.esm.js";
-import bt from "../mapping-editor/index.esm.js";
-import ht from "../nav/index.esm.js";
-import vt from "../number-range/index.esm.js";
-import Ct from "../order/index.esm.js";
-import wt from "../page-header/index.esm.js";
-import Tt from "../page-footer/index.esm.js";
-import Ft from "../pagination/index.esm.js";
-import Bt from "../progress/index.esm.js";
-import jt from "../query-solution/index.esm.js";
-import kt from "../radio-group/index.esm.js";
-import Pt from "../rate/index.esm.js";
-import xt from "../response-toolbar/index.esm.js";
-import St from "../response-layout/index.esm.js";
-import Mt from "../response-layout-editor/index.esm.js";
-import At from "../search-box/index.esm.js";
-import Dt from "../section/index.esm.js";
-import Vt from "../smoke-detector/index.esm.js";
-import Et from "../splitter/index.esm.js";
-import Nt from "../step/index.esm.js";
-import Ot from "../switch/index.esm.js";
-import $t from "../tabs/index.esm.js";
-import Lt from "../tags/index.esm.js";
-import It from "../text/index.esm.js";
-import Rt from "../time-picker/index.esm.js";
-import Gt from "../transfer/index.esm.js";
-import Ut from "../tree-view/index.esm.js";
-import qt from "../uploader/index.esm.js";
-import Wt from "../verify-detail/index.esm.js";
-import Ht from "../weather/index.esm.js";
-import _t from "../video/index.esm.js";
-import zt from "../textarea/index.esm.js";
-import Jt from "../schema-selector/index.esm.js";
-import Qt 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 de } from "../dynamic-resolver/index.esm.js";
-const be = {}, he = {};
-function ae(e) {
-  const { properties: t, title: o, ignore: r } = e, n = r && Array.isArray(r), s = Object.keys(t).reduce((a, l) => ((!n || !r.find((u) => u == l)) && (a[l] = t[l].type === "object" && t[l].properties ? ae(t[l]) : ge(t[l].default)), a), {});
-  return (!n || !r.find((a) => a == "id")) && (s.id = `${o}-${Date.now()}`), s;
-}
-function z(e, t = {}, o) {
-  const r = be[e];
-  if (r) {
-    let n = ae(r);
-    const s = he[e];
-    return n = s ? s({ getSchemaByType: z }, n, t, o) : n, n;
+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 Zt(e, t) {
-  const o = ae(t);
-  return Object.keys(e).reduce((r, n) => (r[n] && typeof r[n] == "object" ? Object.assign(r[n], e[n]) : r[n] = e[n], r), o), o;
+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 Xt(e, t) {
-  return Object.keys(e).filter((r) => e[r] != null).reduce((r, n) => {
-    if (t.has(n)) {
-      const s = t.get(n);
+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[n];
+        o[s] = e[a];
       else {
-        const a = s(n, e[n], e);
-        Object.assign(r, a);
+        const l = s(a, e[a], e);
+        Object.assign(o, l);
       }
     } else
-      r[n] = e[n];
-    return r;
+      o[a] = e[a];
+    return o;
   }, {});
 }
-function Yt(e, t, o = /* @__PURE__ */ new Map()) {
-  const r = Zt(e, t);
-  return Xt(r, o);
-}
-function Kt(e = {}) {
-  function t(i, d, p, y) {
-    if (typeof p == "number")
-      return y[i].length === p;
-    if (typeof p == "object") {
-      const w = Object.keys(p)[0], c = p[w];
-      if (w === "not")
-        return Number(y[i].length) !== Number(c);
-      if (w === "moreThan")
-        return Number(y[i].length) >= Number(c);
-      if (w === "lessThan")
-        return Number(y[i].length) <= Number(c);
+function qn(e, t, n = /* @__PURE__ */ new Map()) {
+  const o = Nn(e, t);
+  return $n(o, n);
+}
+function Un(e = {}) {
+  function t(r, p, c, v) {
+    if (typeof c == "number")
+      return v[r].length === c;
+    if (typeof c == "object") {
+      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 o(i, d, p, y) {
-    return y[i] && y[i].propertyValue && String(y[i].propertyValue.value) === String(p);
+  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", o]
+    ["getProperty", n]
   ]);
-  Object.keys(e).reduce((i, d) => (i.set(d, e[d]), i), r);
-  function n(i, d) {
-    const p = i;
-    return typeof d == "number" ? [{ target: p, operator: "length", param: null, value: Number(d) }] : typeof d == "boolean" ? [{ target: p, operator: "getProperty", param: i, value: !!d }] : typeof d == "object" ? Object.keys(d).map((y) => {
-      if (y === "length")
-        return { target: p, operator: "length", param: null, value: d[y] };
-      const w = y, c = d[y];
-      return { target: p, operator: "getProperty", param: w, value: c };
+  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(i) {
-    return Object.keys(i).reduce((p, y) => {
-      const w = n(y, i[y]);
-      return p.push(...w), p;
+  function s(r) {
+    return Object.keys(r).reduce((c, v) => {
+      const b = a(v, r[v]);
+      return c.push(...b), c;
     }, []);
   }
-  function a(i, d) {
-    if (r.has(i.operator)) {
-      const p = r.get(i.operator);
-      return p && p(i.target, i.param, i.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 l(i, d) {
-    return s(i).reduce((w, c) => w && a(c, d), !0);
+  function u(r, p) {
+    return s(r).reduce((b, f) => b && l(f, p), !0);
   }
-  function u(i, d) {
-    const p = Object.keys(i), y = p.includes("allOf"), w = p.includes("anyOf"), c = y || w, T = (c ? i[c ? y ? "allOf" : "anyOf" : "allOf"] : [i]).map((S) => l(S, 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: u };
+  return { parseValueSchema: i };
 }
-const k = {
+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 k = {
   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" }
-}, ve = {}, eo = {};
-Kt();
-function X(e, t, o = /* @__PURE__ */ new Map(), r = (a, l, u) => l, n = {}, s = (a) => a) {
-  return be[t.title] = t, he[t.title] = r, ve[t.title] = n, eo[t.title] = s, (a = {}) => {
-    const l = Yt(a, t, o), u = Object.keys(e).reduce((i, d) => (i[d] = e[d].default, i), {});
-    return Object.assign(u, l);
+  "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 Ce(e, t) {
+function Ge(e, t) {
   return { customClass: t.class, customStyle: t.style };
 }
-function to() {
+function Hn() {
   function e(t) {
     return t.editor;
   }
@@ -213,32 +217,32 @@ function to() {
     resolve: e
   };
 }
-const se = /* @__PURE__ */ new Map([
-  ["appearance", Ce]
-]);
-var re = /* @__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))(re || {});
-const oo = "root-viewmodel";
-class no {
-  constructor(t, o) {
-    L(this, "formSchemaUtils");
-    L(this, "controlCreatorUtils");
-    L(this, "designViewModelUtils");
-    this.resolver = t, this.designerHostService = o, this.formSchemaUtils = this.designerHostService.formSchemaUtils, this.controlCreatorUtils = this.designerHostService.controlCreatorUtils, this.designViewModelUtils = this.designerHostService.designViewModelUtils;
+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 o = this.createComponentRefNode(t), r = this.createComponentNode(t), n = this.createViewModeNode(t), s = this.formSchemaUtils.getFormSchema();
-    return s.module.viewmodels.push(n), s.module.components.push(r), this.designViewModelUtils.assembleDesignViewModel(), o;
+    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 o = this.resolver.getSchemaByType("component-ref");
-    return Object.assign(o, {
+    const n = this.resolver.getSchemaByType("component-ref");
+    return Object.assign(n, {
       id: `${t.componentId}-component-ref`,
       component: `${t.componentId}-component`
-    }), o;
+    }), n;
   }
   createComponentNode(t) {
-    const o = this.resolver.getSchemaByType("component"), r = this.createFormComponentContents(t);
-    return Object.assign(o, {
+    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,
@@ -246,8 +250,8 @@ class no {
         class: this.getFormComponentClass()
       },
       formColumns: t.formColumns,
-      contents: r
-    }), o;
+      contents: o
+    }), n;
   }
   /**
    * 获取卡片组件层级的class样式
@@ -256,49 +260,49 @@ class no {
     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 o = this.resolver.getSchemaByType("section");
-    Object.assign(o, {
+    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 r = this.resolver.getSchemaByType("response-form"), n = [];
-    Object.assign(r, {
+    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: n
-    }), o.contents = [r];
+      contents: a
+    }), n.contents = [o];
     const { selectedFields: s } = t;
-    return s == null || s.forEach((l) => {
-      const u = ge(l), i = this.resolveControlClassByFormColumns(t), d = this.controlCreatorUtils.setFormFieldProperty(u, "", i);
-      d && n.push(d);
-    }), this.formSchemaUtils.getFormSchema().module.templateId === "double-list-in-tab-template" && (o.appearance.class = "f-section-grid f-section-in-main px-0 pt-0", o.fill = !0), [o];
+    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 o = "";
+    let n = "";
     switch (t.formColumns) {
       case 1: {
-        o = "col-12 col-md-12 col-xl-12 col-el-12";
+        n = "col-12 col-md-12 col-xl-12 col-el-12";
         break;
       }
       case 2: {
-        o = "col-12 col-md-6 col-xl-6 col-el-6";
+        n = "col-12 col-md-6 col-xl-6 col-el-6";
         break;
       }
       case 3: {
-        o = "col-12 col-md-6 col-xl-4 col-el-4";
+        n = "col-12 col-md-6 col-xl-4 col-el-4";
         break;
       }
       case 4: {
-        o = "col-12 col-md-6 col-xl-3 col-el-2";
+        n = "col-12 col-md-6 col-xl-3 col-el-2";
         break;
       }
     }
-    return o;
+    return n;
   }
   /**
    * 添加viewModel节点
@@ -309,7 +313,7 @@ class no {
       code: `${t.componentId}-component-viewmodel`,
       name: t.componentName,
       bindTo: t.bindTo,
-      parent: oo,
+      parent: Wn,
       fields: this.assembleViewModelFields(t),
       commands: [],
       states: [],
@@ -323,38 +327,41 @@ class no {
    * 组装viewModel fields 节点
    */
   assembleViewModelFields(t) {
-    const o = [], { selectedFields: r } = t;
-    return r == null || r.forEach((n) => {
+    const n = [], { selectedFields: o } = t;
+    return o == null || o.forEach((a) => {
       let s = "blur";
-      const a = n.type.name;
-      (a === re.Enum || a === re.Boolean) && (s = "change"), o.push({
+      const l = a.type.name;
+      (l === ke.Enum || l === ke.Boolean) && (s = "change"), n.push({
         type: "Form",
-        id: n.id,
-        fieldName: n.bindingField,
+        id: a.id,
+        fieldName: a.bindingField,
         groupId: null,
         groupName: null,
         updateOn: s,
         fieldSchema: {}
       });
-    }), o;
+    }), n;
   }
 }
-function ro(e, t, o, r) {
-  const n = o.parentComponentInstance;
-  if (n) {
-    const a = {
+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: n.schema.id,
+      parentContainerId: a.schema.id,
       bindTo: "/"
     };
-    return new no(e, r).createComponent(a);
+    return new Xn(e, o).createComponent(l);
   } else
     return t;
 }
-const ao = "https://json-schema.org/draft/2020-12/schema", so = "https://farris-design.gitee.io/response-form.schema.json", io = "response-form", lo = "A Farris Data Collection Component", co = "object", uo = {
+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"
@@ -382,63 +389,36 @@ const ao = "https://json-schema.org/draft/2020-12/schema", so = "https://farris-
     type: "array",
     default: []
   }
-}, po = [
+}, no = [
   "id",
   "type"
-], mo = {
-  $schema: ao,
-  $id: so,
-  title: io,
-  description: lo,
-  type: co,
-  properties: uo,
-  required: po
-}, fo = "response-form", yo = "A Farris Component", go = "object", bo = {
-  basic: {
-    description: "Basic Infomation",
-    title: "基本信息",
-    properties: {
-      id: {
-        description: "组件标识",
-        title: "标识",
-        type: "string",
-        readonly: !0
-      },
-      type: {
-        description: "组件类型",
-        title: "控件类型",
-        type: "select",
-        editor: {
-          type: "waiting for modification",
-          enum: []
-        }
-      }
-    }
-  }
-}, ho = {
-  title: fo,
-  description: yo,
-  type: go,
-  categories: bo
-}, we = {
+], oo = {
+  $schema: Qn,
+  $id: Zn,
+  title: _n,
+  description: Kn,
+  type: eo,
+  properties: to,
+  required: no
+}, We = {
   customClass: { type: String, default: "" }
-}, me = X(we, mo, se, ro, ho), ee = /* @__PURE__ */ G({
+}, Ve = be(We, oo, Pe, Yn), Be = /* @__PURE__ */ Z({
   name: "FResponseForm",
-  props: we,
+  props: We,
   emits: [],
   setup(e, t) {
-    const o = f(), r = B(() => {
-      const n = e.customClass.split(" "), s = {
+    const n = d(), o = x(() => {
+      const a = e.customClass.split(" "), s = {
         "drag-container": !0
       };
-      return n.reduce((a, l) => (a[l] = !0, a), s), s;
+      return a.reduce((l, u) => (l[u] = !0, l), s), s;
     });
-    return () => A("div", {
-      ref: o,
-      class: r.value
+    return () => m("div", {
+      ref: n,
+      class: o.value
     }, [t.slots.default && t.slots.default()]);
   }
-}), vo = "https://json-schema.org/draft/2020-12/schema", Co = "https://farris-design.gitee.io/form-group.schema.json", wo = "form-group", To = "A Farris Input Component", Fo = "object", Bo = {
+}), 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"
@@ -479,18 +459,18 @@ const ao = "https://json-schema.org/draft/2020-12/schema", so = "https://farris-
     description: "",
     type: "number"
   }
-}, jo = [
+}, co = [
   "id",
   "type"
-], Te = {
-  $schema: vo,
-  $id: Co,
-  title: wo,
-  description: To,
-  type: Fo,
-  properties: Bo,
-  required: jo
-}, 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: "" },
   /** 筛选组件配置器，具体配置项可查看各组件文档 */
@@ -503,113 +483,113 @@ const ao = "https://json-schema.org/draft/2020-12/schema", so = "https://farris-
   required: { type: Boolean, default: !1 },
   showLabel: { type: Boolean, default: !0 },
   type: { type: String, default: "input-group" }
-}, fe = X(
-  J,
-  Te,
-  se,
+}, Re = be(
+  pe,
+  Xe,
+  Pe,
   void 0
-), ko = to();
-function ie(e, t, o) {
-  var O;
-  function r() {
-    o != null && o.resolveComponentContext && o.resolveComponentContext();
-  }
-  r();
-  const n = o && o.getStyles && o.getStyles() || "", s = o && o.getDesignerClass && o.getDesignerClass() || "", a = f();
-  function l() {
-    return (t == null ? void 0 : t.schema.componentType) === "frame" ? !1 : o && o.checkCanMoveComponent ? o.checkCanMoveComponent() : !0;
-  }
+), po = Hn();
+function je(e, t, n) {
+  var R;
+  function o() {
+    n != null && n.resolveComponentContext && n.resolveComponentContext();
+  }
+  o();
+  const a = n && n.getStyles && n.getStyles() || "", s = n && n.getDesignerClass && n.getDesignerClass() || "", l = d();
   function u() {
-    return !1;
+    return (t == null ? void 0 : t.schema.componentType) === "frame" ? !1 : n && n.checkCanMoveComponent ? n.checkCanMoveComponent() : !0;
   }
   function i() {
-    return (t == null ? void 0 : t.schema.componentType) === "frame" ? !1 : o && o.checkCanDeleteComponent ? o.checkCanDeleteComponent() : !0;
+    return !1;
+  }
+  function r() {
+    return (t == null ? void 0 : t.schema.componentType) === "frame" ? !1 : n && n.checkCanDeleteComponent ? n.checkCanDeleteComponent() : !0;
   }
-  function d() {
-    return (t == null ? void 0 : t.schema.componentType) === "frame" ? !0 : o && o.hideNestedPaddingInDesginerView ? o.hideNestedPaddingInDesginerView() : !1;
+  function p() {
+    return (t == null ? void 0 : t.schema.componentType) === "frame" ? !0 : n && n.hideNestedPaddingInDesginerView ? n.hideNestedPaddingInDesginerView() : !1;
   }
-  function p(F) {
-    if (!F || !F.value)
+  function c(T) {
+    if (!T || !T.value)
       return null;
-    if (F.value.schema && F.value.schema.type === "component")
-      return F.value;
-    const M = f(F == null ? void 0 : F.value.parent), j = p(M);
-    return j || 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(F = t) {
-    const { componentInstance: M, designerItemElementRef: j } = F;
-    return !M || !M.value ? null : M.value.canMove ? j : y(F.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(F) {
-    return !!o && o.canAccepts(F);
+  function b(T) {
+    return !!n && n.canAccepts(T);
   }
-  function c() {
+  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 m() {
-  }
-  function g(F, M) {
-    M && o != null && o.onAcceptMovedChildElement && o.onAcceptMovedChildElement(M);
-  }
-  function T(F, M) {
-    const { componentType: j } = F;
-    let V = z(j, F, M);
-    o && o.onResolveNewComponentSchema && (V = o.onResolveNewComponentSchema(F, V));
-    const $ = j.toLowerCase().replace("-", "_");
-    return V && !V.id && V.type === j && (V.id = `${$}_${Math.random().toString().slice(2, 6)}`), V;
-  }
-  function D(F, M) {
-    const j = String(F.getAttribute("data-controltype")), V = F.getAttribute("data-feature"), $ = V ? JSON.parse(V) : {};
-    $.parentComponentInstance = a.value;
-    let N = z(j, $);
-    o && o.onAcceptNewChildElement && (N = o.onAcceptNewChildElement(F, M, N));
-    const R = j.toLowerCase().replace("-", "_");
-    return N && !N.id && N.type === j && (N.id = `${R}_${Math.random().toString().slice(2, 6)}`), N;
-  }
-  function S(F) {
-  }
-  function x(...F) {
-    if (o && o.getPropsConfig)
-      return o.getPropsConfig(...F);
-  }
-  return a.value = {
-    canMove: l(),
-    canSelectParent: u(),
-    canDelete: i(),
-    canNested: !d(),
+  function g() {
+  }
+  function y(T, w) {
+    w && n != null && n.onAcceptMovedChildElement && n.onAcceptMovedChildElement(w);
+  }
+  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 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 F(T) {
+  }
+  function k(...T) {
+    if (n && n.getPropsConfig)
+      return n.getPropsConfig(...T);
+  }
+  return l.value = {
+    canMove: u(),
+    canSelectParent: i(),
+    canDelete: r(),
+    canNested: !p(),
     contents: t == null ? void 0 : t.schema.contents,
     elementRef: e,
-    parent: (O = t == null ? void 0 : t.parent) == null ? void 0 : O.componentInstance,
+    parent: (R = t == null ? void 0 : t.parent) == null ? void 0 : R.componentInstance,
     schema: t == null ? void 0 : t.schema,
-    styles: n,
+    styles: a,
     designerClass: s,
-    canAccepts: w,
-    getBelongedComponentInstance: p,
-    getDraggableDesignItemElement: y,
-    getDraggingDisplayText: c,
-    getPropConfig: x,
-    getDragScopeElement: m,
-    onAcceptMovedChildElement: g,
-    onAcceptNewChildElement: D,
-    onChildElementMovedOut: S,
-    addNewChildComponentSchema: T,
-    updateDragAndDropRules: r,
-    triggerBelongedComponentToMoveWhenMoved: !!o && o.triggerBelongedComponentToMoveWhenMoved || f(!1),
-    triggerBelongedComponentToDeleteWhenDeleted: !!o && o.triggerBelongedComponentToDeleteWhenDeleted || f(!1)
-  }, a;
-}
-function Po() {
+    canAccepts: b,
+    getBelongedComponentInstance: c,
+    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 n, s;
+    var a, s;
     if (!t)
       return !1;
-    const o = ((n = t.targetContainer) == null ? void 0 : n.componentInstance) && t.targetContainer.componentInstance.value;
-    if (!o)
+    const n = ((a = t.targetContainer) == null ? void 0 : a.componentInstance) && t.targetContainer.componentInstance.value;
+    if (!n)
       return !1;
-    const r = (s = o.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 a = o.schema.type, l = (a === "response-form" || a === "content-container") && r && r.includes("farris-form");
-      if (o.schema.type !== "response-layout-item" && !l)
+      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;
     }
     return t.controlType !== "field-set";
@@ -618,7 +598,7 @@ function Po() {
     basalDragulaRuleForContainer: e
   };
 }
-const xo = "https://json-schema.org/draft/2020-12/schema", So = "https://farris-design.gitee.io/dragging-rules.schema.json", Mo = "Dragging Rules", Ao = "The rules of designer canvas", Do = "object", Vo = {
+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",
@@ -1256,265 +1236,343 @@ const xo = "https://json-schema.org/draft/2020-12/schema", So = "https://farris-
     description: "",
     type: "object"
   }
-}, Eo = {
-  $schema: xo,
-  $id: So,
-  title: Mo,
-  description: Ao,
-  type: Do,
-  properties: Vo
-}, te = /* @__PURE__ */ new Map();
-function No() {
-  function e(c, m, g, T) {
-    var D;
-    if (typeof g == "number")
-      return ((D = T[c]) == null ? void 0 : D.length) === g;
-    if (typeof g == "object") {
-      const S = Object.keys(g)[0], x = g[S];
-      if (S === "not")
-        return Number(T[c].length) !== Number(x);
-      if (S === "moreThan")
-        return Number(T[c].length) >= Number(x);
-      if (S === "lessThan")
-        return Number(T[c].length) <= Number(x);
+}, 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(c, m, g, T) {
-    return typeof g == "boolean" ? T.childrenClassList.includes(m) === !!g : !1;
+  function t(f, g, y, C) {
+    return typeof y == "boolean" ? C.childrenClassList.includes(g) === !!y : !1;
   }
-  function o(c, m, g, T) {
-    return typeof g == "boolean" ? T.parentClassList.includes(m) === !!g : !1;
+  function n(f, g, y, C) {
+    return typeof y == "boolean" ? C.parentClassList.includes(g) === !!y : !1;
   }
-  function r(c, m, g, T) {
-    return typeof g == "boolean" ? T.parentClassList.includes(m) === !!g : !1;
+  function o(f, g, y, C) {
+    return typeof y == "boolean" ? C.parentClassList.includes(g) === !!y : !1;
   }
-  const n = /* @__PURE__ */ new Map([
+  const a = /* @__PURE__ */ new Map([
     ["length", e],
     ["hasChildren", t],
-    ["hasSibling", r],
-    ["hasParent", o]
+    ["hasSibling", o],
+    ["hasParent", n]
   ]);
-  function s(c, m) {
-    const g = c;
-    return typeof m == "number" ? [{ target: g, operator: "length", param: null, value: Number(m) }] : typeof m == "object" ? Object.keys(m).map((T) => {
-      if (T === "length")
-        return { target: g, operator: "length", param: null, value: m[T] };
-      const D = T, S = m[T];
-      return { target: g, operator: c === "children" ? "hasChildren" : c === "parent" ? "hasParent" : "hasSibling", param: D, value: S };
+  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 a(c, m) {
-    if (n.has(c.operator)) {
-      const g = n.get(c.operator);
-      return g && g(c.target, c.param, c.value, m) || !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 l(c, m) {
-    return Object.keys(c).reduce((S, x) => {
-      const O = s(x, c[x]);
-      return S.push(...O), S;
-    }, []).reduce((S, x) => S && a(x, m), !0);
-  }
-  function u(c, m) {
-    const g = Object.keys(c), T = g.includes("allOf"), D = g.includes("anyOf"), S = T || D, F = (S ? c[S ? T ? "allOf" : "anyOf" : "allOf"] : [c]).map((j) => l(j, m));
-    return T ? !F.includes(!1) : F.includes(!0);
-  }
-  function i(c, m) {
-    const g = c.const;
-    return g ? typeof g == "boolean" ? g : typeof g == "object" ? u(g, m) : !1 : !1;
-  }
-  function d(c) {
-    return (m) => {
-      const g = { canAccept: !0, fixed: !1, hidePadding: !1 };
-      return c && c.properties && Object.keys(c.properties).reduce((T, D) => {
-        const S = c.properties[D];
-        return T[D] = i(S, m), 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 p(c, m, g) {
-    if (m.type === "object" && m.properties) {
-      const { rules: T, contents: D } = m.properties;
-      g.set(c, d(T)), D && Object.keys(D.properties).forEach(
-        (S) => p(S, D.properties[S], 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: c } = Eo;
-    Object.keys(c).forEach((m) => {
-      p(m, c[m], te);
+  function v() {
+    const { properties: f } = Co;
+    Object.keys(f).forEach((g) => {
+      c(g, f[g], Me);
     });
   }
-  function w(c, m) {
-    const g = { canAccept: !0, fixed: !1, hidePadding: !0 };
-    return te.has(c) ? te.get(c)(m) : 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 Oo(e, t) {
-  var M;
-  const o = e.schema, r = (M = e.parent) == null ? void 0 : M.schema, n = No(), s = f(!1), a = f(!1);
-  let l = !0, u = !1, i, d = !1;
-  function p(j) {
-    return i && i.componentClassList && i.componentClassList.includes("f-form-layout") && i.componentClassList.includes("farris-form") ? j.sourceType === "control" && j.controlCategory === "input" || j.sourceType === "move" && j.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 o(i) {
+    const r = e.getComponentById(i);
+    return !(!r || !r.componentType || !r.componentType.startsWith("form"));
+  }
+  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 y(j) {
-    return !(!Po().basalDragulaRuleForContainer(j) || !l || !p(j));
+  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 w() {
-    s.value = !1, a.value = !1;
-    const j = o, V = j.appearance && j.appearance.class || "", $ = V.split(" "), N = j.contents || [], R = N.length ? N[0] : null, P = R && R.appearance ? R.appearance.class : "", E = P ? P.split(" ") : [], U = N.length ? N.reduce((ce, K) => {
-      const ue = K && K.appearance ? K.appearance.class : "", Ee = ue ? ue.split(" ") : [];
-      return ce.push(...Ee), ce;
-    }, []) : [], W = r, Y = W && W.appearance && W.appearance.class || "", Me = Y ? Y.split(" ") : [];
-    i = {
-      componentClass: V,
-      componentClassList: $,
-      childContents: N,
-      firstChildContent: R,
-      firstChildClass: P,
-      firstChildClassList: E,
-      parent: W,
-      parentClass: Y,
-      parentClassList: Me,
-      children: N,
-      childrenClassList: U
+  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: U,
+      firstChildContent: D,
+      firstChildClass: H,
+      firstChildClassList: Y,
+      parent: M,
+      parentClass: S,
+      parentClassList: q,
+      children: U,
+      childrenClassList: Q
     };
-    const { canAccept: Ae, fixed: De, hidePadding: Ve } = n.getRuleValue($[0], i);
-    return l = Ae, u = Ve, d = De, !0;
+    const { canAccept: $, fixed: W, hidePadding: re } = a.getRuleValue(N[0], r);
+    return u = $, i = re, p = W, !0;
   }
-  function c(j) {
-    ne();
+  function f(E) {
+    ye();
   }
-  function m() {
-    return o.componentType ? "display:inherit;flex-direction:inherit;margin-bottom:10px" : "";
+  function g() {
+    return n.componentType ? "display:inherit;flex-direction:inherit;margin-bottom:10px" : "";
   }
-  function g(j, V) {
-    const $ = o;
-    if (($.appearance && $.appearance.class || "").split(" ").includes("f-form-layout")) {
-      const { label: P } = j, E = z("form-group");
-      return E.editor = V, E.label = P, T(E), delete E.editor.id, delete E.editor.binding, delete E.editor.appearance, delete E.editor.visible, E;
+  function y(E, O) {
+    const N = n;
+    if ((N.appearance && N.appearance.class || "").split(" ").includes("f-form-layout")) {
+      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 V;
-  }
-  function T(j) {
-    const V = e.componentInstance.value.getBelongedComponentInstance(e.componentInstance);
-    if (V && V.schema && V.schema.componentType) {
-      const $ = V.schema.formColumns, N = D($);
-      j.appearance || (j.appearance = {}), j.appearance.class = N;
+    return 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(j) {
-    let V = "";
-    switch (j) {
+  function h(E) {
+    let O = "";
+    switch (E) {
       case 1: {
-        V = "col-12 col-md-12 col-xl-12 col-el-12";
+        O = "col-12 col-md-12 col-xl-12 col-el-12";
         break;
       }
       case 2: {
-        V = "col-12 col-md-6 col-xl-6 col-el-6";
+        O = "col-12 col-md-6 col-xl-6 col-el-6";
         break;
       }
       case 3: {
-        V = "col-12 col-md-6 col-xl-4 col-el-4";
+        O = "col-12 col-md-6 col-xl-4 col-el-4";
         break;
       }
       case 4: {
-        V = "col-12 col-md-6 col-xl-3 col-el-2";
+        O = "col-12 col-md-6 col-xl-3 col-el-2";
         break;
       }
     }
-    return V;
+    return O;
   }
-  function S(j, V, $) {
-    const N = o;
-    if ((N.appearance && N.appearance.class || "").split(" ").includes("f-form-layout")) {
-      const E = String(j.innerText), U = z("form-group");
-      return U.editor = $, U.label = E, U;
+  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 $;
+    return N;
   }
-  function x() {
-    return !d;
+  function k() {
+    return !p;
   }
-  function O() {
-    return !d;
+  function R() {
+    return !p;
   }
-  function F() {
-    return u;
+  function T() {
+    return i;
+  }
+  function w(E) {
+    return new To(E, t).getPropertyConfig(n, e.componentInstance.value);
   }
   return {
-    canAccepts: y,
-    checkCanDeleteComponent: O,
-    checkCanMoveComponent: x,
-    getStyles: m,
-    hideNestedPaddingInDesginerView: F,
-    onAcceptNewChildElement: S,
-    onAcceptMovedChildElement: c,
-    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: a
+    triggerBelongedComponentToDeleteWhenDeleted: l
   };
 }
-const $o = /* @__PURE__ */ G({
+const Mo = /* @__PURE__ */ Z({
   name: "FResponseFormDesign",
-  props: J,
+  props: pe,
   emits: [],
   setup(e, t) {
-    const o = f(), r = _("design-item-context");
-    _("designer-host-service");
-    const n = Oo(r), s = ie(o, r, n);
-    q(() => {
-      o.value.componentInstance = s;
-    }), t.expose(s.value);
-    const a = B(() => {
-      const l = e.customClass.split(" "), u = {
+    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 l.reduce((i, d) => (i[d] = !0, i), u), u;
+      return i.reduce((p, c) => (p[c] = !0, p), r), r;
     });
-    return () => A("div", {
-      ref: o,
-      class: a.value,
-      "data-dragref": `${r.schema.id}-container`,
-      "data-associate": `${r.schema.id}-component`
+    return () => m("div", {
+      ref: n,
+      class: u.value,
+      "data-dragref": `${o.schema.id}-container`,
+      "data-associate": `${o.schema.id}-component`
     }, [t.slots.default && t.slots.default()]);
   }
-}), Lo = {
+}), Fo = {
   id: { type: String },
   required: { type: Boolean, default: !1 },
   text: { type: String, default: "" },
   title: { type: String }
-}, Fe = /* @__PURE__ */ G({
+}, Ye = /* @__PURE__ */ Z({
   name: "FDynamicFormLabel",
-  props: Lo,
+  props: Fo,
   emits: [],
   setup(e, t) {
-    const o = f(e.title || e.text), r = f(e.required), n = f(e.text);
-    return I(() => e.text, () => {
-      n.value = e.text;
-    }), I(() => e.required, (s, a) => {
-      s !== a && (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: o.value
-    }, [r.value && A("span", {
+      title: n.value
+    }, [o.value && m("span", {
       class: "farris-label-info text-danger"
-    }, [$e("*")]), A("span", {
+    }, [_("*")]), m("span", {
       class: "farris-label-text"
-    }, [n.value])]);
+    }, [a.value])]);
   }
-}), Io = /* @__PURE__ */ new Map([
-  ["appearance", Ce]
+}), ko = /* @__PURE__ */ new Map([
+  ["appearance", Ge]
 ]);
-function Ro(e, t, o) {
+function Eo(e, t, n) {
   return t;
 }
-const Go = "https://json-schema.org/draft/2020-12/schema", Uo = "https://farris-design.gitee.io/input-group.schema.json", qo = "input-group", Wo = "A Farris Input Component", Ho = "object", _o = {
+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"
@@ -1716,18 +1774,19 @@ const Go = "https://json-schema.org/draft/2020-12/schema", Uo = "https://farris-
     type: "string",
     default: ""
   }
-}, zo = [
+}, Do = [
   "id",
   "type"
-], Jo = {
-  $schema: Go,
-  $id: Uo,
-  title: qo,
-  description: Wo,
-  type: Ho,
-  properties: _o,
-  required: zo
-}, le = {
+], 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 */
@@ -1794,118 +1853,118 @@ const Go = "https://json-schema.org/draft/2020-12/schema", Uo = "https://farris-
    */
   updateOn: { type: String, default: "blur" }
 };
-X(le, Jo, Io, Ro);
-function Qo(e, t, o, r) {
-  const n = f(e.disabled), s = f(!1), a = f("text"), l = f(e.showBorder), u = f(e.textAlign), i = f(e.updateOn), d = B(() => e.editable || !e.readonly), p = B(() => e.editable && !e.disabled && !e.readonly), y = B(() => !e.disabled && s.value), w = B(() => o.value === "" || o.value === null || o.value === void 0), c = B(() => (e.disabled || e.readonly) && !e.forcePlaceholder ? "" : e.placeholder), m = B(() => e.readonly || !e.editable), g = B(() => e.enableTitle ? o.value : ""), T = B(() => ({
+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": u.value === "left",
-    "text-center": u.value === "center",
-    "text-right": u.value === "right"
-  })), D = B(() => {
-    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": n.value,
-      "f-state-editable": p.value,
-      "f-state-readonly": m.value,
-      "f-state-focus": y.value
+      "f-state-disable": a.value,
+      "f-state-editable": c.value,
+      "f-state-readonly": g.value,
+      "f-state-focus": v.value
     };
-    return (e.customClass || "").split(" ").reduce((U, W) => (U[W] = !0, U), P), P;
-  }), S = B(() => l.value ? "" : "border-width : 0 ");
-  function x(P, E = !0) {
-    o.value = P, r.value !== P && (r.value = P), E && 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, E) => {
-      P !== E && (o.value = P, r.value = P);
+    (D, H) => {
+      D !== H && (n.value = D, o.value = D);
     }
-  ), I(() => e.disabled, (P, E) => {
-    P !== E && (n.value = P);
+  ), X(() => e.disabled, (D, H) => {
+    D !== H && (a.value = D);
   });
-  function O(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 F(P) {
-    t.emit("click", P);
+  function T(D) {
+    t.emit("click", D);
   }
-  function M(P) {
-    e.disabled || (l.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 j(P) {
-    t.emit("input", P.target.value);
-    const E = P.target.value;
-    r.value = E, i.value === "input" && (t.emit("update:modelValue", E), t.emit("update:value", E));
+  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 V(P) {
-    t.emit("keydown", P);
+  function E(D) {
+    t.emit("keydown", D);
   }
-  function $(P) {
-    t.emit("keyup", P);
+  function O(D) {
+    t.emit("keyup", D);
   }
-  function N(P) {
-    P.target.tagName !== "INPUT" && P.preventDefault(), P.stopPropagation();
+  function N(D) {
+    D.target.tagName !== "INPUT" && D.preventDefault(), D.stopPropagation();
   }
-  function R(P) {
-    if (i.value === "blur") {
-      const E = P.target.value;
-      P.stopPropagation(), x(E);
+  function U(D) {
+    if (r.value === "blur") {
+      const H = D.target.value;
+      D.stopPropagation(), k(H);
     }
   }
   return {
-    changeTextBoxValue: x,
-    disabled: n,
-    displayText: r,
-    editable: p,
-    hasFocused: y,
-    inputGroupClass: D,
-    inputType: a,
-    isEmpty: w,
-    modelValue: o,
-    readonly: m,
-    onBlur: O,
-    onClick: F,
-    onFocus: M,
-    onInput: j,
-    onKeydown: V,
-    onKeyup: $,
+    changeTextBoxValue: k,
+    disabled: a,
+    displayText: o,
+    editable: c,
+    hasFocused: v,
+    inputGroupClass: h,
+    inputType: l,
+    isEmpty: b,
+    modelValue: n,
+    readonly: g,
+    onBlur: R,
+    onClick: T,
+    onFocus: w,
+    onInput: A,
+    onKeydown: E,
+    onKeyup: O,
     onMousedown: N,
-    onTextBoxValueChange: R,
-    placeholder: c,
-    textBoxClass: T,
-    textBoxTitle: g,
-    inputGroupStyle: S
+    onTextBoxValueChange: U,
+    placeholder: f,
+    textBoxClass: C,
+    textBoxTitle: y,
+    inputGroupStyle: F
   };
 }
-function Zo(e, t, o, r) {
-  const n = f(e.disabled), s = f(!1), a = f("text"), l = f(e.showBorder), u = f(e.textAlign);
-  B(() => e.editable || !e.readonly);
-  const i = B(() => e.editable && !e.disabled && !e.readonly), d = B(() => !e.disabled && s.value), p = B(() => o.value === "" || o.value === null || o.value === void 0), y = B(() => e.placeholder), w = B(() => e.readonly || !e.editable), c = B(() => e.enableTitle ? o.value : ""), m = B(() => ({
+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": u.value === "left",
-    "text-center": u.value === "center",
-    "text-right": u.value === "right"
-  })), g = B(() => ({
+    "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 = B(() => l.value ? "" : "border-width : 0 ");
+  })), C = x(() => u.value ? "" : "border-width : 0 ");
   return {
     // changeTextBoxValue,
-    disabled: n,
-    displayText: r,
-    editable: i,
-    hasFocused: d,
-    inputGroupClass: g,
-    inputType: a,
-    isEmpty: p,
-    modelValue: o,
-    readonly: w,
+    disabled: a,
+    displayText: o,
+    editable: r,
+    hasFocused: p,
+    inputGroupClass: y,
+    inputType: l,
+    isEmpty: c,
+    modelValue: n,
+    readonly: b,
     // onBlur,
     // onClick,
     // onFocus,
@@ -1914,343 +1973,343 @@ function Zo(e, t, o, r) {
     // onKeyup,
     // onMousedown,
     // onTextBoxValueChange,
-    placeholder: y,
-    textBoxClass: m,
-    textBoxTitle: c,
-    inputGroupStyle: T
+    placeholder: v,
+    textBoxClass: g,
+    textBoxTitle: f,
+    inputGroupStyle: C
   };
 }
-function Be(e, t, o) {
-  const r = f(!1), n = B(() => e.enableClear && !e.readonly && !e.disabled), { changeTextBoxValue: s, displayText: a, hasFocused: l, isEmpty: u } = o;
-  function i(m) {
-    r.value = m;
+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(a, () => {
-    l != null && l.value ? i(!!(a != null && a.value)) : i(!1);
+  X(l, () => {
+    u != null && u.value ? r(!!(l != null && l.value)) : r(!1);
   });
-  const d = B(() => ({
+  const p = x(() => ({
     "input-group-text": !0,
     "input-group-clear": !0
-  })), p = B(() => ({
+  })), c = x(() => ({
     width: "24px",
-    display: r.value ? "flex" : "none"
+    display: o.value ? "flex" : "none"
   }));
-  function y(m) {
-    m.stopPropagation(), n.value && (s("", !0), i(!r.value), t.emit("clear"));
+  function v(g) {
+    g.stopPropagation(), a.value && (s("", !0), r(!o.value), t.emit("clear"));
   }
-  function w(m) {
-    n.value && !u.value && i(!0);
+  function b(g) {
+    a.value && !i.value && r(!0);
   }
-  function c(m) {
-    n.value && i(!1);
+  function f(g) {
+    a.value && r(!1);
   }
-  return { clearButtonClass: d, clearButtonStyle: p, hasShownClearButton: r, onClearValue: y, onMouseEnter: w, onMouseLeave: c, shouldShowClearButton: n };
+  return { clearButtonClass: p, clearButtonStyle: c, hasShownClearButton: o, onClearValue: v, onMouseEnter: b, onMouseLeave: f, shouldShowClearButton: a };
 }
-const Xo = ["moz", "ms", "webkit"];
-function Yo() {
+const No = ["moz", "ms", "webkit"];
+function $o() {
   let e = 0;
   return (t) => {
-    const o = (/* @__PURE__ */ new Date()).getTime(), r = Math.max(0, 16 - (o - e)), n = setTimeout(() => {
-      t(o + r);
-    }, r);
-    return e = o + r, n;
+    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 Ko() {
+function qo() {
   if (typeof window > "u")
     return () => 0;
   if (window.requestAnimationFrame)
     return window.requestAnimationFrame.bind(window);
-  const e = Xo.filter((t) => `${t}RequestAnimationFrame` in window)[0];
-  return e ? window[`${e}RequestAnimationFrame`] : Yo();
+  const e = No.filter((t) => `${t}RequestAnimationFrame` in window)[0];
+  return e ? window[`${e}RequestAnimationFrame`] : $o();
 }
-Ko();
-function je(e, t) {
-  const o = f(e.groupText), r = B(() => e.showButtonWhenDisabled && (e.readonly || e.disabled)), n = B(() => e.enableClear || !!e.groupText);
-  return { appendedButtonClass: B(() => ({
+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: o, shouldShowAppendedButton: n };
+    "append-force-show": o.value
+  })), appendedContent: n, shouldShowAppendedButton: a };
 }
-function ke(e, t, o, r) {
-  const { appendedContent: n } = r, s = f(e.enableViewPassword), a = B(() => e.type === "password"), l = '<span class="f-icon f-icon-eye" style="color: rgb(56, 143, 255);"></span>', u = '<span class="f-icon f-icon-eye"></span>', i = f(!1);
-  I(() => [e.readonly, e.disabled], ([y, w]) => {
-    a.value && (o.value = y || w ? "password" : o.value, n.value = y || w ? u : n.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 i.value = !i.value, o.value = i.value ? "text" : "password", n.value = i.value ? l : u, !1;
-  }
   function p() {
-    o.value = a.value ? "password" : "text", n.value = a.value ? s.value ? u : "" : n.value;
+    return r.value = !r.value, n.value = r.value ? "text" : "password", a.value = r.value ? u : i, !1;
+  }
+  function c() {
+    n.value = l.value ? "password" : "text", a.value = l.value ? s.value ? i : "" : a.value;
   }
-  return p(), { isPassword: a, onClickAppendedButton: d };
+  return c(), { isPassword: l, onClickAppendedButton: p };
 }
-function en(e, t, o) {
-  const r = f(), {
-    onBlurTextBox: n,
+function Uo(e, t, n) {
+  const o = d(), {
+    onBlurTextBox: a,
     onFocusTextBox: s,
-    onInput: a,
-    onKeyDown: l,
-    textBoxValue: u
-  } = o, i = B(() => e.disabled || e.readonly || !e.editable ? "" : e.placeholder), d = B(() => ({
+    onInput: l,
+    onKeyDown: u,
+    textBoxValue: i
+  } = n, r = x(() => e.disabled || e.readonly || !e.editable ? "" : e.placeholder), p = x(() => ({
     "form-control": !0,
     "f-utils-fill": !0
-  })), p = B(() => ({
+  })), c = x(() => ({
     "text-align": e.textAlign
   }));
-  function y(m) {
-    m.stopPropagation();
+  function v(g) {
+    g.stopPropagation();
   }
-  function w() {
+  function b() {
     e.selectOnCreated, e.focusOnCreated;
   }
-  async function c(m) {
-    s(m), await ne, w();
+  async function f(g) {
+    s(g), await ye, b();
   }
-  return q(async () => {
-    await ne, w();
-  }), () => A("input", {
-    ref: r,
-    class: d.value,
-    style: p.value,
+  return K(async () => {
+    await ye, b();
+  }), () => m("input", {
+    ref: o,
+    class: p.value,
+    style: c.value,
     type: "text",
-    value: u.value,
+    value: i.value,
     disabled: e.disabled,
     readonly: e.readonly || !e.editable,
-    placeholder: i.value,
-    onBlur: n,
-    onChange: y,
-    onFocus: c,
-    onInput: a,
-    onKeydown: l
+    placeholder: r.value,
+    onBlur: a,
+    onChange: v,
+    onFocus: f,
+    onInput: l,
+    onKeydown: u
   }, null);
 }
-function tn(e, t, o) {
+function zo(e, t, n) {
   const {
-    canDownward: r,
-    canUpward: n,
+    canDownward: o,
+    canUpward: a,
     onClickDownButton: s,
-    onClickUpButton: a
-  } = o, l = B(() => ({
+    onClickUpButton: l
+  } = n, u = x(() => ({
     "input-group-append": !0,
     "btn-group": !0,
     "btn-group-number": !0
-  })), u = B(() => ({
+  })), i = x(() => ({
     btn: !0,
     "btn-secondary": !0,
     "btn-number-flag": !0
-  })), i = B(() => ({
-    cursor: n() ? "pointer" : "not-allowed",
+  })), r = x(() => ({
+    cursor: a() ? "pointer" : "not-allowed",
     "margin-left": 0
-  })), d = B(() => ({
-    cursor: r() ? "pointer" : "not-allowed",
+  })), p = x(() => ({
+    cursor: o() ? "pointer" : "not-allowed",
     "margin-left": 0
   }));
-  return () => A("div", {
-    class: l.value
-  }, [A("button", {
+  return () => m("div", {
+    class: u.value
+  }, [m("button", {
     title: "upButton",
-    class: u.value,
-    style: i.value,
-    onClick: a,
-    disabled: !n()
-  }, [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: u.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 on(e, t) {
-  const o = Ue(e, t), r = qe(e, t, o), n = We(e, t, r, o), s = He(e, t, r, o, n), a = tn(e, t, n), {
-    displayValue: l,
-    modelValue: u,
-    getRealValue: i
-  } = o, d = en(e, t, s), {
-    format: p
-  } = r, {
-    isFocus: y
-  } = s, w = B(() => !e.disabled && !e.readonly);
-  return q(() => {
-    const c = i(e.modelValue);
-    l.value = p(c);
-  }), I(() => [e.value], ([c]) => {
-    const m = i(c);
-    u.value = m, l.value = p(m);
-  }), I(() => [e.modelValue], ([c]) => {
-    c !== u.value && (u.value = c, !y.value && (l.value = p(i(c))));
-  }), I(() => [e.precision, e.useThousands, e.prefix, e.suffix, e.showZero], () => {
-    l.value = p(u.value);
-  }), () => A("div", {
+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: i,
+    getRealValue: r
+  } = n, p = Uo(e, t, s), {
+    format: c
+  } = 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 && a()]);
-}
-function nn(e, t, o, r) {
-  const n = f(), s = f(e.autocomplete), a = f(e.enableTitle), {
-    isPassword: l
-  } = o, u = f(e.minLength), i = f(e.maxLength), d = f(e.tabIndex), {
-    disabled: p,
-    displayText: y,
-    inputType: w,
-    onBlur: c,
-    onFocus: m,
-    onInput: g,
-    onClick: T,
-    onKeydown: D,
-    onKeyup: S,
-    onMousedown: x,
-    onTextBoxValueChange: O,
-    readonly: F,
-    placeholder: M,
-    textBoxClass: j,
-    textBoxTitle: V
-  } = r;
-  return q(() => {
+  }, [p(), b.value && l()]);
+}
+function Go(e, t, n, o) {
+  const a = d(), s = d(e.autocomplete), l = d(e.enableTitle), {
+    isPassword: u
+  } = n, i = d(e.minLength), r = d(e.maxLength), p = d(e.tabIndex), {
+    disabled: c,
+    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
+  } = o;
+  return K(() => {
     e.selectOnCreated, e.focusOnCreated;
-  }), () => A("input", {
-    ref: n,
+  }), () => m("input", {
+    ref: a,
     name: "input-group-value",
     autocomplete: s.value,
-    class: j.value,
-    disabled: p == null ? void 0 : p.value,
-    maxlength: i.value,
-    minlength: u.value,
-    placeholder: M.value,
-    readonly: F == null ? void 0 : F.value,
-    tabindex: d.value,
-    title: a.value && !l.value ? V.value : "",
-    type: w.value,
-    value: y == null ? void 0 : y.value,
-    onBlur: c,
-    onClick: T,
-    onChange: O,
-    onFocus: m,
-    onInput: g,
-    onKeydown: D,
-    onKeyup: S,
-    onMousedown: x
+    class: A.value,
+    disabled: c == null ? void 0 : c.value,
+    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 rn(e, t) {
-  const o = B(() => e.useExtendInfo && !!e.extendInfo), r = Le({
+function Wo(e, t) {
+  const n = x(() => e.useExtendInfo && !!e.extendInfo), o = te({
     content: e.extendInfo
   });
-  function n() {
+  function a() {
     t.emit("updateExtendInfo");
   }
-  return () => o.value && Ie(A("span", {
+  return () => n.value && bt(m("span", {
     class: "input-group-before-tips",
-    onMouseenter: n
-  }, [A("i", {
+    onMouseenter: a
+  }, [m("i", {
     class: "f-icon f-icon-info-circle"
-  }, null), A("b", {
+  }, null), m("b", {
     class: "tips-arrow"
-  }, null)]), [[Re("tooltip"), r]]);
+  }, null)]), [[Ct("tooltip"), o]]);
 }
-function Pe(e, t, o, r, n) {
+function _e(e, t, n, o, a) {
   const {
     appendedButtonClass: s,
-    appendedContent: a
-  } = o, l = B(() => e.showButtonWhenDisabled && (!e.editable || !e.readonly) && !e.disabled), u = B(() => a.value && !t.slots.groupTextTemplate), i = B(() => !!t.slots.groupTextTemplate), {
-    clearButtonClass: d,
-    clearButtonStyle: p,
-    onClearValue: y,
-    shouldShowClearButton: w
-  } = r;
-  function c() {
-    return A("span", {
+    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: v,
+    shouldShowClearButton: b
+  } = o;
+  function f() {
+    return m("span", {
       id: "clearIcon",
-      class: d.value,
-      style: p.value,
-      onClick: (M) => y(M)
-    }, [A("i", {
+      class: p.value,
+      style: c.value,
+      onClick: (w) => v(w)
+    }, [m("i", {
       class: "f-icon modal_close"
     }, null)]);
   }
-  function m(M) {
-    t.emit("iconMouseEnter", M);
+  function g(w) {
+    t.emit("iconMouseEnter", w);
   }
-  function g(M) {
-    t.emit("iconMouseLeave", M);
+  function y(w) {
+    t.emit("iconMouseLeave", w);
   }
-  function T(M) {
-    l.value && t.emit("clickHandle", {
-      originalEvent: M
-    }), M.stopPropagation();
+  function C(w) {
+    u.value && t.emit("clickHandle", {
+      originalEvent: w
+    }), w.stopPropagation();
   }
-  const D = e.type === "password" ? n.onClickAppendedButton : T;
-  function S() {
-    return A("span", {
+  const h = e.type === "password" ? a.onClickAppendedButton : C;
+  function F() {
+    return m("span", {
       class: "input-group-text",
-      onMouseenter: (M) => m(M),
-      onMouseleave: (M) => g(M),
-      innerHTML: a.value,
-      onClick: (M) => D(M)
+      onMouseenter: (w) => g(w),
+      onMouseleave: (w) => y(w),
+      innerHTML: l.value,
+      onClick: (w) => h(w)
     }, null);
   }
-  function x() {
+  function k() {
     return t.slots.groupTextTemplate && t.slots.groupTextTemplate();
   }
-  function O() {
-    return u.value ? S : i.value ? x : "";
+  function R() {
+    return i.value ? F : r.value ? k : "";
   }
-  const F = O();
-  return () => A("div", {
+  const T = R();
+  return () => m("div", {
     class: s.value
-  }, [w.value && c(), F && F()]);
+  }, [b.value && f(), T && T()]);
 }
-const an = /* @__PURE__ */ G({
+const Xo = /* @__PURE__ */ Z({
   name: "FInputGroup",
-  props: le,
+  props: Ie,
   emits: ["clear", "change", "blur", "click", "clickHandle", "focus", "input", "keydown", "keyup", "iconMouseEnter", "iconMouseLeave", "update:modelValue", "update:value", "updateExtendInfo", "valueChange"],
   setup(e, t) {
-    const o = f(e.modelValue), r = f(e.modelValue), n = Qo(e, t, o, r), {
+    const n = d(e.modelValue), o = d(e.modelValue), a = Vo(e, t, n, o), {
       inputGroupClass: s,
-      inputType: a,
-      inputGroupStyle: l
-    } = n, u = je(e), {
-      shouldShowAppendedButton: i
-    } = u, d = Be(e, t, n), {
-      onMouseEnter: p,
-      onMouseLeave: y
-    } = d, w = ke(e, t, a, u), c = on(e, t), m = nn(e, t, w, n), g = Pe(e, t, u, d, w), T = rn(e, t), D = B(() => e.type === "number");
-    I(() => [e.value], ([x]) => {
-      o.value = x, r.value = x;
-    }), I(() => [e.modelValue], ([x]) => {
-      o.value = x, r.value = x;
-    }), q(() => {
-      e.value && (o.value = e.value, r.value = e.value);
+      inputType: l,
+      inputGroupStyle: u
+    } = a, i = Qe(e), {
+      shouldShowAppendedButton: r
+    } = i, p = Je(e, t, a), {
+      onMouseEnter: c,
+      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 S = () => A(pe, null, [A("div", {
-      id: "inputGroup",
+    const F = () => m(ce, null, [m("div", {
+      id: e.id,
       class: s.value,
-      style: l.value,
-      onMouseenter: p,
-      onMouseleave: y
-    }, [D.value ? c() : A(pe, null, [T(), m(), i.value && g()])])]);
-    return () => S();
-  }
-}), b = {}, h = {}, v = {}, C = {};
-let ye = !1;
-function sn() {
-  ye || (ye = !0, ze.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), tt.register(b, h, v, C), nt.register(b, h, v, C), ot.register(b, h, v, C), rt.register(b, h, v, C), at.register(b, h, v, C), st.register(b, h, v, C), it.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), yt.register(b, h, v, C), ft.register(b, h, v, C), gt.register(b, h, v, C), bt.register(b, h, v, C), ht.register(b, h, v, C), vt.register(b, h, v, C), Ge.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), jt.register(b, h, v, C), kt.register(b, h, v, C), Pt.register(b, h, v, C), St.register(b, h, v, C), Mt.register(b, h, v, C), xt.register(b, h, v, C), Jt.register(b, h, v), At.register(b, h, v, C), Dt.register(b, h, v, C), Vt.register(b, h, v, C), Et.register(b, h, v, C), Nt.register(b, h, v, C), Ot.register(b, h, v, C), $t.register(b, h, v, C), Lt.register(b, h, v, C), It.register(b, h, v, C), Rt.register(b, h, v, C), Gt.register(b, h, v, C), Ut.register(b, h, v, C), Wt.register(b, h, v, C), qt.register(b, h, v, C), Ht.register(b, h, v, C), _t.register(b, h, v, C), zt.register(b, h, v, C), Qt.register(b, h, v, C));
-}
-function xe() {
-  sn();
-  function e(n, s) {
-    const a = h[n];
-    return a ? a(s) : {};
+      style: u.value,
+      onMouseenter: c,
+      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(n) {
-    return b[n] || an;
+  function t(a) {
+    return P[a] || Xo;
   }
-  function o(n) {
-    switch (n) {
+  function n(a) {
+    switch (a) {
       case "check-box":
         return "onChangeValue";
       case "switch":
@@ -2281,7 +2340,7 @@ function xe() {
       case "input-group":
         return "onChange";
       case "lookup":
-        return "";
+        return "onUpdate:modelValue";
       case "number-range":
         return "onValueChange";
       case "number-spinner":
@@ -2296,6 +2355,8 @@ function xe() {
         return "onSavedCommandListChanged";
       case "grid-field-editor":
         return "onChange";
+      case "response-form-layout-setting":
+        return "onChange";
       case "field-selector":
         return "onFieldSelected";
       case "schema-selector":
@@ -2306,139 +2367,139 @@ function xe() {
         return "onValueChange";
     }
   }
-  function r(n) {
-    switch (n) {
+  function o(a) {
+    switch (a) {
       case "combo-list":
       case "input-group":
       case "textarea":
         return "onClear";
     }
   }
-  return { resolveEditorProps: e, resolveEditorType: t, getChangeFunctionName: o, getClearFunctionName: r };
+  return { resolveEditorProps: e, resolveEditorType: t, getChangeFunctionName: n, getClearFunctionName: o };
 }
-const oe = /* @__PURE__ */ G({
+const Fe = /* @__PURE__ */ Z({
   name: "FDynamicFormGroup",
-  props: J,
+  props: pe,
   emits: ["change", "update:modelValue"],
   setup(e, t) {
-    const o = f(e.id), r = f(e.customClass), n = f(e.editor), s = f(e.label), a = f(e.modelValue), l = f(e.readonly), u = f(e.required), i = f(e.showLabel), d = f(e.visible);
-    f(e.type);
-    const p = f(), {
-      resolveEditorProps: y,
-      resolveEditorType: w,
-      getChangeFunctionName: c,
-      getClearFunctionName: m
-    } = xe(), g = B(() => ({
+    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": l.value
+      "q-state-readonly": u.value
     }));
-    function T(x, O) {
-      a.value = O !== void 0 ? O : x, t.emit("update:modelValue", a.value), t.emit("change", a.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 S = B(() => {
-      const x = n.value.type || "input-group", O = w(x), F = y(x, n.value), M = c(x), j = m(n.value.type);
-      return F[M] = T, F[j] = D, () => A(O, Z({
-        ref: p
-      }, F, {
-        modelValue: a.value,
-        "onUpdate:modelValue": (V) => a.value = V
+    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
+      }, 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], ([x, O, F, M, j, V, $, N, R]) => {
-      o.value = x, r.value = O, n.value = F, s.value = M, a.value = j, l.value = V, u.value = $, i.value = N, d.value = R;
+    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: p
-    }), () => d.value && A("div", {
-      id: `${o.value}-input-group`,
-      class: r.value
-    }, [A("div", {
+      editorRef: c
+    }), () => p.value && m("div", {
+      id: `${n.value}-input-group`,
+      class: o.value
+    }, [m("div", {
       class: "farris-group-wrap"
-    }, [A("div", {
-      class: g.value
-    }, [i.value && A(Fe, {
-      id: `${o.value}-lable`,
-      required: u.value,
+    }, [m("div", {
+      class: y.value
+    }, [r.value && m(Ye, {
+      id: `${n.value}-lable`,
+      required: i.value,
       text: s.value,
       title: s.value
-    }, null), A("div", {
+    }, null), m("div", {
       class: "farris-input-wrap"
-    }, [S.value()])])])]);
+    }, [F.value()])])])]);
   }
-}), ln = {}, cn = {};
-function un(e, t) {
+}), Jo = {}, Qo = {};
+function Zo(e, t) {
   e.schema;
-  const o = f(!0), r = f(!0);
-  function n(p) {
+  const n = d(!0), o = d(!0);
+  function a(c) {
     return !1;
   }
   function s() {
     return !1;
   }
-  function a() {
+  function l() {
     return !1;
   }
-  function l() {
+  function u() {
     return !0;
   }
-  function u(p) {
+  function i(c) {
   }
-  function i() {
+  function r() {
   }
-  function d(p) {
+  function p(c) {
     return null;
   }
   return {
-    canAccepts: n,
+    canAccepts: a,
     checkCanDeleteComponent: s,
-    checkCanMoveComponent: a,
-    hideNestedPaddingInDesginerView: l,
-    onAcceptMovedChildElement: u,
-    resolveComponentContext: i,
-    triggerBelongedComponentToMoveWhenMoved: o,
-    triggerBelongedComponentToDeleteWhenDeleted: r,
-    getPropsConfig: d
+    checkCanMoveComponent: l,
+    hideNestedPaddingInDesginerView: u,
+    onAcceptMovedChildElement: i,
+    resolveComponentContext: r,
+    triggerBelongedComponentToMoveWhenMoved: n,
+    triggerBelongedComponentToDeleteWhenDeleted: o,
+    getPropsConfig: p
   };
 }
-class pn {
-  constructor(t, o) {
-    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", {
+class _o {
+  constructor(t, n) {
+    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 = o, this.eventsEditorUtils = o.eventsEditorUtils, this.formSchemaUtils = o.formSchemaUtils, this.formMetadataConverter = o.formMetadataConverter, this.viewModelId = ((r = this.formSchemaUtils) == null ? void 0 : r.getViewModelIdByComponentId(t)) || "", this.designViewModelUtils = o.designViewModelUtils, this.controlCreatorUtils = o.controlCreatorUtils, this.metadataService = o.metadataService, this.schemaService = o.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;
     return (t = this.schemaService) == null ? void 0 : t.getTableInfoByViewModelId(this.viewModelId);
   }
   setDesignViewModelField(t) {
-    const o = t.binding && t.binding.type === "Form" && t.binding.field;
-    if (o) {
+    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((n) => n.id === o);
+        const o = this.designViewModelUtils.getDgViewModel(this.viewModelId);
+        this.designViewModelField = o.fields.find((a) => a.id === n);
       }
       t.updateOn = this.designViewModelField.updateOn;
     }
   }
-  changeFieldEditorType(t, o) {
+  changeFieldEditorType(t, n) {
   }
   getBasicPropConfig(t) {
     return {
@@ -2459,7 +2520,7 @@ class pn {
             type: "combo-list",
             textField: "name",
             valueField: "value",
-            data: [{ value: t.type, name: k[t.type].name }]
+            data: [{ value: t.type, name: V[t.type].name }]
           }
         }
       }
@@ -2485,23 +2546,36 @@ class pn {
       }
     };
   }
+  /**
+  * 
+  * @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 o = H.fieldControlTypeMapping[t];
-    return o || [{ key: "", value: "" }];
+    const n = oe.fieldControlTypeMapping[t];
+    return n || [{ key: "", value: "" }];
   }
   /**
    * 获取所有输入类控件
    */
   static getAllInputTypes() {
     const t = [];
-    for (let o in H.fieldControlTypeMapping)
-      H.fieldControlTypeMapping[o].forEach((r) => {
-        t.find((n) => n.key === r.key && n.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;
   }
@@ -2509,66 +2583,68 @@ const H = class H {
 /**
  * <字段类型,可配置的控件类型列表>的映射
  */
-L(H, "fieldControlTypeMapping", {
+G(oe, "fieldControlTypeMapping", {
   String: [
-    { key: k["input-group"].type, value: k["input-group"].name },
-    { key: k.lookup.type, value: k.lookup.name },
-    { key: k["date-picker"].type, value: k["date-picker"].name },
-    { key: k["check-box"].type, value: k["check-box"].name },
-    { key: k["radio-group"].type, value: k["radio-group"].name },
-    { key: k["combo-list"].type, value: k["combo-list"].name },
-    { key: k.textarea.type, value: k.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: k.textarea.type, value: k.textarea.name },
-    { key: k.lookup.type, value: k.lookup.name }
+    { key: V.textarea.type, value: V.textarea.name },
+    { key: V.lookup.type, value: V.lookup.name }
   ],
   Decimal: [
-    { key: k["number-spinner"].type, value: k["number-spinner"].name }
+    { key: V["number-spinner"].type, value: V["number-spinner"].name }
   ],
   Integer: [
-    { key: k["number-spinner"].type, value: k["number-spinner"].name }
+    { key: V["number-spinner"].type, value: V["number-spinner"].name }
   ],
   Number: [
-    { key: k["number-spinner"].type, value: k["number-spinner"].name }
+    { key: V["number-spinner"].type, value: V["number-spinner"].name }
   ],
   BigNumber: [
-    { key: k["number-spinner"].type, value: k["number-spinner"].name }
+    { key: V["number-spinner"].type, value: V["number-spinner"].name }
   ],
   Date: [
-    { key: k["date-picker"].type, value: k["date-picker"].name }
+    { key: V["date-picker"].type, value: V["date-picker"].name }
   ],
   DateTime: [
-    { key: k["date-picker"].type, value: k["date-picker"].name }
+    { key: V["date-picker"].type, value: V["date-picker"].name }
   ],
   Boolean: [
-    { key: k.switch.type, value: k.switch.name },
-    { key: k["check-box"].type, value: k["check-box"].name }
+    { key: V.switch.type, value: V.switch.name },
+    { key: V["check-box"].type, value: V["check-box"].name }
   ],
   Enum: [
-    { key: k["combo-list"].type, value: k["combo-list"].name },
-    { key: k["radio-group"].type, value: k["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: k.lookup.type, value: k.lookup.name },
-    { key: k["combo-list"].type, value: k["combo-list"].name },
-    { key: k["radio-group"].type, value: k["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 dn = f(0);
-class mn extends pn {
-  constructor(t, o) {
-    super(t, o);
-  }
-  getPropertyConfig(t, o) {
-    return this.propertyConfig.categories.basic = this.getBasicProperties(t, o), this.propertyConfig.categories.appearance = this.getAppearanceProperties(t), this.propertyConfig.categories.editor = this.getEditorProperties(t), this.propertyConfig;
-  }
-  getBasicProperties(t, o) {
-    var a;
-    var r = this;
-    this.setDesignViewModelField(t);
-    const n = this.formSchemaUtils.getFormMetadataBasicInfo(), s = this.designViewModelUtils.getAllFields2TreeByVMId(this.viewModelId);
+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(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(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: "基本信息",
@@ -2590,7 +2666,7 @@ class mn extends pn {
             textField: "value",
             valueField: "key",
             editable: !1,
-            data: r.designViewModelField ? Q.getEditorTypesByMDataType((a = r.designViewModelField.type) == null ? void 0 : a.name) : Q.getAllInputTypes()
+            data: a.designViewModelField ? he.getEditorTypesByMDataType((u = a.designViewModelField.type) == null ? void 0 : u.name) : he.getAllInputTypes()
           }
         },
         label: {
@@ -2606,8 +2682,8 @@ class mn extends pn {
             type: "field-selector",
             bindingType: { enable: !1 },
             editorParams: {
-              propertyData: t,
-              formBasicInfo: n
+              propertyData: n,
+              formBasicInfo: s
             },
             columns: [
               { field: "name", title: "字段名称" },
@@ -2615,26 +2691,27 @@ class mn extends pn {
               { field: "fieldType", title: "字段类型" }
             ],
             textField: "bindingField",
-            data: s
+            data: l
           }
         }
       },
-      setPropertyRelates(l, u) {
-        if (l)
-          switch (l && l.propertyID) {
+      setPropertyRelates(i, r) {
+        if (i)
+          switch (i && i.propertyID) {
             case "type": {
-              r.changeControlType(t, l, o);
+              a.changeControlType(n, i, o);
               break;
             }
             case "label": {
-              l.needRefreshControlTree = !0;
+              i.needRefreshControlTree = !0;
               break;
             }
           }
       }
     };
   }
-  getAppearanceProperties(t) {
+  getAppearanceProperties(n, o) {
+    var a = this;
     return {
       title: "样式",
       description: "Appearance",
@@ -2655,61 +2732,74 @@ class mn extends pn {
           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, o, r) {
-    var i, d, p, y;
-    const n = o.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 a = s.contents.findIndex((w) => w.id === t.id), l = s.contents[a];
-    let u;
+    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: n
+        $type: s
       },
       name: this.designViewModelField.name,
       require: this.designViewModelField.require,
       readonly: this.designViewModelField.readonly
-    }, !1), u = this.controlCreatorUtils.setFormFieldProperty(this.designViewModelField, n)), u || (u = de("form-group") || {}, u.editor = de(n) || {}, delete u.editor.id, delete u.editor.binding, delete u.editor.appearance), Object.assign(u, {
-      id: l.id,
-      appearance: l.appearance,
-      size: l.size,
-      label: l.label,
-      binding: l.binding,
-      visible: l.visible
-    }), Object.assign(u.editor, {
-      isTextArea: u.isTextArea && l.isTextArea,
-      placeholder: (i = l.editor) == null ? void 0 : i.placeholder,
-      holdPlace: (d = l.editor) == null ? void 0 : d.holdPlace,
-      readonly: (p = l.editor) == null ? void 0 : p.readonly,
-      require: (y = l.editor) == null ? void 0 : y.require
-    }), s.contents.splice(a, 1), s.contents.splice(a, 0, u), r.schema = Object.assign(l, u), Array.from(document.getElementsByClassName("dgComponentSelected")).forEach(
-      (w) => w.classList.remove("dgComponentSelected")
-    ), dn.value++;
-  }
-  getComponentConfig(t, o = {}, r = {}) {
-    const n = Object.assign({
+    }, !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"
-    }, o), s = Object.assign({
+    }, o), l = Object.assign({
       readonly: {
         description: "",
         title: "只读",
@@ -2730,148 +2820,196 @@ class mn extends pn {
         title: "提示文本",
         type: "string"
       }
-    }, r);
-    return { ...n, 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 fn extends mn {
-  constructor(t, o) {
-    super(t, o);
+class ta extends ea {
+  constructor(t, n) {
+    super(t, n);
   }
 }
-function yn(e, t) {
+function na(e, t) {
   const {
-    canAccepts: o,
-    checkCanDeleteComponent: r,
-    checkCanMoveComponent: n,
+    canAccepts: n,
+    checkCanDeleteComponent: o,
+    checkCanMoveComponent: a,
     hideNestedPaddingInDesginerView: s,
-    onAcceptMovedChildElement: a,
-    resolveComponentContext: l,
-    triggerBelongedComponentToMoveWhenMoved: u,
-    triggerBelongedComponentToDeleteWhenDeleted: i
-  } = un(e), d = e.schema;
-  function p(y, w) {
-    return new fn(y, t).getPropertyConfig(d, w);
+    onAcceptMovedChildElement: l,
+    resolveComponentContext: u,
+    triggerBelongedComponentToMoveWhenMoved: i,
+    triggerBelongedComponentToDeleteWhenDeleted: r
+  } = Zo(e), p = e.schema;
+  function c(v, b) {
+    return new ta(v, t).getPropertyConfig(p, b);
   }
   return {
-    canAccepts: o,
-    checkCanDeleteComponent: r,
-    checkCanMoveComponent: n,
+    canAccepts: n,
+    checkCanDeleteComponent: o,
+    checkCanMoveComponent: a,
     hideNestedPaddingInDesginerView: s,
-    onAcceptMovedChildElement: a,
-    resolveComponentContext: l,
-    triggerBelongedComponentToMoveWhenMoved: u,
-    triggerBelongedComponentToDeleteWhenDeleted: i,
-    getPropsConfig: p
+    onAcceptMovedChildElement: l,
+    resolveComponentContext: u,
+    triggerBelongedComponentToMoveWhenMoved: i,
+    triggerBelongedComponentToDeleteWhenDeleted: r,
+    getPropsConfig: c
   };
 }
-const gn = /* @__PURE__ */ G({
+const oa = /* @__PURE__ */ Z({
   name: "FInputGroupDesign",
-  props: le,
+  props: Ie,
   emits: ["updateExtendInfo", "clear", "valueChange", "clickHandle", "blurHandle", "focusHandle", "enterHandle", "iconMouseEnter", "iconMouseLeave", "keyupHandle", "keydownHandle", "inputClick"],
   setup(e, t) {
-    const o = f(e.modelValue), r = f(e.modelValue), n = Zo(e, t, o, r), {
+    const n = d(e.modelValue), o = d(e.modelValue), a = Ro(e, t, n, o), {
       inputGroupClass: s,
-      inputType: a,
-      inputGroupStyle: l
-    } = n, u = je(e), {
-      shouldShowAppendedButton: i
-    } = u, d = Be(e, t, n), {
-      onMouseEnter: p,
-      onMouseLeave: y
-    } = d, w = ke(e, t, a, u), c = f(), m = _("designer-host-service"), g = _("design-item-context"), T = yn(g, m), D = ie(c, g, T);
-    q(() => {
-      c.value.componentInstance = D;
-    }), t.expose(D.value);
-    const S = Pe(e, t, u, d, w), x = f();
-    return () => A("div", {
+      inputType: l,
+      inputGroupStyle: u
+    } = a, i = Qe(e), {
+      shouldShowAppendedButton: r
+    } = i, p = Je(e, t, a), {
+      onMouseEnter: c,
+      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: c,
+      ref: f,
       class: s.value,
-      style: l.value,
-      onMouseenter: p,
-      onMouseleave: y
-    }, [A("input", {
-      ref: x,
+      style: u.value,
+      onMouseenter: c,
+      onMouseleave: v
+    }, [m("input", {
+      ref: k,
       class: "form-control",
       readonly: !0,
       placeholder: e.placeholder
-    }, null), i.value && S()]);
+    }, null), r.value && F()]);
   }
 });
-function bn() {
-  function e(o, r) {
-    const n = cn[o];
-    return n ? n(r) : {};
+function aa() {
+  function e(n, o) {
+    const a = Qo[n];
+    return a ? a(o) : {};
   }
-  function t(o) {
-    return ln[o] || gn;
+  function t(n) {
+    return Jo[n] || oa;
   }
   return { resolveEditorProps: e, resolveEditorType: t };
 }
-const hn = /* @__PURE__ */ G({
+const ra = /* @__PURE__ */ Z({
   name: "FDynamicFormGroupDesign",
-  props: J,
+  props: pe,
   emits: ["change", "update:modelValue"],
   setup(e, t) {
-    const o = f(e.id), r = f(e.customClass), n = f(e.editor), s = f(e.label), a = f(e.modelValue), l = f(!0), u = f(e.required), i = f(e.showLabel);
-    f(e.type);
-    const d = f(), {
-      resolveEditorProps: p,
-      resolveEditorType: y
-    } = bn(), w = B(() => ({
+    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: v
+    } = aa(), b = x(() => ({
       "form-group": !0,
       "farris-form-group": !0,
       "common-group": !0,
-      "q-state-readonly": l.value,
+      "q-state-readonly": u.value,
       "form-group-in-canvas": !0
-    })), c = B(() => {
-      const m = n.value.type || "input-group", g = y(m), T = p(m, n.value);
-      return () => A(g, Z({
-        ref: d
-      }, T, {
-        modelValue: a.value,
-        "onUpdate:modelValue": (D) => a.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], ([m, g, T, D, S, x, O, F]) => {
-      o.value = m, r.value = g, n.value = T, s.value = D, a.value = S, l.value = x, u.value = O, i.value = F;
+    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", {
-      id: `${o.value}-input-group`,
-      class: r.value,
+      editorRef: p
+    }), () => m("div", {
+      id: `${n.value}-input-group`,
+      class: o.value,
       design_test: !0
-    }, [A("div", {
+    }, [m("div", {
       class: "farris-group-wrap"
-    }, [A("div", {
-      class: w.value
-    }, [i.value && A(Fe, {
-      id: `${o.value}-lable`,
-      required: u.value,
+    }, [m("div", {
+      class: b.value
+    }, [r.value && m(Ye, {
+      id: `${n.value}-lable`,
+      required: i.value,
       text: s.value,
       title: s.value
-    }, null), A("div", {
+    }, null), m("div", {
       class: "farris-input-wrap"
-    }, [c.value()])])])]);
+    }, [f.value()])])])]);
   }
-}), vn = /* @__PURE__ */ G({
+}), sa = /* @__PURE__ */ Z({
   name: "FFormGroupDesign",
-  props: J,
+  props: pe,
   emits: [],
   setup(e, t) {
-    const o = f(), r = _("design-item-context"), n = ie(o, r);
-    return n.value.canNested = !1, n.value.canMove = !0, n.value.canDelete = !0, q(() => {
-      o.value.componentInstance = n, n.value.getPropConfig = (...s) => {
-        var l, u, i;
-        let a = ve[e.editor.type];
-        return a && Object.keys(a).length === 0 && ((l = o.value) != null && l.editorRef) && ((i = (u = o.value) == null ? void 0 : u.editorRef) != null && i.getPropConfig) && (a = o.value.editorRef.getPropConfig(...s, n.value)), a;
+    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(n.value), () => A(hn, Z(e, {
-      ref: o
+    }), t.expose(a.value), () => m(ra, ae(e, {
+      ref: n
     }), null);
   }
-}), Se = {
+}), et = {
   id: { type: String, default: "" },
   /** 筛选组件配置器，具体配置项可查看各组件文档 */
   editor: { type: Object, default: {} },
@@ -2885,57 +3023,1375 @@ const hn = /* @__PURE__ */ G({
    * 作为内嵌编辑器被创建后默认选中文本
    */
   selectOnCreated: { type: Boolean, default: !1 }
-}, Cn = X(
-  Se,
-  Te,
-  se,
+}, la = be(
+  et,
+  Xe,
+  Pe,
   void 0
-), wn = /* @__PURE__ */ G({
+), ia = /* @__PURE__ */ Z({
   name: "FDynamicFormInput",
-  props: Se,
+  props: et,
   emits: ["change", "update:modelValue"],
   setup(e, t) {
-    const o = f(e.id), r = f(e.editor), n = f(e.modelValue), {
+    const n = d(e.id), o = d(e.editor), a = d(e.modelValue), {
       resolveEditorProps: s,
-      resolveEditorType: a,
-      getChangeFunctionName: l
-    } = xe();
-    function u(d, p) {
-      n.value = p !== void 0 ? p : d, t.emit("update:modelValue", n.value), t.emit("change", n.value);
+      resolveEditorType: l,
+      getChangeFunctionName: u
+    } = Ke();
+    function i(p, c) {
+      a.value = c !== void 0 ? c : p, t.emit("update:modelValue", a.value), t.emit("change", a.value);
     }
-    const i = B(() => {
-      const d = a(r.value.type), p = s(r.value.type, r.value);
-      p.focusOnCreated = e.focusOnCreated, p.selectOnCreated = e.selectOnCreated;
-      const y = l(r.value.type);
-      return p[y] = u, () => A(d, Z(p, {
-        modelValue: n.value,
-        "onUpdate:modelValue": (w) => n.value = w
+    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 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, p, y]) => {
-      o.value = d, r.value = p, n.value = y;
-    }), () => i.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);
+    });
   }
-}), Vr = {
+  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()
+    }, [_("应用")])])]);
+  }
+}), es = {
   install(e) {
-    e.component(ee.name, ee).component(oe.name, oe);
+    e.component(Be.name, Be).component(Fe.name, Fe);
   },
-  register(e, t, o, r) {
-    e["form-group"] = oe, t["form-group"] = fe, e["response-form"] = ee, t["response-form"] = me, e["form-input"] = wn, t["form-input"] = Cn, r["form-group"] = { editorResolver: ko };
+  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, o) {
-    e["form-group"] = vn, t["form-group"] = fe, e["response-form"] = $o, t["response-form"] = me;
+  registerDesigner(e, t, n) {
+    e["form-group"] = sa, t["form-group"] = Re, e["response-form"] = Mo, t["response-form"] = Ve;
   }
 };
 export {
-  oe as FDynamicFormGroup,
-  wn as FDynamicFormInput,
-  ee as FResponseForm,
-  Vr as default,
-  J as dynamicFormGroupProps,
-  ko as editorResolver,
-  fe as formGroupPropsResolver,
-  me as formPropsResolver,
-  we as responseFormProps,
-  Oo 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
 };