@farris/ui-vue 1.3.3 → 1.3.5

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

@@ -1,7 +1,7 @@
 var kt = Object.defineProperty;
-var Et = (t, e, n) => e in t ? kt(t, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : t[e] = n;
-var N = (t, e, n) => Et(t, typeof e != "symbol" ? e + "" : e, n);
-import { defineComponent as H, ref as p, computed as L, createVNode as f, nextTick as ue, inject as ee, onMounted as J, withDirectives as Ae, resolveDirective as $e, watch as W, createTextVNode as X, reactive as Z, Fragment as ae, mergeProps as te, onUnmounted as Ue, Teleport as It, Transition as St, shallowRef as Lt, createApp as Dt, render as ge, h as Pt, cloneVNode as Vt } from "vue";
+var It = (t, e, n) => e in t ? kt(t, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : t[e] = n;
+var N = (t, e, n) => It(t, typeof e != "symbol" ? e + "" : e, n);
+import { defineComponent as X, ref as p, computed as S, createVNode as f, nextTick as ce, inject as ee, onMounted as J, withDirectives as Ae, resolveDirective as $e, watch as W, createTextVNode as Y, reactive as Z, Fragment as ae, mergeProps as te, onUnmounted as Ue, Teleport as Et, Transition as St, shallowRef as Lt, createApp as Dt, render as ge, h as Pt, cloneVNode as Vt } from "vue";
 import { isPlainObject as De, cloneDeep as Te } from "lodash-es";
 import { DgControl as Me, useDesignerComponent as Rt } from "../designer-canvas/index.esm.js";
 import { useTextBox as Nt, useClear as je, useTextBoxDesign as Ot } from "../common/index.esm.js";
@@ -40,13 +40,13 @@ import Cn from "../page-header/index.esm.js";
 import bn from "../page-footer/index.esm.js";
 import wn from "../pagination/index.esm.js";
 import Mn from "../progress/index.esm.js";
-import xn from "../query-solution/index.esm.js";
-import Fn from "../radio-group/index.esm.js";
+import Fn from "../query-solution/index.esm.js";
+import xn from "../radio-group/index.esm.js";
 import Tn from "../rate/index.esm.js";
 import Bn from "../response-toolbar/index.esm.js";
 import kn from "../response-layout/index.esm.js";
-import En from "../response-layout-editor/index.esm.js";
-import In from "../search-box/index.esm.js";
+import In from "../response-layout-editor/index.esm.js";
+import En from "../search-box/index.esm.js";
 import Sn from "../section/index.esm.js";
 import Ln from "../smoke-detector/index.esm.js";
 import Dn from "../splitter/index.esm.js";
@@ -114,13 +114,13 @@ function Kn(t = {}) {
     if (typeof r == "number")
       return m[i].length === r;
     if (typeof r == "object") {
-      const v = Object.keys(r)[0], h = r[v];
-      if (v === "not")
-        return Number(m[i].length) !== Number(h);
-      if (v === "moreThan")
-        return Number(m[i].length) >= Number(h);
-      if (v === "lessThan")
-        return Number(m[i].length) <= Number(h);
+      const h = Object.keys(r)[0], v = r[h];
+      if (h === "not")
+        return Number(m[i].length) !== Number(v);
+      if (h === "moreThan")
+        return Number(m[i].length) >= Number(v);
+      if (h === "lessThan")
+        return Number(m[i].length) <= Number(v);
     }
     return !1;
   }
@@ -137,14 +137,14 @@ function Kn(t = {}) {
     return typeof d == "number" ? [{ target: r, operator: "length", param: null, value: Number(d) }] : typeof d == "boolean" ? [{ target: r, operator: "getProperty", param: i, value: !!d }] : typeof d == "object" ? Object.keys(d).map((m) => {
       if (m === "length")
         return { target: r, operator: "length", param: null, value: d[m] };
-      const v = m, h = d[m];
-      return { target: r, operator: "getProperty", param: v, value: h };
+      const h = m, v = d[m];
+      return { target: r, operator: "getProperty", param: h, value: v };
     }) : [];
   }
   function s(i) {
     return Object.keys(i).reduce((r, m) => {
-      const v = a(m, i[m]);
-      return r.push(...v), r;
+      const h = a(m, i[m]);
+      return r.push(...h), r;
     }, []);
   }
   function l(i, d) {
@@ -155,10 +155,10 @@ function Kn(t = {}) {
     return !1;
   }
   function c(i, d) {
-    return s(i).reduce((v, h) => v && l(h, d), !0);
+    return s(i).reduce((h, v) => h && l(v, d), !0);
   }
   function u(i, d) {
-    const r = Object.keys(i), m = r.includes("allOf"), v = r.includes("anyOf"), h = m || v, M = (h ? i[h ? m ? "allOf" : "anyOf" : "allOf"] : [i]).map((F) => c(F, d));
+    const r = Object.keys(i), m = r.includes("allOf"), h = r.includes("anyOf"), v = m || h, M = (v ? i[v ? m ? "allOf" : "anyOf" : "allOf"] : [i]).map((R) => c(R, d));
     return m ? !M.includes(!1) : M.includes(!0);
   }
   return { parseValueSchema: u };
@@ -205,7 +205,7 @@ const V = {
   "query-solution": { type: "query-solution", name: "筛选方案", icon: "QueryScheme" }
 }, Ge = {}, eo = {};
 Kn();
-function de(t, e, n = /* @__PURE__ */ new Map(), o = (l, c, u, i) => c, a = {}, s = (l) => l) {
+function pe(t, e, n = /* @__PURE__ */ new Map(), o = (l, c, u, i) => c, a = {}, s = (l) => l) {
   return ze[e.title] = e, qe[e.title] = o, Ge[e.title] = a, eo[e.title] = s, (l = {}) => {
     const c = _n(l, e, n), u = Object.keys(t).reduce((i, d) => (i[d] = t[d].default, i), {});
     return Object.assign(u, c);
@@ -222,10 +222,10 @@ function to() {
     resolve: t
   };
 }
-const Ee = /* @__PURE__ */ new Map([
+const Ie = /* @__PURE__ */ new Map([
   ["appearance", We]
 ]), no = /* @__PURE__ */ new Map([]);
-var xe = /* @__PURE__ */ ((t) => (t.String = "String", t.DateTime = "DateTime", t.Date = "Date", t.Enum = "Enum", t.Boolean = "Boolean", t.Number = "Number", t.Text = "Text", t.BigNumber = "BigNumber", t))(xe || {});
+var Fe = /* @__PURE__ */ ((t) => (t.String = "String", t.DateTime = "DateTime", t.Date = "Date", t.Enum = "Enum", t.Boolean = "Boolean", t.Number = "Number", t.Text = "Text", t.BigNumber = "BigNumber", t))(Fe || {});
 const oo = "root-viewmodel";
 class ao {
   constructor(e, n) {
@@ -336,7 +336,7 @@ class ao {
     return o == null || o.forEach((a) => {
       let s = "blur";
       const l = a.type.name;
-      (l === xe.Enum || l === xe.Boolean) && (s = "change"), n.push({
+      (l === Fe.Enum || l === Fe.Boolean) && (s = "change"), n.push({
         type: "Form",
         id: a.id,
         fieldName: a.bindingField,
@@ -349,18 +349,19 @@ class ao {
   }
 }
 function lo(t, e, n, o) {
-  var s, l, c, u;
+  var s, l, c, u, i;
   const a = n.parentComponentInstance;
   if (a && o) {
-    const i = (s = a.schema) == null ? void 0 : s.type, r = {
+    const d = (s = a.schema) == null ? void 0 : s.type, m = {
       componentId: `form-${Math.random().toString(36).slice(2, 6)}`,
       componentName: ((c = (l = n.bindingSourceContext) == null ? void 0 : l.bindingEntity) == null ? void 0 : c.name) || "标题",
       componentType: "form",
-      formColumns: i === "splitter-pane" ? 1 : 4,
+      formColumns: d === "splitter-pane" ? 1 : 4,
       parentContainerId: a.schema.id,
-      bindTo: ((u = n.bindingSourceContext) == null ? void 0 : u.bindTo) || "/"
+      bindTo: ((u = n.bindingSourceContext) == null ? void 0 : u.bindTo) || "/",
+      selectedFields: (i = n.bindingSourceContext) == null ? void 0 : i.bindingEntityFields
     };
-    return new ao(t, o).createComponent(r);
+    return new ao(t, o).createComponent(m);
   } else
     return e;
 }
@@ -409,12 +410,12 @@ const ro = "https://json-schema.org/draft/2020-12/schema", io = "https://farris-
 }, He = {
   customClass: { type: String, default: "" },
   customStyle: { type: String, defaut: "" }
-}, Pe = de(He, vo, Ee, lo), Ce = /* @__PURE__ */ H({
+}, Pe = pe(He, vo, Ie, lo), Ce = /* @__PURE__ */ X({
   name: "FResponseForm",
   props: He,
   emits: [],
   setup(t, e) {
-    const n = p(), o = L(() => {
+    const n = p(), o = S(() => {
       const a = t.customClass.split(" "), s = {
         "drag-container": !0
       };
@@ -497,14 +498,14 @@ const ro = "https://json-schema.org/draft/2020-12/schema", io = "https://farris-
   required: { type: Boolean, default: !1 },
   showLabel: { type: Boolean, default: !0 },
   type: { type: String, default: "input-group" }
-}, Ve = de(
+}, Ve = pe(
   le,
   Xe,
-  Ee,
+  Ie,
   void 0
-), xo = to();
+), Fo = to();
 function Ye(t, e, n) {
-  var b;
+  var w;
   const o = n && n.getStyles && n.getStyles() || "", a = n && n.getDesignerClass && n.getDesignerClass() || "", s = p();
   function l() {
     return (e == null ? void 0 : e.schema.componentType) === "frame" ? !1 : n && n.checkCanMoveComponent ? n.checkCanMoveComponent() : !0;
@@ -518,49 +519,49 @@ function Ye(t, e, n) {
   function i() {
     return (e == null ? void 0 : e.schema.componentType) === "frame" ? !0 : n && n.hideNestedPaddingInDesginerView ? n.hideNestedPaddingInDesginerView() : !1;
   }
-  function d(w) {
-    if (!w || !w.value)
+  function d(g) {
+    if (!g || !g.value)
       return null;
-    if (w.value.schema && w.value.schema.type === "component")
-      return w.value;
-    const R = p(w == null ? void 0 : w.value.parent), C = d(R);
-    return C || null;
+    if (g.value.schema && g.value.schema.type === "component")
+      return g.value;
+    const L = p(g == null ? void 0 : g.value.parent), y = d(L);
+    return y || null;
   }
-  function r(w = e) {
-    const { componentInstance: R, designerItemElementRef: C } = w;
-    return !R || !R.value ? null : R.value.canMove ? C : r(w.parent);
+  function r(g = e) {
+    const { componentInstance: L, designerItemElementRef: y } = g;
+    return !L || !L.value ? null : L.value.canMove ? y : r(g.parent);
   }
-  function m(w) {
-    return !!n && n.canAccepts(w);
+  function m(g) {
+    return !!n && n.canAccepts(g);
   }
-  function v() {
+  function h() {
     return (e == null ? void 0 : e.schema.label) || (e == null ? void 0 : e.schema.title) || (e == null ? void 0 : e.schema.name);
   }
-  function h() {
+  function v() {
   }
-  function g(w, R) {
-    R && n != null && n.onAcceptMovedChildElement && n.onAcceptMovedChildElement(R);
+  function b(g, L) {
+    L && n != null && n.onAcceptMovedChildElement && n.onAcceptMovedChildElement(L);
   }
-  function x(w, R) {
-    const { componentType: C } = w;
-    let P = ke(C, w, R);
-    n && n.onResolveNewComponentSchema && (P = n.onResolveNewComponentSchema(w, P));
-    const O = C.toLowerCase().replace(/-/g, "_");
-    return P && !P.id && P.type === C && (P.id = `${O}_${Math.random().toString().slice(2, 6)}`), P;
+  function F(g, L) {
+    const { componentType: y } = g;
+    let P = ke(y, g, L);
+    n && n.onResolveNewComponentSchema && (P = n.onResolveNewComponentSchema(g, P));
+    const O = y.toLowerCase().replace(/-/g, "_");
+    return P && !P.id && P.type === y && (P.id = `${O}_${Math.random().toString().slice(2, 6)}`), P;
   }
-  function M(w) {
+  function M(g) {
   }
-  function y(...w) {
+  function C(...g) {
     if (n && n.getPropsConfig)
-      return n.getPropsConfig(...w);
+      return n.getPropsConfig(...g);
   }
-  function F() {
-    n && n.onRemoveComponent && n.onRemoveComponent(), e != null && e.schema.contents && e.schema.contents.map((w) => {
+  function R() {
+    n && n.onRemoveComponent && n.onRemoveComponent(), e != null && e.schema.contents && e.schema.contents.map((g) => {
       var P;
-      let R = w.id;
-      w.type === "component-ref" && (R = w.component);
-      const C = t.value.querySelector(`#${R}-design-item`);
-      (P = C == null ? void 0 : C.componentInstance) != null && P.value.onRemoveComponent && C.componentInstance.value.onRemoveComponent();
+      let L = g.id;
+      g.type === "component-ref" && (L = g.component);
+      const y = t.value.querySelector(`#${L}-design-item`);
+      (P = y == null ? void 0 : y.componentInstance) != null && P.value.onRemoveComponent && y.componentInstance.value.onRemoveComponent();
     });
   }
   return s.value = {
@@ -570,25 +571,25 @@ function Ye(t, e, n) {
     canNested: !i(),
     contents: e == null ? void 0 : e.schema.contents,
     elementRef: t,
-    parent: (b = e == null ? void 0 : e.parent) == null ? void 0 : b.componentInstance,
+    parent: (w = e == null ? void 0 : e.parent) == null ? void 0 : w.componentInstance,
     schema: e == null ? void 0 : e.schema,
     styles: o,
     designerClass: a,
     canAccepts: m,
     getBelongedComponentInstance: d,
     getDraggableDesignItemElement: r,
-    getDraggingDisplayText: v,
-    getPropConfig: y,
-    getDragScopeElement: h,
-    onAcceptMovedChildElement: g,
+    getDraggingDisplayText: h,
+    getPropConfig: C,
+    getDragScopeElement: v,
+    onAcceptMovedChildElement: b,
     onChildElementMovedOut: M,
-    addNewChildComponentSchema: x,
+    addNewChildComponentSchema: F,
     triggerBelongedComponentToMoveWhenMoved: !!n && n.triggerBelongedComponentToMoveWhenMoved || p(!1),
     triggerBelongedComponentToDeleteWhenDeleted: !!n && n.triggerBelongedComponentToDeleteWhenDeleted || p(!1),
-    onRemoveComponent: F
+    onRemoveComponent: R
   }, s;
 }
-function Fo() {
+function xo() {
   function t(e, n) {
     var l;
     if (!e)
@@ -677,8 +678,8 @@ class To {
     return !a;
   }
   getComponentContext(e) {
-    var g, x, M, y;
-    const n = e.schema, o = n.appearance && n.appearance.class || "", a = o.split(" ") || [], s = n.contents || [], l = s.length ? s[0] : null, c = l && l.appearance ? l.appearance.class : "", u = c ? c.split(" ") : [], i = (g = l == null ? void 0 : l.contents) != null && g.length ? l == null ? void 0 : l.contents[0] : null, d = i && i.appearance ? i.appearance.class : "", r = d ? d.split(" ") : [], m = n.type === "component" ? (M = (x = e.parent) == null ? void 0 : x.parent) == null ? void 0 : M.schema : (y = e.parent) == null ? void 0 : y.schema, v = m && m.appearance && m.appearance.class || "", h = v ? v.split(" ") : [];
+    var b, F, M, C;
+    const n = e.schema, o = n.appearance && n.appearance.class || "", a = o.split(" ") || [], s = n.contents || [], l = s.length ? s[0] : null, c = l && l.appearance ? l.appearance.class : "", u = c ? c.split(" ") : [], i = (b = l == null ? void 0 : l.contents) != null && b.length ? l == null ? void 0 : l.contents[0] : null, d = i && i.appearance ? i.appearance.class : "", r = d ? d.split(" ") : [], m = n.type === "component" ? (M = (F = e.parent) == null ? void 0 : F.parent) == null ? void 0 : M.schema : (C = e.parent) == null ? void 0 : C.schema, h = m && m.appearance && m.appearance.class || "", v = h ? h.split(" ") : [];
     return {
       componentClass: o,
       componentClassList: a,
@@ -690,8 +691,8 @@ class To {
       secondLevelChildClass: d,
       secondLevelChildClassList: r,
       parentSchema: m,
-      parentClass: v,
-      parentClassList: h
+      parentClass: h,
+      parentClassList: v
     };
   }
 }
@@ -826,69 +827,69 @@ function Qe(t) {
   const o = /* @__PURE__ */ new Map();
   let a = [];
   function s(d, r) {
-    const v = d.split(" ").filter((y) => y.startsWith("col-"));
-    if (v.length === 0) {
+    const h = d.split(" ").filter((C) => C.startsWith("col-"));
+    if (h.length === 0) {
       r.isSupportedClass = !1;
       return;
     }
-    let h = v.find((y) => /^col-([1-9]|10|11|12)$/.test(y)), g = v.find((y) => /^col-md-([1-9]|10|11|12)$/.test(y)), x = v.find((y) => /^col-xl-([1-9]|10|11|12)$/.test(y)), M = v.find((y) => /^col-el-([1-9]|10|11|12)$/.test(y));
-    h = h || "col-12", r.columnInSM = parseInt(h.replace("col-", ""), 10), r.displayWidthInSM = r.columnInSM / 12, r.displayWidthInSM !== 1 && (r.isSupportedClass = !1), g = g || "col-md-" + r.columnInSM, r.columnInMD = parseInt(g.replace("col-md-", ""), 10), r.displayWidthInMD = r.columnInMD / 6, [1, 2].includes(r.displayWidthInMD) || (r.isSupportedClass = !1), x = x || "col-xl-" + r.columnInMD, r.columnInLG = parseInt(x.replace("col-xl-", ""), 10), r.displayWidthInLG = r.columnInLG / 3, [1, 2, 3, 4].includes(r.displayWidthInLG) || (r.isSupportedClass = !1), M = M || "col-el-" + r.columnInLG, r.columnInEL = parseInt(M.replace("col-el-", ""), 10), r.displayWidthInEL = r.columnInEL / 2, [1, 2, 3, 4, 5, 6].includes(r.displayWidthInEL) || (r.isSupportedClass = !1);
-  }
-  function l(d, r, m, v = !1) {
-    let h = !1;
-    d.contents.forEach((g) => {
-      if (g.type === "fieldset") {
-        m += 1, l(g, r, m, !0), h = !0;
+    let v = h.find((C) => /^col-([1-9]|10|11|12)$/.test(C)), b = h.find((C) => /^col-md-([1-9]|10|11|12)$/.test(C)), F = h.find((C) => /^col-xl-([1-9]|10|11|12)$/.test(C)), M = h.find((C) => /^col-el-([1-9]|10|11|12)$/.test(C));
+    v = v || "col-12", r.columnInSM = parseInt(v.replace("col-", ""), 10), r.displayWidthInSM = r.columnInSM / 12, r.displayWidthInSM !== 1 && (r.isSupportedClass = !1), b = b || "col-md-" + r.columnInSM, r.columnInMD = parseInt(b.replace("col-md-", ""), 10), r.displayWidthInMD = r.columnInMD / 6, [1, 2].includes(r.displayWidthInMD) || (r.isSupportedClass = !1), F = F || "col-xl-" + r.columnInMD, r.columnInLG = parseInt(F.replace("col-xl-", ""), 10), r.displayWidthInLG = r.columnInLG / 3, [1, 2, 3, 4].includes(r.displayWidthInLG) || (r.isSupportedClass = !1), M = M || "col-el-" + r.columnInLG, r.columnInEL = parseInt(M.replace("col-el-", ""), 10), r.displayWidthInEL = r.columnInEL / 2, [1, 2, 3, 4, 5, 6].includes(r.displayWidthInEL) || (r.isSupportedClass = !1);
+  }
+  function l(d, r, m, h = !1) {
+    let v = !1;
+    d.contents.forEach((b) => {
+      if (b.type === "fieldset") {
+        m += 1, l(b, r, m, !0), v = !0;
         return;
       }
-      h && (m += 1, h = !1);
-      const x = g.appearance && g.appearance.class, M = new Bo();
-      x ? s(x, M) : M.isSupportedClass = !1, M.label = g.label || g.id, M.id = g.id, M.group = m, v && (M.fieldSetId = d.id), n === g.id && (e = m), o.set(g.id, g), r.push(M);
+      v && (m += 1, v = !1);
+      const F = b.appearance && b.appearance.class, M = new Bo();
+      F ? s(F, M) : M.isSupportedClass = !1, M.label = b.label || b.id, M.id = b.id, M.group = m, h && (M.fieldSetId = d.id), n === b.id && (e = m), o.set(b.id, b), r.push(M);
     });
   }
   function c(d) {
     const r = t.getComponentById(d);
     if (!r || !r.componentType || !r.componentType.startsWith("form"))
       return { result: !1, message: "只可以在响应式表单组件中调整响应式布局配置" };
-    const m = t.selectNode(r, (v) => v.type === Me["response-form"].type);
+    const m = t.selectNode(r, (h) => h.type === Me["response-form"].type);
     return !m || !m.contents || m.contents.length === 0 ? { result: !1, message: "Form区域内没有控件，请先添加控件" } : { result: !0, message: "", formNode: m };
   }
   function u(d, r) {
     r = r || d.id;
-    const { result: m, message: v, formNode: h } = c(r);
+    const { result: m, message: h, formNode: v } = c(r);
     if (!m)
-      return { result: m, message: v };
+      return { result: m, message: h };
     n = d.id, a = [], o.clear();
-    const g = h.contents[0].type === Me.fieldset.type ? 0 : 1;
-    l(h, a, g);
-    const x = a.find((y) => !y.isSupportedClass);
+    const b = v.contents[0].type === Me.fieldset.type ? 0 : 1;
+    l(v, a, b);
+    const F = a.find((C) => !C.isSupportedClass);
     return {
       defaultState: {
         defaultGroupNumber: e || 1,
-        model: x ? "customize" : "standard"
+        model: F ? "customize" : "standard"
       },
       importData: a
     };
   }
   function i(d, r) {
     r = r;
-    const { result: m, formNode: v } = c(r);
+    const { result: m, formNode: h } = c(r);
     if (!m)
       return "";
-    const h = [];
-    return d.forEach((g) => {
-      var y;
-      const x = o.get(g.id), M = x.appearance && x.appearance.class;
+    const v = [];
+    return d.forEach((b) => {
+      var C;
+      const F = o.get(b.id), M = F.appearance && F.appearance.class;
       if (M) {
-        const b = M.split(" ").filter((U) => !U.startsWith("col-")), w = "col-" + g.columnInSM, R = "col-md-" + g.columnInMD, C = "col-xl-" + g.columnInLG, P = "col-el-" + g.columnInEL, O = [w, R, C, P].concat(b);
-        x.appearance.class = O.join(" ");
+        const w = M.split(" ").filter((U) => !U.startsWith("col-")), g = "col-" + b.columnInSM, L = "col-md-" + b.columnInMD, y = "col-xl-" + b.columnInLG, P = "col-el-" + b.columnInEL, O = [g, L, y, P].concat(w);
+        F.appearance.class = O.join(" ");
       }
-      if (g.fieldSetId) {
-        const F = v.contents.find((w) => w.id === g.fieldSetId), b = h.find((w) => w.id === g.fieldSetId);
-        b ? (y = b.contents) == null || y.push(x) : (h.push(F), F.contents = [x]);
+      if (b.fieldSetId) {
+        const R = h.contents.find((g) => g.id === b.fieldSetId), w = v.find((g) => g.id === b.fieldSetId);
+        w ? (C = w.contents) == null || C.push(F) : (v.push(R), R.contents = [F]);
       } else
-        h.push(x);
-    }), v.contents = h, v.id;
+        v.push(F);
+    }), h.contents = v, h.id;
   }
   return {
     checkCanFindFormNode: c,
@@ -911,27 +912,27 @@ function ko(t, e) {
   function a(c) {
     const u = n(c.id), i = Qe(t), d = [];
     i.getResonseFormLayoutConfig(u, d, 1);
-    const r = d.map((b) => b.columnInSM), m = d.map((b) => b.columnInMD), v = d.map((b) => b.columnInLG), h = d.map((b) => b.columnInEL);
-    function g(b) {
-      const w = new Set(b);
-      return Array.from(w).length === 1;
+    const r = d.map((w) => w.columnInSM), m = d.map((w) => w.columnInMD), h = d.map((w) => w.columnInLG), v = d.map((w) => w.columnInEL);
+    function b(w) {
+      const g = new Set(w);
+      return Array.from(g).length === 1;
     }
-    const x = g(r) ? r[0] : 0, M = g(m) ? m[0] : 0, y = g(v) ? v[0] : 0, F = g(h) ? h[0] : 0;
+    const F = b(r) ? r[0] : 0, M = b(m) ? m[0] : 0, C = b(h) ? h[0] : 0, R = b(v) ? v[0] : 0;
     return {
-      uniqueColClassInSM: x,
+      uniqueColClassInSM: F,
       uniqueColClassInMD: M,
-      uniqueColClassInLG: y,
-      uniqueColClassInEL: F
+      uniqueColClassInLG: C,
+      uniqueColClassInEL: R
     };
   }
   function s(c, u) {
-    let i, d, r, m, v = [];
+    let i, d, r, m, h = [];
     if (c) {
-      const F = c.split(" "), b = F.filter((w) => w.startsWith("col-"));
-      i = b.find((w) => /^col-([1-9]|10|11|12)$/.test(w)), d = b.find((w) => /^col-md-([1-9]|10|11|12)$/.test(w)), r = b.find((w) => /^col-xl-([1-9]|10|11|12)$/.test(w)), m = b.find((w) => /^col-el-([1-9]|10|11|12)$/.test(w)), v = F.filter((w) => !w.startsWith("col-"));
+      const R = c.split(" "), w = R.filter((g) => g.startsWith("col-"));
+      i = w.find((g) => /^col-([1-9]|10|11|12)$/.test(g)), d = w.find((g) => /^col-md-([1-9]|10|11|12)$/.test(g)), r = w.find((g) => /^col-xl-([1-9]|10|11|12)$/.test(g)), m = w.find((g) => /^col-el-([1-9]|10|11|12)$/.test(g)), h = R.filter((g) => !g.startsWith("col-"));
     }
-    const h = u.uniqueColClassInSM ? "col-" + u.uniqueColClassInSM : i, g = u.uniqueColClassInMD ? "col-md-" + u.uniqueColClassInMD : d, x = u.uniqueColClassInLG ? "col-xl-" + u.uniqueColClassInLG : r, M = u.uniqueColClassInEL ? "col-el-" + u.uniqueColClassInEL : m;
-    return [h, g, x, M].concat(v).join(" ");
+    const v = u.uniqueColClassInSM ? "col-" + u.uniqueColClassInSM : i, b = u.uniqueColClassInMD ? "col-md-" + u.uniqueColClassInMD : d, F = u.uniqueColClassInLG ? "col-xl-" + u.uniqueColClassInLG : r, M = u.uniqueColClassInEL ? "col-el-" + u.uniqueColClassInEL : m;
+    return [v, b, F, M].concat(h).join(" ");
   }
   function l(c, u, i) {
     c = n(i, c), c.contents.forEach((d) => {
@@ -946,7 +947,7 @@ function ko(t, e) {
   }
   return { checkIsInFormComponent: o, assembleUnifiedLayoutContext: a, changeFormControlsByUnifiedLayoutConfig: l };
 }
-class Eo extends Je {
+class Io extends Je {
   constructor(e, n) {
     super(e, n);
   }
@@ -974,89 +975,96 @@ class Eo extends Je {
     }, this.propertyConfig.categories.appearance = c, this.propertyConfig;
   }
 }
-function Io(t, e) {
+function Eo(t, e) {
   const n = t.schema, o = new To(), { canMove: a, canAccept: s, canDelete: l } = o.getTemplateRule(t, e);
-  function c(F) {
-    const b = o.getComponentContext(t);
-    return b && b.componentClassList && b.componentClassList.includes("f-form-layout") && b.componentClassList.includes("farris-form") ? F.sourceType === "control" && F.componentCategory === "input" || F.sourceType === "move" && F.componentType === "form-group" : !0;
+  function c(w) {
+    const { sourceElement: g } = w, { componentInstance: L } = g, y = e == null ? void 0 : e.formSchemaUtils;
+    if (!y)
+      return !0;
+    const P = y.getComponentById(L.value.belongedComponentId), O = y.getViewModelById(P.viewModel), U = y.getComponentById(t.componentInstance.value.belongedComponentId), z = y.getViewModelById(U.viewModel);
+    return O != null && O.id && (z != null && z.id) && O.id !== z.id ? O.bindTo === z.bindTo : !0;
   }
-  function u(F) {
-    return !(!Fo().basalDragulaRuleForContainer(F, e) || !s || !c(F));
+  function u(w) {
+    const g = o.getComponentContext(t);
+    return g && g.componentClassList && g.componentClassList.includes("f-form-layout") && g.componentClassList.includes("farris-form") ? w.sourceType === "control" && w.componentCategory === "input" ? !0 : w.sourceType === "move" && w.componentType === "form-group" ? c(w) : !1 : !0;
   }
-  function i(F) {
-    ue();
+  function i(w) {
+    return !(!xo().basalDragulaRuleForContainer(w, e) || !s || !u(w));
   }
-  function d() {
+  function d(w) {
+    ce();
+  }
+  function r() {
     return n.componentType ? "display:inherit;flex-direction:inherit;margin-bottom:10px" : "";
   }
-  function r(F) {
-    let b = "";
-    switch (F) {
+  function m(w) {
+    let g = "";
+    switch (w) {
       case 1: {
-        b = "col-12";
+        g = "col-12";
         break;
       }
       case 2: {
-        b = "col-12 col-md-6 col-xl-6 col-el-6";
+        g = "col-12 col-md-6 col-xl-6 col-el-6";
         break;
       }
       case 3: {
-        b = "col-12 col-md-6 col-xl-4 col-el-4";
+        g = "col-12 col-md-6 col-xl-4 col-el-4";
         break;
       }
       case 4: {
-        b = "col-12 col-md-6 col-xl-3 col-el-2";
+        g = "col-12 col-md-6 col-xl-3 col-el-2";
         break;
       }
     }
-    return b;
-  }
-  function m(F) {
-    const b = t.componentInstance.value.getBelongedComponentInstance(t.componentInstance);
-    if (b && b.schema && b.schema.componentType) {
-      const { formColumns: w } = b.schema;
-      let R = r(w);
-      R = e == null ? void 0 : e.formSchemaUtils.getControlClassByFormUnifiedLayout(R, "", t.schema), F.appearance || (F.appearance = {}), F.appearance.class = R;
+    return g;
+  }
+  function h(w) {
+    const g = t.componentInstance.value.getBelongedComponentInstance(t.componentInstance);
+    if (g && g.schema && g.schema.componentType) {
+      const { formColumns: L } = g.schema;
+      let y = m(L);
+      y = e == null ? void 0 : e.formSchemaUtils.getControlClassByFormUnifiedLayout(y, "", t.schema), w.appearance || (w.appearance = {}), w.appearance.class = y;
     }
   }
-  function v(F, b) {
-    const { bindingSourceContext: w, parentComponentInstance: R } = F;
-    if (w != null && w.entityFieldNode && R) {
-      const C = e == null ? void 0 : e.designViewModelUtils, O = (e == null ? void 0 : e.formSchemaUtils).getViewModelIdByComponentId(R.belongedComponentId), U = C.getDgViewModel(O);
-      U.removeField([w.entityFieldNode.id]), U.addField(w.designViewModelField), b && U.changeField(w.entityFieldNode.id, { editor: { $type: b } });
+  function v(w, g) {
+    const { bindingSourceContext: L, parentComponentInstance: y } = w;
+    if (L != null && L.entityFieldNode && y) {
+      const P = e == null ? void 0 : e.designViewModelUtils, U = (e == null ? void 0 : e.formSchemaUtils).getViewModelIdByComponentId(y.belongedComponentId), z = P.getDgViewModel(U);
+      z.removeField([L.entityFieldNode.id]), z.addField(L.designViewModelField), g && z.changeField(L.entityFieldNode.id, { editor: { $type: g } });
     }
   }
-  function h(F, b) {
-    var P, O;
-    const w = n;
-    if ((w.appearance && w.appearance.class || "").split(" ").includes("f-form-layout")) {
-      const { label: U } = F;
-      let z;
-      return (P = F.bindingSourceContext) != null && P.entityFieldNode ? z = (e == null ? void 0 : e.controlCreatorUtils).setFormFieldProperty((O = F.bindingSourceContext) == null ? void 0 : O.entityFieldNode, b.type) : (z = ke("form-group"), z.editor = b, z.label = U), m(z), v(F, b.type), z;
+  function b(w, g) {
+    var O, U;
+    const L = n;
+    if ((L.appearance && L.appearance.class || "").split(" ").includes("f-form-layout")) {
+      const { label: z } = w;
+      let H;
+      return (O = w.bindingSourceContext) != null && O.entityFieldNode ? H = (e == null ? void 0 : e.controlCreatorUtils).setFormFieldProperty((U = w.bindingSourceContext) == null ? void 0 : U.entityFieldNode, g.type) : (H = ke("form-group"), H.editor = g, H.label = z), h(H), v(w, g.type), H;
     }
-    return b;
+    return g;
   }
-  function g() {
+  function F() {
     return a;
   }
-  function x() {
+  function M() {
     return l;
   }
-  function M() {
+  function C() {
     return !1;
   }
-  function y(F) {
-    return new Eo(F, e).getPropertyConfig(n, t.componentInstance.value);
+  function R(w) {
+    return new Io(w, e).getPropertyConfig(n, t.componentInstance.value);
   }
   return {
-    canAccepts: u,
-    checkCanDeleteComponent: x,
-    checkCanMoveComponent: g,
-    getStyles: d,
-    getPropsConfig: y,
-    hideNestedPaddingInDesginerView: M,
-    onAcceptMovedChildElement: i,
-    onResolveNewComponentSchema: h
+    canAccepts: i,
+    checkCanDeleteComponent: M,
+    checkCanMoveComponent: F,
+    getStyles: r,
+    getPropsConfig: R,
+    hideNestedPaddingInDesginerView: C,
+    onAcceptMovedChildElement: d,
+    onResolveNewComponentSchema: b
   };
 }
 function Ze(t) {
@@ -1069,7 +1077,7 @@ function _e(t, e) {
   const n = Ze(t);
   n && n.classList.remove(e);
 }
-function Fe(t, e) {
+function xe(t, e) {
   if (e === void 0)
     return;
   const n = Ze(t);
@@ -1098,7 +1106,7 @@ function et(t, e, n = 0) {
         _e(e, "f-area-response--" + t.className[c]);
     else
       for (let c = t.className.length; c < o.length; c++)
-        Fe(e, "f-area-response--" + o[c]);
+        xe(e, "f-area-response--" + o[c]);
     t.className = [...o];
   }
 }
@@ -1112,11 +1120,11 @@ function So(t, e) {
 }
 function Re(t, e) {
   if (t.enable)
-    Fe(e, "f-area-response"), et(t, e);
+    xe(e, "f-area-response"), et(t, e);
   else {
     _e(e, "f-area-response");
     for (let n = t.className.length; n > 0; n--)
-      Fe(e, "f-area-response--" + t.className[n]);
+      xe(e, "f-area-response--" + t.className[n]);
     t.className = [];
   }
   So(t, e);
@@ -1146,7 +1154,7 @@ const Lo = {
   beforeUnmount(t, e, n) {
     Ke(n.sharedObject);
   }
-}, Do = /* @__PURE__ */ H({
+}, Do = /* @__PURE__ */ X({
   name: "FResponseFormDesign",
   directives: {
     "area-response": Lo
@@ -1154,11 +1162,11 @@ const Lo = {
   props: le,
   emits: [],
   setup(t, e) {
-    const n = p(), o = ee("design-item-context"), a = ee("designer-host-service"), s = Io(o, a), l = Ye(n, o, s);
+    const n = p(), o = ee("design-item-context"), a = ee("designer-host-service"), s = Eo(o, a), l = Ye(n, o, s);
     J(() => {
       n.value.componentInstance = l;
     }), e.expose(l.value);
-    const c = L(() => {
+    const c = S(() => {
       const u = t.customClass.split(" "), i = {
         "drag-container": !0
       };
@@ -1177,7 +1185,7 @@ const Lo = {
   required: { type: Boolean, default: !1 },
   text: { type: String, default: "" },
   title: { type: String }
-}, tt = /* @__PURE__ */ H({
+}, tt = /* @__PURE__ */ X({
   name: "FDynamicFormLabel",
   props: Po,
   emits: [],
@@ -1192,7 +1200,7 @@ const Lo = {
       title: n.value
     }, [o.value && f("span", {
       class: "farris-label-info text-danger"
-    }, [X("*")]), f("span", {
+    }, [Y("*")]), f("span", {
       class: "farris-label-text"
     }, [a.value])]);
   }
@@ -1416,7 +1424,7 @@ const No = "https://json-schema.org/draft/2020-12/schema", Oo = "https://farris-
   properties: jo,
   required: zo,
   ignore: qo
-}, Ie = {
+}, Ee = {
   id: { Type: String, default: "" },
   /** 是否自动完成 */
   autocomplete: { Type: String, default: "off" },
@@ -1484,18 +1492,18 @@ const No = "https://json-schema.org/draft/2020-12/schema", Oo = "https://farris-
    */
   updateOn: { type: String, default: "blur" }
 };
-de(Ie, Go, Vo, Ro);
+pe(Ee, Go, Vo, Ro);
 function nt(t, e) {
-  const n = p(t.groupText), o = L(() => t.showButtonWhenDisabled && (t.readonly || t.disabled)), a = L(() => t.enableClear || !!t.groupText);
-  return { appendedButtonClass: L(() => ({
+  const n = p(t.groupText), o = S(() => t.showButtonWhenDisabled && (t.readonly || t.disabled)), a = S(() => t.enableClear || !!t.groupText);
+  return { appendedButtonClass: S(() => ({
     "input-group-append": !0,
     "append-force-show": o.value
   })), appendedContent: n, shouldShowAppendedButton: a };
 }
 function ot(t, e, n, o) {
-  const { appendedContent: a } = o, s = p(t.enableViewPassword), l = L(() => t.type === "password"), c = '<span class="f-icon f-icon-eye" style="color: rgb(56, 143, 255);"></span>', u = '<span class="f-icon f-icon-eye"></span>', i = p(!1);
-  W(() => [t.readonly, t.disabled], ([m, v]) => {
-    l.value && (n.value = m || v ? "password" : n.value, a.value = m || v ? u : a.value);
+  const { appendedContent: a } = o, s = p(t.enableViewPassword), l = S(() => t.type === "password"), c = '<span class="f-icon f-icon-eye" style="color: rgb(56, 143, 255);"></span>', u = '<span class="f-icon f-icon-eye"></span>', i = p(!1);
+  W(() => [t.readonly, t.disabled], ([m, h]) => {
+    l.value && (n.value = m || h ? "password" : n.value, a.value = m || h ? u : a.value);
   });
   function d() {
     return i.value = !i.value, n.value = i.value ? "text" : "password", a.value = i.value ? c : u, !1;
@@ -1512,23 +1520,23 @@ function Wo(t, e, n) {
     onInput: l,
     onKeyDown: c,
     textBoxValue: u
-  } = n, i = L(() => t.disabled || t.readonly || !t.editable ? "" : t.placeholder), d = L(() => ({
+  } = n, i = S(() => t.disabled || t.readonly || !t.editable ? "" : t.placeholder), d = S(() => ({
     "form-control": !0,
     "f-utils-fill": !0
-  })), r = L(() => ({
+  })), r = S(() => ({
     "text-align": t.textAlign
   }));
-  function m(g) {
-    g.stopPropagation();
+  function m(b) {
+    b.stopPropagation();
   }
-  function v() {
+  function h() {
     t.selectOnCreated, t.focusOnCreated;
   }
-  async function h(g) {
-    s(g), await ue, v();
+  async function v(b) {
+    s(b), await ce, h();
   }
   return J(async () => {
-    await ue, v();
+    await ce, h();
   }), () => f("input", {
     ref: o,
     class: d.value,
@@ -1540,7 +1548,7 @@ function Wo(t, e, n) {
     placeholder: i.value,
     onBlur: a,
     onChange: m,
-    onFocus: h,
+    onFocus: v,
     onInput: l,
     onKeydown: c
   }, null);
@@ -1551,18 +1559,18 @@ function Ho(t, e, n) {
     canUpward: a,
     onClickDownButton: s,
     onClickUpButton: l
-  } = n, c = L(() => ({
+  } = n, c = S(() => ({
     "input-group-append": !0,
     "btn-group": !0,
     "btn-group-number": !0
-  })), u = L(() => ({
+  })), u = S(() => ({
     btn: !0,
     "btn-secondary": !0,
     "btn-number-flag": !0
-  })), i = L(() => ({
+  })), i = S(() => ({
     cursor: a() ? "pointer" : "not-allowed",
     "margin-left": 0
-  })), d = L(() => ({
+  })), d = S(() => ({
     cursor: o() ? "pointer" : "not-allowed",
     "margin-left": 0
   }));
@@ -1595,20 +1603,20 @@ function Xo(t, e) {
     format: r
   } = o, {
     isFocus: m
-  } = s, v = L(() => !t.disabled && !t.readonly);
+  } = s, h = S(() => !t.disabled && !t.readonly);
   return J(() => {
-    const h = i(t.modelValue);
-    c.value = r(h);
-  }), W(() => [t.value], ([h]) => {
-    const g = i(h);
-    u.value = g, c.value = r(g);
-  }), W(() => [t.modelValue], ([h]) => {
-    h !== u.value && (u.value = h, !m.value && (c.value = r(i(h))));
+    const v = i(t.modelValue);
+    c.value = r(v);
+  }), W(() => [t.value], ([v]) => {
+    const b = i(v);
+    u.value = b, c.value = r(b);
+  }), W(() => [t.modelValue], ([v]) => {
+    v !== u.value && (u.value = v, !m.value && (c.value = r(i(v))));
   }), W(() => [t.precision, t.useThousands, t.prefix, t.suffix, t.showZero], () => {
     c.value = r(u.value);
   }), () => f("div", {
     class: "input-group  f-state-hover flex-row f-cmp-number-spinner"
-  }, [d(), v.value && l()]);
+  }, [d(), h.value && l()]);
 }
 function Yo(t, e, n, o) {
   const a = p(), s = p(t.autocomplete), l = p(t.enableTitle), {
@@ -1616,17 +1624,17 @@ function Yo(t, e, n, o) {
   } = n, u = p(t.minLength), i = p(t.maxLength), d = p(t.tabIndex), {
     disabled: r,
     displayText: m,
-    inputType: v,
-    onBlur: h,
-    onFocus: g,
-    onInput: x,
+    inputType: h,
+    onBlur: v,
+    onFocus: b,
+    onInput: F,
     onClick: M,
-    onKeydown: y,
-    onKeyup: F,
-    onMousedown: b,
-    onTextBoxValueChange: w,
-    readonly: R,
-    placeholder: C,
+    onKeydown: C,
+    onKeyup: R,
+    onMousedown: w,
+    onTextBoxValueChange: g,
+    readonly: L,
+    placeholder: y,
     textBoxClass: P,
     textBoxTitle: O
   } = o;
@@ -1640,24 +1648,24 @@ function Yo(t, e, n, o) {
     disabled: r == null ? void 0 : r.value,
     maxlength: i.value,
     minlength: u.value,
-    placeholder: C.value,
-    readonly: R == null ? void 0 : R.value,
+    placeholder: y.value,
+    readonly: L == null ? void 0 : L.value,
     tabindex: d.value,
     title: l.value && !c.value ? O.value : "",
-    type: v.value,
+    type: h.value,
     value: m == null ? void 0 : m.value,
-    onBlur: h,
+    onBlur: v,
     onClick: M,
-    onChange: w,
-    onFocus: g,
-    onInput: x,
-    onKeydown: y,
-    onKeyup: F,
-    onMousedown: b
+    onChange: g,
+    onFocus: b,
+    onInput: F,
+    onKeydown: C,
+    onKeyup: R,
+    onMousedown: w
   }, null);
 }
 function Jo(t, e) {
-  const n = L(() => t.useExtendInfo && !!t.extendInfo), o = Z({
+  const n = S(() => t.useExtendInfo && !!t.extendInfo), o = Z({
     content: t.extendInfo
   });
   function a() {
@@ -1676,57 +1684,57 @@ function at(t, e, n, o, a) {
   const {
     appendedButtonClass: s,
     appendedContent: l
-  } = n, c = L(() => t.showButtonWhenDisabled && (!t.editable || !t.readonly) && !t.disabled), u = L(() => l.value && !e.slots.groupTextTemplate), i = L(() => !!e.slots.groupTextTemplate), {
+  } = n, c = S(() => t.showButtonWhenDisabled && (!t.editable || !t.readonly) && !t.disabled), u = S(() => l.value && !e.slots.groupTextTemplate), i = S(() => !!e.slots.groupTextTemplate), {
     clearButtonClass: d,
     clearButtonStyle: r,
     onClearValue: m,
-    shouldShowClearButton: v
+    shouldShowClearButton: h
   } = o;
-  function h() {
+  function v() {
     return f("span", {
       id: "clearIcon",
       class: d.value,
       style: r.value,
-      onClick: (C) => m(C)
+      onClick: (y) => m(y)
     }, [f("i", {
       class: "f-icon modal_close"
     }, null)]);
   }
-  function g(C) {
-    e.emit("iconMouseEnter", C);
+  function b(y) {
+    e.emit("iconMouseEnter", y);
   }
-  function x(C) {
-    e.emit("iconMouseLeave", C);
+  function F(y) {
+    e.emit("iconMouseLeave", y);
   }
-  function M(C) {
+  function M(y) {
     c.value && e.emit("clickHandle", {
-      originalEvent: C
-    }), C.stopPropagation();
+      originalEvent: y
+    }), y.stopPropagation();
   }
-  const y = t.type === "password" ? a.onClickAppendedButton : M;
-  function F() {
+  const C = t.type === "password" ? a.onClickAppendedButton : M;
+  function R() {
     return f("span", {
       class: "input-group-text",
-      onMouseenter: (C) => g(C),
-      onMouseleave: (C) => x(C),
+      onMouseenter: (y) => b(y),
+      onMouseleave: (y) => F(y),
       innerHTML: l.value,
-      onClick: (C) => y(C)
+      onClick: (y) => C(y)
     }, null);
   }
-  function b() {
+  function w() {
     return e.slots.groupTextTemplate && e.slots.groupTextTemplate();
   }
-  function w() {
-    return u.value ? F : i.value ? b : "";
+  function g() {
+    return u.value ? R : i.value ? w : "";
   }
-  const R = w();
+  const L = g();
   return () => f("div", {
     class: s.value
-  }, [v.value && h(), R && R()]);
+  }, [h.value && v(), L && L()]);
 }
-const Qo = /* @__PURE__ */ H({
+const Qo = /* @__PURE__ */ X({
   name: "FInputGroup",
-  props: Ie,
+  props: Ee,
   emits: ["clear", "change", "blur", "click", "clickHandle", "focus", "input", "keydown", "keyup", "iconMouseEnter", "iconMouseLeave", "update:modelValue", "update:value", "updateExtendInfo", "valueChange"],
   setup(t, e) {
     const n = p(t.modelValue), o = p(t.modelValue), a = Nt(t, e, n, o), {
@@ -1738,35 +1746,35 @@ const Qo = /* @__PURE__ */ H({
     } = u, d = je(t, e, a), {
       onMouseEnter: r,
       onMouseLeave: m
-    } = d, v = ot(t, e, l, u), h = Xo(t, e), g = Yo(t, e, v, a), x = at(t, e, u, d, v), M = Jo(t, e), y = L(() => t.type === "number");
-    W(() => [t.value], ([b]) => {
-      n.value = b, o.value = b;
-    }), W(() => [t.modelValue], ([b]) => {
-      n.value = b, o.value = b;
+    } = d, h = ot(t, e, l, u), v = Xo(t, e), b = Yo(t, e, h, a), F = at(t, e, u, d, h), M = Jo(t, e), C = S(() => t.type === "number");
+    W(() => [t.value], ([w]) => {
+      n.value = w, o.value = w;
+    }), W(() => [t.modelValue], ([w]) => {
+      n.value = w, o.value = w;
     }), J(() => {
       t.value && (n.value = t.value, o.value = t.value);
     });
-    const F = () => f(ae, null, [f("div", {
+    const R = () => f(ae, null, [f("div", {
       id: t.id,
       class: s.value,
       style: c.value,
       onMouseenter: r,
       onMouseleave: m
-    }, [y.value ? h() : f(ae, null, [M(), g(), i.value && x()])])]);
-    return () => F();
+    }, [C.value ? v() : f(ae, null, [M(), b(), i.value && F()])])]);
+    return () => R();
   }
-}), B = {}, k = {}, E = {}, S = {};
+}), T = {}, B = {}, k = {}, E = {};
 let Oe = !1;
 function Zo() {
-  Oe || (Oe = !0, Gt.register(B, k, E, S), qt.register(B, k, E, S), Wt.register(B, k, E, S), Ht.register(B, k, E, S), Xt.register(B, k, E, S), Yt.register(B, k, E, S), Jt.register(B, k, E, S), oe.register(B, k, E, S), Qt.register(B, k, E, S), Zt.register(B, k, E, S), Kt.register(B, k, E, S), _t.register(B, k, E, S), en.register(B, k, E, S), tn.register(B, k, E, S), nn.register(B, k, E, S), on.register(B, k, E, S), an.register(B, k, E, S), ln.register(B, k, E, S), sn.register(B, k, E, S), un.register(B, k, E, S), cn.register(B, k, E, S), dn.register(B, k, E, S), mn.register(B, k, E, S), pn.register(B, k, E, S), fn.register(B, k, E, S), vn.register(B, k, E, S), hn.register(B, k, E, S), yn.register(B, k, E, S), At.register(B, k, E, S), gn.register(B, k, E, S), Cn.register(B, k, E, S), bn.register(B, k, E, S), wn.register(B, k, E, S), Mn.register(B, k, E, S), xn.register(B, k, E, S), Fn.register(B, k, E, S), Tn.register(B, k, E, S), kn.register(B, k, E, S), En.register(B, k, E, S), Bn.register(B, k, E, S), Hn.register(B, k, E), In.register(B, k, E, S), Sn.register(B, k, E, S), Ln.register(B, k, E, S), Dn.register(B, k, E, S), Pn.register(B, k, E, S), Vn.register(B, k, E, S), Rn.register(B, k, E, S), Nn.register(B, k, E, S), On.register(B, k, E, S), An.register(B, k, E, S), $n.register(B, k, E, S), Un.register(B, k, E, S), zn.register(B, k, E, S), jn.register(B, k, E, S), qn.register(B, k, E, S), Gn.register(B, k, E, S), Wn.register(B, k, E, S), Xn.register(B, k, E, S), rn.register(B, k, E, S), Yn.register(B, k, E, S));
+  Oe || (Oe = !0, Gt.register(T, B, k, E), qt.register(T, B, k, E), Wt.register(T, B, k, E), Ht.register(T, B, k, E), Xt.register(T, B, k, E), Yt.register(T, B, k, E), Jt.register(T, B, k, E), oe.register(T, B, k, E), Qt.register(T, B, k, E), Zt.register(T, B, k, E), Kt.register(T, B, k, E), _t.register(T, B, k, E), en.register(T, B, k, E), tn.register(T, B, k, E), nn.register(T, B, k, E), on.register(T, B, k, E), an.register(T, B, k, E), ln.register(T, B, k, E), sn.register(T, B, k, E), un.register(T, B, k, E), cn.register(T, B, k, E), dn.register(T, B, k, E), mn.register(T, B, k, E), pn.register(T, B, k, E), fn.register(T, B, k, E), vn.register(T, B, k, E), hn.register(T, B, k, E), yn.register(T, B, k, E), At.register(T, B, k, E), gn.register(T, B, k, E), Cn.register(T, B, k, E), bn.register(T, B, k, E), wn.register(T, B, k, E), Mn.register(T, B, k, E), Fn.register(T, B, k, E), xn.register(T, B, k, E), Tn.register(T, B, k, E), kn.register(T, B, k, E), In.register(T, B, k, E), Bn.register(T, B, k, E), Hn.register(T, B, k), En.register(T, B, k, E), Sn.register(T, B, k, E), Ln.register(T, B, k, E), Dn.register(T, B, k, E), Pn.register(T, B, k, E), Vn.register(T, B, k, E), Rn.register(T, B, k, E), Nn.register(T, B, k, E), On.register(T, B, k, E), An.register(T, B, k, E), $n.register(T, B, k, E), Un.register(T, B, k, E), zn.register(T, B, k, E), jn.register(T, B, k, E), qn.register(T, B, k, E), Gn.register(T, B, k, E), Wn.register(T, B, k, E), Xn.register(T, B, k, E), rn.register(T, B, k, E), Yn.register(T, B, k, E));
 }
 function lt() {
   Zo();
   function t(a) {
-    return B[a] || Qo;
+    return T[a] || Qo;
   }
   function e(a, s) {
-    const l = k[a];
+    const l = B[a];
     return l ? l(s) : {};
   }
   function n(a) {
@@ -1843,7 +1851,7 @@ function lt() {
   }
   return { resolveEditorProps: e, resolveEditorType: t, getChangeFunctionName: n, getClearFunctionName: o };
 }
-const we = /* @__PURE__ */ H({
+const we = /* @__PURE__ */ X({
   name: "FDynamicFormGroup",
   props: le,
   emits: ["change", "update:modelValue"],
@@ -1852,32 +1860,32 @@ const we = /* @__PURE__ */ H({
     p(t.type);
     const r = p(), {
       resolveEditorProps: m,
-      resolveEditorType: v,
-      getChangeFunctionName: h,
-      getClearFunctionName: g
-    } = lt(), x = L(() => ({
+      resolveEditorType: h,
+      getChangeFunctionName: v,
+      getClearFunctionName: b
+    } = lt(), F = S(() => ({
       "form-group": !0,
       "farris-form-group": !0,
       "common-group": !0,
       "q-state-readonly": c.value
     }));
-    function M(b, w) {
-      l.value = w !== void 0 ? w : b, e.emit("update:modelValue", l.value), e.emit("change", l.value);
+    function M(w, g) {
+      l.value = g !== void 0 ? g : w, e.emit("update:modelValue", l.value), e.emit("change", l.value);
     }
-    function y() {
+    function C() {
       e.emit("update:modelValue", "");
     }
-    const F = L(() => {
-      const b = a.value.type || "input-group", w = v(b), R = m(b, a.value), C = h(b), P = g(a.value.type);
-      return P && (R[P] = y), R[C] = M, (R.id == null || R.id === "") && (R.id = n.value), () => f(w, te({
+    const R = S(() => {
+      const w = a.value.type || "input-group", g = h(w), L = m(w, a.value), y = v(w), P = b(a.value.type);
+      return P && (L[P] = C), L[y] = M, (L.id == null || L.id === "") && (L.id = n.value), () => f(g, te({
         ref: r
-      }, R, {
+      }, L, {
         modelValue: l.value,
         "onUpdate:modelValue": (O) => l.value = O
       }), e.slots);
     });
-    return W([() => t.id, () => t.customClass, () => t.editor, () => t.label, () => t.modelValue, () => t.readonly, () => t.required, () => t.showLabel, () => t.visible], ([b, w, R, C, P, O, U, z, Y]) => {
-      n.value = b, o.value = w, a.value = R, s.value = C, l.value = P, c.value = O, u.value = U, i.value = z, d.value = Y;
+    return W([() => t.id, () => t.customClass, () => t.editor, () => t.label, () => t.modelValue, () => t.readonly, () => t.required, () => t.showLabel, () => t.visible], ([w, g, L, y, P, O, U, z, H]) => {
+      n.value = w, o.value = g, a.value = L, s.value = y, l.value = P, c.value = O, u.value = U, i.value = z, d.value = H;
     }), e.expose({
       editorRef: r
     }), () => d.value && f("div", {
@@ -1887,7 +1895,7 @@ const we = /* @__PURE__ */ H({
     }, [f("div", {
       class: "farris-group-wrap"
     }, [f("div", {
-      class: x.value
+      class: F.value
     }, [i.value && f(tt, {
       id: `${n.value}-lable`,
       required: u.value,
@@ -1895,7 +1903,7 @@ const we = /* @__PURE__ */ H({
       title: s.value
     }, null), f("div", {
       class: "farris-input-wrap"
-    }, [F.value()])])])]);
+    }, [R.value()])])])]);
   }
 }), _o = {}, Ko = {}, K = class K {
   /**
@@ -1967,7 +1975,7 @@ N(K, "fieldControlTypeMapping", {
     { key: V["radio-group"].type, value: V["radio-group"].name }
   ]
 });
-let ce = K;
+let de = K;
 const ea = p(0);
 class ta extends Je {
   constructor(n, o) {
@@ -2002,7 +2010,7 @@ class ta extends Je {
             textField: "value",
             valueField: "key",
             editable: !1,
-            data: a.designViewModelField ? ce.getEditorTypesByMDataType((s = a.designViewModelField.type) == null ? void 0 : s.name) : ce.getAllInputTypes()
+            data: a.designViewModelField ? de.getEditorTypesByMDataType((s = a.designViewModelField.type) == null ? void 0 : s.name) : de.getAllInputTypes()
           }
         },
         label: {
@@ -2095,11 +2103,11 @@ class ta extends Je {
    * @param newControlType 新控件类型
    */
   changeControlType(n, o, a) {
-    var d, r, m, v;
+    var d, r, m, h;
     const s = o.propertyValue, l = a && a.parent && a.parent.schema;
     if (!l)
       return;
-    const c = l.contents.findIndex((h) => h.id === n.id), u = l.contents[c];
+    const c = l.contents.findIndex((v) => v.id === n.id), u = l.contents[c];
     let i;
     this.designViewModelField && (this.designViewModelUtils.getDgViewModel(this.viewModelId).changeField(this.designViewModelField.id, {
       editor: {
@@ -2120,9 +2128,9 @@ class ta extends Je {
       placeholder: (d = u.editor) == null ? void 0 : d.placeholder,
       holdPlace: (r = u.editor) == null ? void 0 : r.holdPlace,
       readonly: (m = u.editor) == null ? void 0 : m.readonly,
-      require: (v = u.editor) == null ? void 0 : v.require
+      require: (h = u.editor) == null ? void 0 : h.require
     }), l.contents.splice(c, 1), l.contents.splice(c, 0, i), a.schema = Object.assign(u, i), Array.from(document.getElementsByClassName("dgComponentSelected")).forEach(
-      (h) => h.classList.remove("dgComponentSelected")
+      (v) => v.classList.remove("dgComponentSelected")
     ), ea.value++;
   }
   getComponentConfig(n, o = {}, a = {}) {
@@ -2185,15 +2193,15 @@ class ta extends Je {
       return;
     const s = [];
     if (this.responseLayoutEditorFunction.getResonseFormLayoutConfig(a, s, 1), o) {
-      const h = s.find((g) => g.id === o.id);
-      Object.assign(h || {}, o);
+      const v = s.find((b) => b.id === o.id);
+      Object.assign(v || {}, o);
     }
-    const l = s.map((h) => h.columnInSM), c = s.map((h) => h.columnInMD), u = s.map((h) => h.columnInLG), i = s.map((h) => h.columnInEL), d = this.checkIsUniqueColumn(l) ? l[0] : null, r = this.checkIsUniqueColumn(c) ? c[0] : null, m = this.checkIsUniqueColumn(u) ? u[0] : null, v = this.checkIsUniqueColumn(i) ? i[0] : null;
+    const l = s.map((v) => v.columnInSM), c = s.map((v) => v.columnInMD), u = s.map((v) => v.columnInLG), i = s.map((v) => v.columnInEL), d = this.checkIsUniqueColumn(l) ? l[0] : null, r = this.checkIsUniqueColumn(c) ? c[0] : null, m = this.checkIsUniqueColumn(u) ? u[0] : null, h = this.checkIsUniqueColumn(i) ? i[0] : null;
     Object.assign(a.unifiedLayout, {
       uniqueColClassInSM: d,
       uniqueColClassInMD: r,
       uniqueColClassInLG: m,
-      uniqueColClassInEL: v
+      uniqueColClassInEL: h
     });
   }
   /**
@@ -2216,9 +2224,9 @@ function oa(t, e) {
   }
   return { getPropsConfig: o };
 }
-const aa = /* @__PURE__ */ H({
+const aa = /* @__PURE__ */ X({
   name: "FInputGroupDesign",
-  props: Ie,
+  props: Ee,
   emits: ["updateExtendInfo", "clear", "valueChange", "clickHandle", "blurHandle", "focusHandle", "enterHandle", "iconMouseEnter", "iconMouseLeave", "keyupHandle", "keydownHandle", "inputClick"],
   setup(t, e) {
     const n = p(t.modelValue), o = p(t.modelValue), a = Ot(t, e, n, o), {
@@ -2230,24 +2238,24 @@ const aa = /* @__PURE__ */ H({
     } = u, d = je(t, e, a), {
       onMouseEnter: r,
       onMouseLeave: m
-    } = d, v = ot(t, e, l, u), h = p(), g = ee("designer-host-service"), x = ee("design-item-context"), M = oa(x, g), y = Rt(h, x, M);
+    } = d, h = ot(t, e, l, u), v = p(), b = ee("designer-host-service"), F = ee("design-item-context"), M = oa(F, b), C = Rt(v, F, M);
     J(() => {
-      h.value.componentInstance = y;
-    }), e.expose(y.value);
-    const F = at(t, e, u, d, v), b = p();
+      v.value.componentInstance = C;
+    }), e.expose(C.value);
+    const R = at(t, e, u, d, h), w = p();
     return () => f("div", {
       id: "inputGroup",
-      ref: h,
+      ref: v,
       class: s.value,
       style: c.value,
       onMouseenter: r,
       onMouseleave: m
     }, [f("input", {
-      ref: b,
+      ref: w,
       class: "form-control",
       readonly: !0,
       placeholder: t.placeholder
-    }, null), i.value && F()]);
+    }, null), i.value && R()]);
   }
 });
 function la() {
@@ -2264,7 +2272,7 @@ function la() {
   }
   return { getChangeFunctionName: n, getClearFunctionName: o, resolveEditorProps: t, resolveEditorType: e };
 }
-const sa = /* @__PURE__ */ H({
+const sa = /* @__PURE__ */ X({
   name: "FDynamicFormGroupDesign",
   props: le,
   emits: ["change", "update:modelValue"],
@@ -2274,23 +2282,23 @@ const sa = /* @__PURE__ */ H({
     const d = p(), {
       resolveEditorProps: r,
       resolveEditorType: m
-    } = la(), v = L(() => ({
+    } = la(), h = S(() => ({
       "form-group": !0,
       "farris-form-group": !0,
       "common-group": !0,
       "q-state-readonly": c.value,
       "form-group-in-canvas": !0
-    })), h = L(() => {
-      const g = a.value.type || "input-group", x = m(g), M = r(g, a.value);
-      return () => f(x, te({
+    })), v = S(() => {
+      const b = a.value.type || "input-group", F = m(b), M = r(b, a.value);
+      return () => f(F, te({
         ref: d
       }, M, {
         modelValue: l.value,
-        "onUpdate:modelValue": (y) => l.value = y
+        "onUpdate:modelValue": (C) => l.value = C
       }), null);
     });
-    return W([() => t.id, () => t.customClass, () => t.editor, () => t.label, () => t.modelValue, () => t.readonly, () => t.required, () => t.showLabel], ([g, x, M, y, F, b, w, R]) => {
-      n.value = g, o.value = x, a.value = M, s.value = y, l.value = F, c.value = b, u.value = w, i.value = R;
+    return W([() => t.id, () => t.customClass, () => t.editor, () => t.label, () => t.modelValue, () => t.readonly, () => t.required, () => t.showLabel], ([b, F, M, C, R, w, g, L]) => {
+      n.value = b, o.value = F, a.value = M, s.value = C, l.value = R, c.value = w, u.value = g, i.value = L;
     }), e.expose({
       editorRef: d
     }), () => f("div", {
@@ -2300,7 +2308,7 @@ const sa = /* @__PURE__ */ H({
     }, [f("div", {
       class: "farris-group-wrap"
     }, [f("div", {
-      class: v.value
+      class: h.value
     }, [i.value && f(tt, {
       id: `${n.value}-lable`,
       required: u.value,
@@ -2308,7 +2316,7 @@ const sa = /* @__PURE__ */ H({
       title: s.value
     }, null), f("div", {
       class: "farris-input-wrap"
-    }, [h.value()])])])]);
+    }, [v.value()])])])]);
   }
 });
 function ra(t, e) {
@@ -2325,12 +2333,12 @@ function ra(t, e) {
     return !0;
   }
   function l(i) {
-    var g;
-    const d = e == null ? void 0 : e.designViewModelUtils, r = e == null ? void 0 : e.formSchemaUtils, m = (g = t == null ? void 0 : t.componentInstance.value) == null ? void 0 : g.belongedComponentId;
+    var b;
+    const d = e == null ? void 0 : e.designViewModelUtils, r = e == null ? void 0 : e.formSchemaUtils, m = (b = t == null ? void 0 : t.componentInstance.value) == null ? void 0 : b.belongedComponentId;
     if (!m || !d || !r)
       return;
-    const v = r.getViewModelIdByComponentId(m), h = d.getDgViewModel(v);
-    h && h.removeField([i]);
+    const h = r.getViewModelIdByComponentId(m), v = d.getDgViewModel(h);
+    v && v.removeField([i]);
   }
   function c(i) {
     const d = e == null ? void 0 : e.formSchemaUtils;
@@ -2351,7 +2359,7 @@ function ra(t, e) {
     onRemoveComponent: u
   };
 }
-const ia = /* @__PURE__ */ H({
+const ia = /* @__PURE__ */ X({
   name: "FFormGroupDesign",
   props: le,
   emits: [],
@@ -2381,12 +2389,12 @@ const ia = /* @__PURE__ */ H({
    * 作为内嵌编辑器被创建后默认选中文本
    */
   selectOnCreated: { type: Boolean, default: !1 }
-}, ua = de(
+}, ua = pe(
   st,
   Xe,
-  Ee,
+  Ie,
   void 0
-), ca = /* @__PURE__ */ H({
+), ca = /* @__PURE__ */ X({
   name: "FDynamicFormInput",
   props: st,
   emits: ["change", "update:modelValue"],
@@ -2399,13 +2407,13 @@ const ia = /* @__PURE__ */ H({
     function u(d, r) {
       a.value = r !== void 0 ? r : d, e.emit("update:modelValue", a.value), e.emit("change", a.value);
     }
-    const i = L(() => {
+    const i = S(() => {
       const d = l(o.value.type), r = s(o.value.type, o.value);
       r.focusOnCreated = t.focusOnCreated, r.selectOnCreated = t.selectOnCreated;
       const m = c(o.value.type);
       return r[m] = u, (r.id == null || r.id === "") && (r.id = n.value), () => f(d, te(r, {
         modelValue: a.value,
-        "onUpdate:modelValue": (v) => a.value = v
+        "onUpdate:modelValue": (h) => a.value = h
       }), null);
     });
     return W([() => t.id, () => t.editor, () => t.modelValue], ([d, r, m]) => {
@@ -2485,7 +2493,7 @@ async function Ma(t) {
   if (!a)
     throw Se();
 }
-async function xa(t) {
+async function Fa(t) {
   try {
     await wa(t);
   } catch (e) {
@@ -2496,14 +2504,14 @@ async function xa(t) {
     }
   }
 }
-function Fa() {
+function xa() {
   async function t(e) {
-    await xa(e);
+    await Fa(e);
   }
   return { onCopy: t };
 }
 function Ta(t, e, n, o) {
-  const a = p(14), s = p(140), l = p(""), c = p(o.value.length), u = L(() => o.value), i = L(() => ({
+  const a = p(14), s = p(140), l = p(""), c = p(o.value.length), u = S(() => o.value), i = S(() => ({
     "font-size": `${a.value}px`,
     height: "100%"
   }));
@@ -2537,7 +2545,7 @@ function Ba(t, e, n, o) {
 function ka() {
   const t = p(!1), e = p("复制成功");
   return {
-    feedbackStyle: L(() => {
+    feedbackStyle: S(() => {
       const o = {
         position: "absolute",
         left: "50%",
@@ -2560,36 +2568,36 @@ function ka() {
     toShowFeedback: t
   };
 }
-function Ea(t, e) {
+function Ia(t, e) {
   const n = e.getEditorRender(t.promptEditorType);
   return () => n && n();
 }
-function Ia(t) {
-  const e = p(3), n = p(480), o = L(() => !!t.value && !!t.value.date), a = L(() => `发生时间 : ${t.value && t.value.date || ""}`), s = L(() => !!t.value && !!t.value.detail), l = L(() => {
-    const x = `${n.value}px`;
+function Ea(t) {
+  const e = p(3), n = p(480), o = S(() => !!t.value && !!t.value.date), a = S(() => `发生时间 : ${t.value && t.value.date || ""}`), s = S(() => !!t.value && !!t.value.detail), l = S(() => {
+    const F = `${n.value}px`;
     return {
       overflow: "hidden",
       "text-overflow": "ellipsis",
       display: "-webkit-box",
       "-webkit-box-orient": "vertical",
       "-webkit-line-clamp": e.value,
-      "max-height": x
+      "max-height": F
     };
-  }), c = L(() => t.value && t.value.detail || ""), u = L(() => !0), i = p(!1), d = p("展开"), r = p("收起"), m = L(() => {
-    const x = {
+  }), c = S(() => t.value && t.value.detail || ""), u = S(() => !0), i = p(!1), d = p("展开"), r = p("收起"), m = S(() => {
+    const F = {
       display: "block",
       color: "#2A87FF"
     };
-    return x["text-align"] = i.value ? "" : "right", x;
+    return F["text-align"] = i.value ? "" : "right", F;
   });
-  function v(x, M) {
+  function h(F, M) {
     i.value = !i.value, e.value = i.value ? 20 : 3;
   }
-  function h(x) {
-    return v();
+  function v(F) {
+    return h();
   }
-  function g(x) {
-    return v();
+  function b(F) {
+    return h();
   }
   return () => f("div", {
     class: "toast-msg-detail"
@@ -2597,15 +2605,15 @@ function Ia(t) {
     id: "exception_error_msg",
     ref: "exceptionMessageRef",
     style: l.value
-  }, [X("详细信息 : "), f("span", {
+  }, [Y("详细信息 : "), f("span", {
     innerHTML: c.value
   }, null)]), u.value && f("span", {
     style: m.value
   }, [i.value && f("span", {
-    onClick: h,
+    onClick: v,
     style: "cursor: pointer;"
   }, [r.value]), !i.value && f("span", {
-    onClick: g,
+    onClick: b,
     style: "cursor: pointer;"
   }, [d.value])])]);
 }
@@ -2616,14 +2624,14 @@ function Sa(t) {
   }, null);
 }
 function La(t, e, n, o) {
-  const a = p(t.exceptionInfo), s = L(() => {
+  const a = p(t.exceptionInfo), s = S(() => {
     const m = {
       "f-icon": !0
-    }, v = `f-icon-${e.value}`;
-    return m[v] = !0, m;
-  }), l = L(() => n.value || a.value && a.value.message), c = L(() => o.value), u = L(() => !!o.value), i = L(() => !!a.value);
+    }, h = `f-icon-${e.value}`;
+    return m[h] = !0, m;
+  }), l = S(() => n.value || a.value && a.value.message), c = S(() => o.value), u = S(() => !!o.value), i = S(() => !!a.value);
   function d() {
-    return i.value ? Ia(a) : u.value ? Sa(c) : () => null;
+    return i.value ? Ea(a) : u.value ? Sa(c) : () => null;
   }
   const r = d();
   return () => f(ae, null, [f("div", {
@@ -2646,7 +2654,7 @@ function Da(t, e, n) {
     date: "",
     message: "",
     detail: ""
-  }), u = L(() => c.value && c.value.detail || "");
+  }), u = S(() => c.value && c.value.detail || "");
   function i(d) {
     o(u.value).catch((r) => {
       s.value = "复制失败";
@@ -2664,47 +2672,47 @@ function Da(t, e, n) {
   }, [l.value])]);
 }
 function Pa(t, e, n, o) {
-  const a = p(t.type), s = p([]), l = p(t.exceptionInfo), c = p(t.okButtonText), u = p(t.cancelButtonText), i = p(!0), d = p(!0), r = L(() => !!(s.value && s.value.length)), m = L(() => l.value && l.value.date && l.value.message && l.value.detail), v = L(() => !(s.value && s.value.length) && (c.value || u.value)), h = L(() => d.value && c.value), g = L(() => i.value && u.value), x = Da(t, n, o);
-  function M(F) {
+  const a = p(t.type), s = p([]), l = p(t.exceptionInfo), c = p(t.okButtonText), u = p(t.cancelButtonText), i = p(!0), d = p(!0), r = S(() => !!(s.value && s.value.length)), m = S(() => l.value && l.value.date && l.value.message && l.value.detail), h = S(() => !(s.value && s.value.length) && (c.value || u.value)), v = S(() => d.value && c.value), b = S(() => i.value && u.value), F = Da(t, n, o);
+  function M(R) {
     a.value === "question" && e.emit("reject"), e.emit("close");
   }
-  function y(F) {
+  function C(R) {
     a.value === "question" && e.emit("accept"), e.emit("close");
   }
   return () => f("div", {
     class: "modal-footer"
-  }, [m.value && x(), v.value && g.value && f("button", {
+  }, [m.value && F(), h.value && b.value && f("button", {
     type: "button",
     class: "btn btn-secondary btn-lg",
     onClick: M
-  }, [u.value]), v.value && h.value && f("button", {
+  }, [u.value]), h.value && v.value && f("button", {
     type: "button",
     class: "btn btn-primary btn-lg",
-    onClick: y
-  }, [c.value]), r.value && s.value.length && s.value.map((F) => f("button", {
+    onClick: C
+  }, [c.value]), r.value && s.value.length && s.value.map((R) => f("button", {
     type: "button",
-    onClick: F.handle,
-    class: F.class
-  }, [F.iconClass && f("span", {
-    class: F.iconClass
-  }, null), F.text]))]);
+    onClick: R.handle,
+    class: R.class
+  }, [R.iconClass && f("span", {
+    class: R.iconClass
+  }, null), R.text]))]);
 }
-const ie = /* @__PURE__ */ H({
+const ue = /* @__PURE__ */ X({
   name: "FMessageBox",
   props: ba,
   emits: ["accept", "reject", "close"],
   setup(t, e) {
-    const n = p(t.type), o = p(t.title), a = p(t.detail), s = L(() => {
-      const x = {
+    const n = p(t.type), o = p(t.title), a = p(t.detail), s = S(() => {
+      const F = {
         "modal-tips": !0,
         "d-flex": !0,
         "flex-row": !0
       }, M = `messager-type-${n.value}`;
-      return x[M] = !0, x;
-    }), l = L(() => {
-      const x = {};
-      return n.value === "prompt" ? x.padding = "0.5rem 0.5rem 1rem 1.5rem" : n.value === "error" && (x.padding = "0.5rem 1.5rem 1rem 1.5rem"), x;
-    }), c = Fa(), u = Ba(t, n, o, a), i = ka(), {
+      return F[M] = !0, F;
+    }), l = S(() => {
+      const F = {};
+      return n.value === "prompt" ? F.padding = "0.5rem 0.5rem 1rem 1.5rem" : n.value === "error" && (F.padding = "0.5rem 1.5rem 1rem 1.5rem"), F;
+    }), c = xa(), u = Ba(t, n, o, a), i = ka(), {
       feedbackStyle: d,
       feedbackMessage: r
     } = i;
@@ -2713,21 +2721,21 @@ const ie = /* @__PURE__ */ H({
         style: d.value
       }, [r.value]);
     }
-    function v() {
+    function h() {
       switch (n.value) {
         case "prompt":
-          return Ea(t, u);
+          return Ia(t, u);
         default:
           return La(t, n, o, a);
       }
     }
-    const h = v(), g = Pa(t, e, c, i);
+    const v = h(), b = Pa(t, e, c, i);
     return () => f("div", {
       class: "farris-messager"
     }, [f("section", {
       class: s.value,
       style: l.value
-    }, [h()]), g(), m()]);
+    }, [v()]), b(), m()]);
   }
 }), Va = {
   /**
@@ -2874,8 +2882,8 @@ class _ {
   }
 }
 function Ra(t, e) {
-  const n = p(), o = p(), a = p(), s = p(), l = p(), c = p(), u = p(), i = p(), d = p(), r = p(), m = p(), v = p(), h = p(t.draggable), g = p(!1);
-  function x() {
+  const n = p(), o = p(), a = p(), s = p(), l = p(), c = p(), u = p(), i = p(), d = p(), r = p(), m = p(), h = p(), v = p(t.draggable), b = p(!1);
+  function F() {
     const I = o.value || document.body, D = window.getComputedStyle(I);
     if (!D || !n.value)
       return;
@@ -2886,7 +2894,7 @@ function Ra(t, e) {
   }
   function M(I) {
     if (n.value) {
-      s.value = _.getCurrent(n.value), l.value = q.getCurrent(n.value), c.value = s.value ? _.copy(s.value) : null, u.value = l.value ? q.copy(l.value) : null, x();
+      s.value = _.getCurrent(n.value), l.value = q.getCurrent(n.value), c.value = s.value ? _.copy(s.value) : null, u.value = l.value ? q.copy(l.value) : null, F();
       const D = I.target.getAttribute("type") || "";
       i.value = {
         n: !!D.match(/n/),
@@ -2896,18 +2904,18 @@ function Ra(t, e) {
       };
     }
   }
-  function y() {
+  function C() {
     var I, D, $, A;
     if (n.value) {
       const G = n.value;
       i.value && ((i.value.n || i.value.s) && ((I = c.value) != null && I.height) && (G.style.height = c.value.height + "px"), (i.value.w || i.value.e) && ((D = c.value) != null && D.width) && (G.style.width = c.value.width + "px"), u.value && (($ = u.value) != null && $.x && (G.style.left = u.value.x + "px"), (A = u.value) != null && A.y && (G.style.top = u.value.y + "px")));
     }
   }
-  function F() {
+  function R() {
     const I = t.minHeight ? t.minHeight : 1, D = t.minWidth ? t.minWidth : 1;
     c.value && u.value && i.value && s.value && (c.value.height < I && (c.value.height = I, i.value.n && l.value && (u.value.y = l.value.y + (s.value.height - I))), c.value.width < D && (c.value.width = D, i.value.w && l.value && (u.value.x = l.value.x + (s.value.width - D))), t.maxHeight && c.value.height > t.maxHeight && (c.value.height = t.maxHeight, l.value && i.value.n && (u.value.y = l.value.y + (s.value.height - t.maxHeight))), t.maxWidth && c.value.width > t.maxWidth && (c.value.width = t.maxWidth, i.value.w && l.value && (u.value.x = l.value.x + (s.value.width - t.maxWidth))));
   }
-  function b() {
+  function w() {
     if (o.value) {
       const I = r.value;
       if (u.value && c.value && i.value && s.value) {
@@ -2916,20 +2924,20 @@ function Ra(t, e) {
       }
     }
   }
-  function w(I) {
+  function g(I) {
     if (!a.value || !s.value || !l.value || !i.value)
       return;
     I.subtract(a.value);
     const D = I.x, $ = I.y;
-    i.value.n ? (u.value.y = l.value.y + $, c.value.height = s.value.height - $) : i.value.s && (c.value.height = s.value.height + $), i.value.e ? c.value.width = s.value.width + D : i.value.w && (c.value.width = s.value.width - D, u.value.x = l.value.x + D), b(), F(), y();
+    i.value.n ? (u.value.y = l.value.y + $, c.value.height = s.value.height - $) : i.value.s && (c.value.height = s.value.height + $), i.value.e ? c.value.width = s.value.width + D : i.value.w && (c.value.width = s.value.width - D, u.value.x = l.value.x + D), w(), R(), C();
   }
-  function R(I) {
+  function L(I) {
     if (!d.value)
       return;
     const D = q.fromEvent(I);
-    D && w(D);
+    D && g(D);
   }
-  function C() {
+  function y() {
     if (n.value) {
       const {
         width: I,
@@ -2952,16 +2960,16 @@ function Ra(t, e) {
   }
   function P(I) {
     if (n.value) {
-      const D = C();
+      const D = y();
       m.value = D;
     }
-    a.value = void 0, s.value = null, l.value = null, c.value = null, u.value = null, i.value = null, d.value = null, document.removeEventListener("mousemove", R), document.removeEventListener("mouseup", P);
+    a.value = void 0, s.value = null, l.value = null, c.value = null, u.value = null, i.value = null, d.value = null, document.removeEventListener("mousemove", L), document.removeEventListener("mouseup", P);
   }
   function O() {
-    document.addEventListener("mousemove", R), document.addEventListener("mouseup", P);
+    document.addEventListener("mousemove", L), document.addEventListener("mouseup", P);
   }
   function U(I) {
-    I instanceof MouseEvent && I.button === 2 || h.value && (I.stopPropagation(), I.preventDefault(), a.value = q.fromEvent(I), d.value = I.target, M(I), O());
+    I instanceof MouseEvent && I.button === 2 || v.value && (I.stopPropagation(), I.preventDefault(), a.value = q.fromEvent(I), d.value = I.target, M(I), O());
   }
   function z(I) {
     return n.value = I, f(ae, null, [f("div", {
@@ -2998,22 +3006,22 @@ function Ra(t, e) {
       onMousedown: (D) => U(D)
     }, null)]);
   }
-  function Y(I = !0) {
+  function H(I = !0) {
     const D = o.value || document.body, $ = _.getCurrent(D), A = n.value;
-    I && (v.value = C(), v.value.transform = A.style.transform), $ && A && (c.value = $, A.style.height = c.value.height - 14 + "px", A.style.width = c.value.width - 14 + "px", A.style.left = "7px", A.style.top = "7px", A.style.transform = "", m.value = {
+    I && (h.value = y(), h.value.transform = A.style.transform), $ && A && (c.value = $, A.style.height = c.value.height - 14 + "px", A.style.width = c.value.width - 14 + "px", A.style.left = "7px", A.style.top = "7px", A.style.transform = "", m.value = {
       size: c.value,
       position: {
         x: 0,
         y: 0
       }
-    }, h.value = !1, g.value = !0);
+    }, v.value = !1, b.value = !0);
   }
-  function pe() {
+  function se() {
     var I, D;
-    if (v.value) {
+    if (h.value) {
       const $ = {
-        width: v.value.size.width || 0,
-        height: v.value.size.height || 0
+        width: h.value.size.width || 0,
+        height: h.value.size.height || 0
       }, A = {
         x: (window.innerWidth - $.width) / 2,
         y: (window.innerHeight - $.height) / 2
@@ -3023,7 +3031,7 @@ function Ra(t, e) {
       G.style.height = $.height + "px", G.style.width = $.width + "px", G.style.left = `${A.x}px`, G.style.top = `${A.y}px`, G.style.transform = "", m.value = {
         size: $,
         position: A
-      }, h.value = t.draggable, g.value = !1;
+      }, v.value = t.draggable, b.value = !1;
     }
   }
   function me() {
@@ -3040,88 +3048,88 @@ function Ra(t, e) {
   }
   function fe() {
     const I = () => {
-      g.value ? Y(!1) : me();
+      b.value ? H(!1) : me();
     };
     return window.addEventListener("resize", I), () => {
       window.removeEventListener("resize", I);
     };
   }
-  const se = fe();
+  const re = fe();
   return {
     renderResizeBar: z,
     boundingElement: o,
     resizedEventParam: m,
-    maximize: Y,
-    restore: pe,
-    allowDrag: h,
-    isMaximized: g,
-    unWindowResizeHandle: se
+    maximize: H,
+    restore: se,
+    allowDrag: v,
+    isMaximized: b,
+    unWindowResizeHandle: re
   };
 }
 function Na(t, e, n) {
   const o = p(), a = p(t.draggable), s = p(t.lockAxis), l = p(), c = p(), u = p(!1), i = p(new q(0, 0)), d = p(new q(0, 0)), r = p(new q(0, 0)), m = p(new q(0, 0));
-  W(() => n.value, (C) => {
-    l.value.style.cursor = C ? "move" : "default";
+  W(() => n.value, (y) => {
+    l.value.style.cursor = y ? "move" : "default";
   });
-  function v(C, P) {
+  function h(y, P) {
     if (P.tagName === "BUTTON")
       return !1;
-    if (P === C)
+    if (P === y)
       return !0;
     for (const O in P.children)
-      if (Object.prototype.hasOwnProperty.call(P.children, O) && v(C, P.children[O]))
+      if (Object.prototype.hasOwnProperty.call(P.children, O) && h(y, P.children[O]))
         return !0;
     return !1;
   }
-  function h() {
+  function v() {
     var U, z;
-    let C = r.value.x + d.value.x, P = r.value.y + d.value.y;
-    s.value === "x" ? (C = ((U = i.value) == null ? void 0 : U.x) || 0, r.value.x = 0) : s.value === "y" && (P = ((z = i.value) == null ? void 0 : z.y) || 0, r.value.y = 0);
-    const O = `translate3d(${Math.round(C)}px, ${Math.round(P)}px, 0px)`;
-    o.value && (o.value.style.transform = O), m.value.x = C, m.value.y = P;
+    let y = r.value.x + d.value.x, P = r.value.y + d.value.y;
+    s.value === "x" ? (y = ((U = i.value) == null ? void 0 : U.x) || 0, r.value.x = 0) : s.value === "y" && (P = ((z = i.value) == null ? void 0 : z.y) || 0, r.value.y = 0);
+    const O = `translate3d(${Math.round(y)}px, ${Math.round(P)}px, 0px)`;
+    o.value && (o.value.style.transform = O), m.value.x = y, m.value.y = P;
   }
-  function g() {
+  function b() {
     if (!c.value || !o.value)
       return null;
-    const C = c.value.getBoundingClientRect(), P = o.value.getBoundingClientRect(), O = {
-      top: C.top < P.top,
-      right: C.right > P.right,
-      bottom: C.bottom > P.bottom,
-      left: C.left < P.left
+    const y = c.value.getBoundingClientRect(), P = o.value.getBoundingClientRect(), O = {
+      top: y.top < P.top,
+      right: y.right > P.right,
+      bottom: y.bottom > P.bottom,
+      left: y.left < P.left
     };
-    return O.top || (r.value.y -= P.top - C.top), O.bottom || (r.value.y -= P.bottom - C.bottom), O.right || (r.value.x -= P.right - C.right), O.left || (r.value.x -= P.left - C.left), h(), O;
+    return O.top || (r.value.y -= P.top - y.top), O.bottom || (r.value.y -= P.bottom - y.bottom), O.right || (r.value.x -= P.right - y.right), O.left || (r.value.x -= P.left - y.left), v(), O;
   }
-  function x(C) {
-    C && (i.value && C.subtract(i.value), r.value.set(C), h(), g());
+  function F(y) {
+    y && (i.value && y.subtract(i.value), r.value.set(y), v(), b());
   }
-  function M(C) {
-    u.value && a.value && (C.stopPropagation(), C.preventDefault(), x(q.fromEvent(C, l.value)));
+  function M(y) {
+    u.value && a.value && (y.stopPropagation(), y.preventDefault(), F(q.fromEvent(y, l.value)));
   }
-  function y() {
-    var C;
-    u.value && (u.value = !1, d.value.add(r.value), r.value.reset(), (C = o.value) == null || C.classList.remove("ng-dragging"), document.removeEventListener("mousemove", M), document.removeEventListener("mouseup", y));
+  function C() {
+    var y;
+    u.value && (u.value = !1, d.value.add(r.value), r.value.reset(), (y = o.value) == null || y.classList.remove("ng-dragging"), document.removeEventListener("mousemove", M), document.removeEventListener("mouseup", C));
   }
-  function F() {
-    !u.value && l.value && (u.value = !0, l.value.classList.add("ng-dragging"), document.addEventListener("mousemove", M), document.addEventListener("mouseup", y));
+  function R() {
+    !u.value && l.value && (u.value = !0, l.value.classList.add("ng-dragging"), document.addEventListener("mousemove", M), document.addEventListener("mouseup", C));
   }
-  function b() {
+  function w() {
     if (o.value) {
-      const C = q.getTransformInfo(o.value);
-      d.value.set(C);
+      const y = q.getTransformInfo(o.value);
+      d.value.set(y);
       return;
     }
     d.value.reset();
   }
-  function w(C) {
-    if (!n.value || C instanceof MouseEvent && C.button === 2)
+  function g(y) {
+    if (!n.value || y instanceof MouseEvent && y.button === 2)
       return;
-    const P = C.target || C.srcElement;
-    l.value !== void 0 && P && !v(P, l.value) || a.value !== !1 && (document.body.click(), C.stopPropagation(), C.preventDefault(), i.value = q.fromEvent(C, o.value), b(), F());
+    const P = y.target || y.srcElement;
+    l.value !== void 0 && P && !h(P, l.value) || a.value !== !1 && (document.body.click(), y.stopPropagation(), y.preventDefault(), i.value = q.fromEvent(y, o.value), w(), R());
   }
-  function R(C, P, O) {
+  function L(y, P, O) {
     if (a.value && P) {
-      if (C)
-        l.value = C;
+      if (y)
+        l.value = y;
       else if (t.dragHandle) {
         if (t.dragHandle instanceof HTMLElement)
           l.value = t.dragHandle;
@@ -3130,12 +3138,12 @@ function Na(t, e, n) {
           U && (l.value = U);
         }
       }
-      o.value = P, c.value = O, l.value.classList.add("ng-draggable"), l.value.addEventListener("mousedown", w);
+      o.value = P, c.value = O, l.value.classList.add("ng-draggable"), l.value.addEventListener("mousedown", g);
     }
   }
   return {
-    registerDraggle: R,
-    resetTranslate: b
+    registerDraggle: L,
+    resetTranslate: w
   };
 }
 function it(t, e) {
@@ -3166,125 +3174,125 @@ function Aa(t, e) {
     remove: o
   }) : null;
 }
-const ut = /* @__PURE__ */ H({
+const ut = /* @__PURE__ */ X({
   name: "FModal",
   props: Va,
   emits: ["update:modelValue", "accept", "cancel", "closed", "resize", "esc", "enter"],
   setup(t, e) {
-    const n = p(t.width || 300), o = p(t.height || 200), a = p(t.modelValue), s = p(""), l = p(t.class), c = p(t.fitContent), u = p(t.showHeader), i = p(""), d = p(t.showCloseButton), r = p(t.showMaxButton), m = p(!1), v = p(""), h = p(""), g = p(""), x = p(t.showButtons), M = p(t.title), y = p(t.reiszeable), F = p(t.containment || null), b = p();
-    function w(T, j) {
-      a.value = !1, e.emit("update:modelValue", !1), j != null && e.emit(j ? "accept" : "cancel"), e.emit("closed", T);
+    const n = p(t.width || 300), o = p(t.height || 200), a = p(t.modelValue), s = p(""), l = p(t.class), c = p(t.fitContent), u = p(t.showHeader), i = p(""), d = p(t.showCloseButton), r = p(t.showMaxButton), m = p(!1), h = p(""), v = p(""), b = p(""), F = p(t.showButtons), M = p(t.title), C = p(t.reiszeable), R = p(t.containment || null), w = p();
+    function g(x, j) {
+      a.value = !1, e.emit("update:modelValue", !1), j != null && e.emit(j ? "accept" : "cancel"), e.emit("closed", x);
     }
-    const R = [{
+    const L = [{
       name: "cancel",
       text: "取消",
       class: "btn btn-secondary",
-      handle: (T) => {
-        w(T, !1);
+      handle: (x) => {
+        g(x, !1);
       }
     }, {
       name: "accept",
       text: "确定",
       class: "btn btn-primary",
-      handle: (T) => {
-        w(T, !0);
+      handle: (x) => {
+        g(x, !0);
       }
-    }], C = p(t.buttons && t.buttons.length ? t.buttons : R), P = L(() => !!i.value), O = L(() => !!x.value && !!C.value), U = p(), z = p(), Y = p(!1), {
-      renderResizeBar: pe,
+    }], y = p(t.buttons && t.buttons.length ? t.buttons : L), P = S(() => !!i.value), O = S(() => !!F.value && !!y.value), U = p(), z = p(), H = p(!1), {
+      renderResizeBar: se,
       maximize: me,
       restore: fe,
-      boundingElement: se,
+      boundingElement: re,
       resizedEventParam: I,
       allowDrag: D,
       unWindowResizeHandle: $
     } = Ra(t), {
       registerDraggle: A
     } = Na(t, e, D);
-    W(() => t.title, (T, j) => {
-      T !== j && (M.value = T);
-    }), W(() => t.modelValue, (T, j) => {
-      T !== j && (a.value = T);
-    }), W(() => t.showHeader, (T, j) => {
-      T !== j && (u.value = T);
-    }), W(() => t.showButtons, (T, j) => {
-      T !== j && (x.value = T);
-    }), W(() => I.value, (T, j) => {
-      const ne = T || {}, re = j || {};
-      JSON.stringify(ne) !== JSON.stringify(re) && e.emit("resize", {
-        newSize: T,
+    W(() => t.title, (x, j) => {
+      x !== j && (M.value = x);
+    }), W(() => t.modelValue, (x, j) => {
+      x !== j && (a.value = x);
+    }), W(() => t.showHeader, (x, j) => {
+      x !== j && (u.value = x);
+    }), W(() => t.showButtons, (x, j) => {
+      x !== j && (F.value = x);
+    }), W(() => I.value, (x, j) => {
+      const ne = x || {}, ie = j || {};
+      JSON.stringify(ne) !== JSON.stringify(ie) && e.emit("resize", {
+        newSize: x,
         oldSize: j
       });
     });
     function G() {
-      const T = document.querySelectorAll(".farris-modal").length;
-      (!T || T - 1 <= 0) && document.body.classList.remove("modal-open"), b.value && b.value.classList.remove("show");
+      const x = document.querySelectorAll(".farris-modal").length;
+      (!x || x - 1 <= 0) && document.body.classList.remove("modal-open"), w.value && w.value.classList.remove("show");
     }
-    const ve = L(() => (a.value ? document.body.classList.add("modal-open") : G(), a.value)), dt = L(() => {
-      const T = {
+    const ve = S(() => (a.value ? document.body.classList.add("modal-open") : G(), a.value)), dt = S(() => {
+      const x = {
         modal: !0,
         "farris-modal": !0,
         fade: !0
       };
-      return T["f-modal-fitContent"] = !!c.value, T.show = !!ve.value, T;
-    }), pt = L(() => {
+      return x["f-modal-fitContent"] = !!c.value, x.show = !!ve.value, x;
+    }), pt = S(() => {
       var ne;
-      const T = {
+      const x = {
         "modal-dialog": !0
       }, j = (ne = l.value) == null ? void 0 : ne.split(" ");
-      return j == null || j.reduce((re, Bt) => (re[Bt] = !0, re), T), T;
-    }), mt = L(() => ({
+      return j == null || j.reduce((ie, Bt) => (ie[Bt] = !0, ie), x), x;
+    }), mt = S(() => ({
       position: "absolute",
       top: `${(window.innerHeight - o.value) / 2}px`,
       left: `${(window.innerWidth - n.value) / 2}px`,
       width: `${n.value}px`,
       height: c.value ? "auto" : `${o.value}px`
-    })), ft = L(() => ({
+    })), ft = S(() => ({
       "modal-content": !0,
       "modal-content-has-header": u.value
-    })), vt = L(() => {
-      const T = {
+    })), vt = S(() => {
+      const x = {
         display: u.value ? "" : "none"
       };
-      return T["pointer-events"] = D.value ? "auto" : "none", T;
-    }), ht = L(() => ({
+      return x["pointer-events"] = D.value ? "auto" : "none", x;
+    }), ht = S(() => ({
       "f-icon": !0,
       modal_maximize: !0,
-      modalrevert: Y.value
-    })), yt = L(() => ({
+      modalrevert: H.value
+    })), yt = S(() => ({
       "modal-body": !0,
-      "f-utils-flex-column": v.value === "iframe"
+      "f-utils-flex-column": h.value === "iframe"
     }));
     function gt() {
       return {};
     }
-    const Ct = L(() => {
-      const T = {
-        textAlgin: g.value
+    const Ct = S(() => {
+      const x = {
+        textAlgin: b.value
       }, j = gt();
-      return Object.assign(T, j);
+      return Object.assign(x, j);
     });
-    function Le(T) {
-      if (T.stopPropagation(), Y.value) {
-        Y.value = !1, fe();
+    function Le(x) {
+      if (x.stopPropagation(), H.value) {
+        H.value = !1, fe();
         return;
       }
-      me(), Y.value = !0;
+      me(), H.value = !0;
     }
-    async function bt(T, j) {
-      T.handle && await T.handle(j, T) && e.emit("closed", j);
+    async function bt(x, j) {
+      x.handle && await x.handle(j, x) && e.emit("closed", j);
     }
-    function wt(T) {
-      T.width && (n.value = T.width), T.height && (o.value = T.height), T.buttons && (C.value = T.buttons), T.title && (M.value = T.title);
+    function wt(x) {
+      x.width && (n.value = x.width), x.height && (o.value = x.height), x.buttons && (y.value = x.buttons), x.title && (M.value = x.title);
     }
     let he = null, ye = null;
     J(() => {
-      z.value && !F.value && (F.value = z.value.parentElement, se.value = F.value, A(U.value, z.value, se.value)), ve.value && document.body.classList.add("modal-open"), he = Oa(t, e), ye = Aa(t, e);
+      z.value && !R.value && (R.value = z.value.parentElement, re.value = R.value, A(U.value, z.value, re.value)), ve.value && document.body.classList.add("modal-open"), he = Oa(t, e), ye = Aa(t, e);
     }), Ue(() => {
       G(), $ && $(), he && he.remove(), ye && ye.remove();
     }), e.expose({
       modalElementRef: z,
       updateModalOptions: wt,
-      close: w,
+      close: g,
       maxDialog: Le
     });
     function Mt() {
@@ -3300,28 +3308,28 @@ const ut = /* @__PURE__ */ H({
         class: ht.value
       }, null)]), d.value && f("li", {
         class: "f-btn-icon f-bare",
-        onClick: (T) => w(T, !1),
+        onClick: (x) => g(x, !1),
         style: "pointer-events: auto;"
       }, [f("span", {
         class: "f-icon modal_close"
       }, null)])]);
     }
-    function xt() {
+    function Ft() {
       return f("div", {
         class: "modal-footer",
         style: Ct.value
-      }, [C.value && C.value.map((T) => f("button", {
-        name: T.name,
+      }, [y.value && y.value.map((x) => f("button", {
+        name: x.name,
         type: "button",
-        class: T.class + (T.iconClass ? " btn-icontext" : ""),
+        class: x.class + (x.iconClass ? " btn-icontext" : ""),
         onClick: (j) => {
-          bt(T, j);
+          bt(x, j);
         }
-      }, [!!T.iconClass && f("i", {
-        class: T.iconClass
-      }, null), T.text]))]);
+      }, [!!x.iconClass && f("i", {
+        class: x.iconClass
+      }, null), x.text]))]);
     }
-    function Ft() {
+    function xt() {
       return f("div", {
         ref: U,
         class: "modal-header",
@@ -3337,10 +3345,10 @@ const ut = /* @__PURE__ */ H({
         class: "actions"
       }, [Mt()])]);
     }
-    function Tt(T) {
-      T.stopPropagation();
+    function Tt(x) {
+      x.stopPropagation();
     }
-    return () => f(It, {
+    return () => f(Et, {
       to: "body"
     }, {
       default: () => [ve.value && f(St, {
@@ -3348,11 +3356,11 @@ const ut = /* @__PURE__ */ H({
         appear: !0
       }, {
         default: () => {
-          var T, j;
+          var x, j;
           return [f("div", {
             class: dt.value,
             style: "display: block",
-            ref: b,
+            ref: w,
             onClick: Tt
           }, [f("div", {
             id: s.value,
@@ -3361,15 +3369,15 @@ const ut = /* @__PURE__ */ H({
             ref: z
           }, [f("div", {
             class: ft.value
-          }, [u.value && Ft(), f("div", {
+          }, [u.value && xt(), f("div", {
             class: yt.value
-          }, [(j = (T = e.slots).default) == null ? void 0 : j.call(T), v.value === "iframe" && f("iframe", {
+          }, [(j = (x = e.slots).default) == null ? void 0 : j.call(x), h.value === "iframe" && f("iframe", {
             title: s.value,
             class: "f-utils-fill",
             width: "100%",
             frameborder: "0",
-            src: h.value
-          }, null)]), O.value && xt()]), !c.value && y.value && z.value && pe(z.value)])])];
+            src: v.value
+          }, null)]), O.value && Ft()]), !c.value && C.value && z.value && se(z.value)])])];
         }
       })]
     });
@@ -3390,11 +3398,11 @@ function $a(t) {
         document.body.removeChild(e);
       });
       const s = p(), l = p(t.class || ""), c = p(!!t.showButtons), u = p(!!t.showHeader), i = p(t.showCloseButton == null ? !0 : t.showCloseButton), d = p(!0), r = p(t.title || ""), m = t.acceptCallback || (() => {
-      }), v = t.rejectCallback || (() => {
-      }), h = t.closedCallback || ((y) => {
-      }), g = t.resizeHandle || ((y) => {
-      }), x = ct(t), M = (y) => {
-        d.value = !1, n.unmount(), h(y);
+      }), h = t.rejectCallback || (() => {
+      }), v = t.closedCallback || ((C) => {
+      }), b = t.resizeHandle || ((C) => {
+      }), F = ct(t), M = (C) => {
+        d.value = !1, n.unmount(), v(C);
       };
       return J(() => {
       }), a.expose({
@@ -3403,7 +3411,7 @@ function $a(t) {
         ref: s,
         class: l.value,
         modelValue: d.value,
-        "onUpdate:modelValue": (y) => d.value = y,
+        "onUpdate:modelValue": (C) => d.value = C,
         title: r.value,
         width: t.width,
         height: t.height,
@@ -3413,12 +3421,12 @@ function $a(t) {
         "show-close-button": i.value,
         "show-max-button": !1,
         onAccept: m,
-        onCancel: v,
+        onCancel: h,
         fitContent: t.fitContent == null ? !0 : t.fitContent,
         onClosed: M,
-        onResize: g
+        onResize: b
       }, {
-        default: () => [x && x(n)]
+        default: () => [F && F(n)]
       });
     }
   });
@@ -3431,7 +3439,7 @@ class Ua {
     N(this, "activeModalIndex", p(0));
     N(this, "modalRefs", {});
     N(this, "isUseEscCloseModal", p(!1));
-    N(this, "activeModalInstance", L(() => this.modalRefs[this.activeModalIndex.value]));
+    N(this, "activeModalInstance", S(() => this.modalRefs[this.activeModalIndex.value]));
     this.app = e, this.appContext = e ? e._context : null;
   }
   getCurrentModal() {
@@ -3454,27 +3462,27 @@ class Ua {
       showHeader: !0
     }, e)), a = p(!0), s = o.value.acceptCallback || (() => {
     }), l = o.value.rejectCallback || (() => {
-    }), c = o.value.closedCallback || ((M, y) => {
+    }), c = o.value.closedCallback || ((M, C) => {
     }), u = o.value.resizeHandle || ((M) => {
     });
     let i;
     const d = ct(o.value), r = (M) => {
-      var F;
+      var R;
       a.value = !1;
-      const y = (F = M == null ? void 0 : M.target) == null ? void 0 : F.classList.contains("modal_close");
-      c(M, this.isUseEscCloseModal.value ? "esc" : y ? "icon" : "button");
+      const C = (R = M == null ? void 0 : M.target) == null ? void 0 : R.classList.contains("modal_close");
+      c(M, this.isUseEscCloseModal.value ? "esc" : C ? "icon" : "button");
     }, m = (M) => {
-      r(M), i && ue(() => {
+      r(M), i && ce(() => {
         if (this.modalRefs[this.activeModalIndex.value] && delete this.modalRefs[this.activeModalIndex.value], ge(null, n), i = null, this.modalRef.value = null, this.modalRefs) {
-          const y = Object.keys(this.modalRefs).map((F) => Number(F));
-          y.length > 0 ? this.activeModalIndex.value = Math.max(...y) : this.activeModalIndex.value = 0;
+          const C = Object.keys(this.modalRefs).map((R) => Number(R));
+          C.length > 0 ? this.activeModalIndex.value = Math.max(...C) : this.activeModalIndex.value = 0;
         }
         this.isUseEscCloseModal.value = !1;
       });
-    }, v = (M) => {
-      var y;
-      this.isUseEscCloseModal.value = !0, this.activeModalInstance && ((y = this.activeModalInstance.value) == null || y.close(M == null ? void 0 : M.event));
-    }, h = () => f(ut, te({
+    }, h = (M) => {
+      var C;
+      this.isUseEscCloseModal.value = !0, this.activeModalInstance && ((C = this.activeModalInstance.value) == null || C.close(M == null ? void 0 : M.event));
+    }, v = () => f(ut, te({
       ref: this.modalRef,
       modelValue: a.value,
       "onUpdate:modelValue": (M) => a.value = M
@@ -3483,13 +3491,13 @@ class Ua {
       onCancel: l,
       onClosed: m,
       onResize: u,
-      onEsc: v
+      onEsc: h
     }), {
       default: () => [d && d(this.app)]
     });
     return i = ((M) => {
-      const y = Pt(h, M);
-      return y.appContext = this.appContext, ge(y, n), y;
+      const C = Pt(v, M);
+      return C.appContext = this.appContext, ge(C, n), C;
     })({
       ...o.value
       // 'onUpdate:modelValue': onUpdateModelValue,
@@ -3526,7 +3534,7 @@ class Q {
       width: n.width || 400,
       fitContent: !0,
       showMaxButton: !1,
-      render: () => f(ie, te(n, {
+      render: () => f(ue, te(n, {
         onAccept: l,
         onReject: c,
         onClose: d
@@ -3600,77 +3608,77 @@ class Q {
     Q.show(s);
   }
 }
-ie.install = (t) => {
-  t.component(ie.name, ie), t.provide("FMessageBoxService", Q);
+ue.install = (t) => {
+  t.component(ue.name, ue), t.provide("FMessageBoxService", Q);
 };
-const ja = /* @__PURE__ */ H({
+const ja = /* @__PURE__ */ X({
   name: "FResponseFormLayoutSetting",
   props: rt,
   emits: ["change"],
   setup(t, e) {
     const n = [1], o = [1, 2], a = [1, 2, 3, 4], s = [1, 2, 3, 4, 6];
     let l = [], c = [], u = [], i = [];
-    const d = p(t.initialState), r = p(0), m = p(0), v = p(0), h = p(0);
-    function g() {
-      const y = "自定义", F = 12 / d.value.uniqueColClassInSM;
-      n.includes(F) ? r.value = F : (l.push({
+    const d = p(t.initialState), r = p(0), m = p(0), h = p(0), v = p(0);
+    function b() {
+      const C = "自定义", R = 12 / d.value.uniqueColClassInSM;
+      n.includes(R) ? r.value = R : (l.push({
         value: 0,
-        name: y
+        name: C
       }), r.value = 0);
-      const b = 12 / d.value.uniqueColClassInMD;
-      o.includes(b) ? m.value = b : (c.push({
+      const w = 12 / d.value.uniqueColClassInMD;
+      o.includes(w) ? m.value = w : (c.push({
         value: 0,
-        name: y
+        name: C
       }), m.value = 0);
-      const w = 12 / d.value.uniqueColClassInLG;
-      a.includes(w) ? v.value = w : (u.push({
+      const g = 12 / d.value.uniqueColClassInLG;
+      a.includes(g) ? h.value = g : (u.push({
         value: 0,
-        name: y
-      }), v.value = 0);
-      const R = 12 / d.value.uniqueColClassInEL;
-      s.includes(R) ? h.value = R : (i.push({
+        name: C
+      }), h.value = 0);
+      const L = 12 / d.value.uniqueColClassInEL;
+      s.includes(L) ? v.value = L : (i.push({
         value: 0,
-        name: y
-      }), h.value = 0), l = [...l], c = [...c], u = [...u], i = [...i];
+        name: C
+      }), v.value = 0), l = [...l], c = [...c], u = [...u], i = [...i];
     }
-    function x() {
-      n.forEach((y) => {
+    function F() {
+      n.forEach((C) => {
         l.push({
-          value: y,
-          name: y + ""
+          value: C,
+          name: C + ""
         });
-      }), o.forEach((y) => {
+      }), o.forEach((C) => {
         c.push({
-          value: y,
-          name: y + ""
+          value: C,
+          name: C + ""
         });
-      }), a.forEach((y) => {
+      }), a.forEach((C) => {
         u.push({
-          value: y,
-          name: y + ""
+          value: C,
+          name: C + ""
         });
-      }), s.forEach((y) => {
+      }), s.forEach((C) => {
         i.push({
-          value: y,
-          name: y + ""
+          value: C,
+          name: C + ""
         });
       });
     }
     function M() {
       Q.question("应用统一布局，将重置区域内部所有控件的宽度样式，确定应用?", "", () => {
-        d.value.uniqueColClassInSM = r.value === 0 ? null : 12 / r.value, d.value.uniqueColClassInMD = m.value === 0 ? null : 12 / m.value, d.value.uniqueColClassInLG = v.value === 0 ? null : 12 / v.value, d.value.uniqueColClassInEL = h.value === 0 ? null : 12 / h.value, e.emit("change", d.value);
+        d.value.uniqueColClassInSM = r.value === 0 ? null : 12 / r.value, d.value.uniqueColClassInMD = m.value === 0 ? null : 12 / m.value, d.value.uniqueColClassInLG = h.value === 0 ? null : 12 / h.value, d.value.uniqueColClassInEL = v.value === 0 ? null : 12 / v.value, e.emit("change", d.value);
       }, () => {
       });
     }
     return J(() => {
-      x(), g();
+      F(), b();
     }), () => f("div", null, [f("div", {
       class: "f-form-layout farris-form farris-form-controls-inline"
     }, [f("div", {
       class: "form-group farris-form-group screenGroup"
     }, [f("span", {
       class: "screenName"
-    }, [X(" 小屏幕 ")]), f("div", {
+    }, [Y(" 小屏幕 ")]), f("div", {
       class: "d-flex ml-2 screen-input"
     }, [f(oe, {
       data: l,
@@ -3679,14 +3687,14 @@ const ja = /* @__PURE__ */ H({
       editable: !1,
       enableClear: !1,
       modelValue: r.value,
-      "onUpdate:modelValue": (y) => r.value = y
+      "onUpdate:modelValue": (C) => r.value = C
     }, null), f("span", {
       class: "ml-2 columnText"
-    }, [X("列")])])]), f("div", {
+    }, [Y("列")])])]), f("div", {
       class: "form-group farris-form-group screenGroup"
     }, [f("span", {
       class: "screenName"
-    }, [X("中等屏幕")]), f("div", {
+    }, [Y("中等屏幕")]), f("div", {
       class: "d-flex ml-2 screen-input"
     }, [f(oe, {
       data: c,
@@ -3695,14 +3703,14 @@ const ja = /* @__PURE__ */ H({
       editable: !1,
       enableClear: !1,
       modelValue: m.value,
-      "onUpdate:modelValue": (y) => m.value = y
+      "onUpdate:modelValue": (C) => m.value = C
     }, null), f("span", {
       class: "ml-2 columnText"
-    }, [X("列")])])]), f("div", {
+    }, [Y("列")])])]), f("div", {
       class: "form-group farris-form-group screenGroup"
     }, [f("span", {
       class: "screenName"
-    }, [X("大屏幕")]), f("div", {
+    }, [Y("大屏幕")]), f("div", {
       class: "d-flex ml-2 screen-input"
     }, [f(oe, {
       data: u,
@@ -3710,15 +3718,15 @@ const ja = /* @__PURE__ */ H({
       valueField: "value",
       editable: !1,
       enableClear: !1,
-      modelValue: v.value,
-      "onUpdate:modelValue": (y) => v.value = y
+      modelValue: h.value,
+      "onUpdate:modelValue": (C) => h.value = C
     }, null), f("span", {
       class: "ml-2 columnText"
-    }, [X("列")])])]), f("div", {
+    }, [Y("列")])])]), f("div", {
       class: "form-group farris-form-group screenGroup"
     }, [f("span", {
       class: "screenName"
-    }, [X("极大屏幕")]), f("div", {
+    }, [Y("极大屏幕")]), f("div", {
       class: "d-flex ml-2 screen-input"
     }, [f(oe, {
       data: i,
@@ -3726,24 +3734,24 @@ const ja = /* @__PURE__ */ H({
       valueField: "value",
       editable: !1,
       enableClear: !1,
-      modelValue: h.value,
-      "onUpdate:modelValue": (y) => h.value = y
+      modelValue: v.value,
+      "onUpdate:modelValue": (C) => v.value = C
     }, null), f("span", {
       class: "ml-2 columnText"
-    }, [X("列")])])])]), f("div", {
+    }, [Y("列")])])])]), f("div", {
       class: "applyBtn"
     }, [f("button", {
       class: "btn f-rt-btn btn-primary",
       type: "button",
       onClick: () => M()
-    }, [X("应用")])])]);
+    }, [Y("应用")])])]);
   }
 }), ns = {
   install(t) {
     t.component(Ce.name, Ce).component(we.name, we);
   },
   register(t, e, n, o) {
-    t["form-group"] = we, e["form-group"] = Ve, t["response-form"] = Ce, e["response-form"] = Pe, t["form-input"] = ca, e["form-input"] = ua, o["form-group"] = { editorResolver: xo }, t["response-form-layout-setting"] = ja, e["response-form-layout-setting"] = Ca;
+    t["form-group"] = we, e["form-group"] = Ve, t["response-form"] = Ce, e["response-form"] = Pe, t["form-input"] = ca, e["form-input"] = ua, o["form-group"] = { editorResolver: Fo }, t["response-form-layout-setting"] = ja, e["response-form-layout-setting"] = Ca;
   },
   registerDesigner(t, e, n) {
     t["form-group"] = ia, e["form-group"] = Ve, t["response-form"] = Do, e["response-form"] = Pe;
@@ -3755,9 +3763,9 @@ export {
   Ce as FResponseForm,
   ns as default,
   le as dynamicFormGroupProps,
-  xo as editorResolver,
+  Fo as editorResolver,
   Ve as formGroupPropsResolver,
   Pe as formPropsResolver,
   He as responseFormProps,
-  Io as useDesignerRules
+  Eo as useDesignerRules
 };