@farris/ui-vue 1.3.1 → 1.3.3

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

@@ -1,163 +1,169 @@
 var kt = Object.defineProperty;
-var St = (e, t, n) => t in e ? kt(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
-var N = (e, t, n) => St(e, typeof t != "symbol" ? t + "" : t, n);
-import { defineComponent as Y, ref as d, computed as w, createVNode as f, nextTick as pe, inject as re, onMounted as Z, withDirectives as $e, resolveDirective as je, watch as U, createTextVNode as Q, reactive as _, Fragment as ie, mergeProps as ae, onUnmounted as ze, Teleport as It, Transition as Et, shallowRef as Lt, createApp as Dt, render as ye, h as Pt, cloneVNode as Vt } from "vue";
-import { isPlainObject as Pe, cloneDeep as Fe } from "lodash-es";
-import { DgControl as xe } from "../designer-canvas/index.esm.js";
-import "bignumber.js";
-import At, { useNumber as Rt, useFormat as Nt, useSpinner as Ot, useTextBox as $t } from "../number-spinner/index.esm.js";
-import jt from "../accordion/index.esm.js";
-import zt from "../avatar/index.esm.js";
-import qt from "../button-edit/index.esm.js";
-import Ut from "../button-group/index.esm.js";
-import Gt from "../calendar/index.esm.js";
-import Wt from "../capsule/index.esm.js";
-import Ht from "../checkbox/index.esm.js";
-import se from "../combo-list/index.esm.js";
-import Xt from "../combo-tree/index.esm.js";
-import Yt from "../component/index.esm.js";
-import Jt from "../color-picker/index.esm.js";
-import Qt from "../content-container/index.esm.js";
-import Zt from "../date-picker/index.esm.js";
-import Kt from "../data-grid/index.esm.js";
-import _t from "../dropdown/index.esm.js";
-import en from "../dynamic-form/index.esm.js";
-import tn from "../events-editor/index.esm.js";
-import nn from "../filter-bar/index.esm.js";
-import on from "../field-selector/index.esm.js";
-import an from "../image-cropper/index.esm.js";
-import ln from "../input-group/index.esm.js";
-import sn from "../layout/index.esm.js";
-import rn from "../list-nav/index.esm.js";
-import un from "../list-view/index.esm.js";
-import cn from "../lookup/index.esm.js";
-import dn from "../mapping-editor/index.esm.js";
-import pn from "../nav/index.esm.js";
-import mn from "../number-range/index.esm.js";
-import fn from "../order/index.esm.js";
-import vn from "../page-header/index.esm.js";
-import hn from "../page-footer/index.esm.js";
-import gn from "../pagination/index.esm.js";
-import yn from "../progress/index.esm.js";
-import Cn from "../query-solution/index.esm.js";
-import bn from "../radio-group/index.esm.js";
-import wn from "../rate/index.esm.js";
-import xn from "../response-toolbar/index.esm.js";
-import Mn from "../response-layout/index.esm.js";
-import Tn from "../response-layout-editor/index.esm.js";
-import Fn from "../search-box/index.esm.js";
-import Bn from "../section/index.esm.js";
-import kn from "../smoke-detector/index.esm.js";
-import Sn from "../splitter/index.esm.js";
-import In from "../step/index.esm.js";
-import En from "../switch/index.esm.js";
-import Ln from "../tabs/index.esm.js";
-import Dn from "../tags/index.esm.js";
-import Pn from "../text/index.esm.js";
-import Vn from "../time-picker/index.esm.js";
-import An from "../transfer/index.esm.js";
-import Rn from "../tree-view/index.esm.js";
-import Nn from "../uploader/index.esm.js";
-import On from "../verify-detail/index.esm.js";
-import $n from "../weather/index.esm.js";
-import jn from "../video/index.esm.js";
-import zn from "../textarea/index.esm.js";
-import qn from "../schema-selector/index.esm.js";
-import Un from "../tree-grid/index.esm.js";
+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";
+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";
+import At, { useNumber as $t, useFormat as Ut, useSpinner as jt, useTextBox as zt } from "../number-spinner/index.esm.js";
+import qt from "../accordion/index.esm.js";
+import Gt from "../avatar/index.esm.js";
+import Wt from "../button-edit/index.esm.js";
+import Ht from "../button-group/index.esm.js";
+import Xt from "../calendar/index.esm.js";
+import Yt from "../capsule/index.esm.js";
+import Jt from "../checkbox/index.esm.js";
+import oe from "../combo-list/index.esm.js";
+import Qt from "../combo-tree/index.esm.js";
+import Zt from "../component/index.esm.js";
+import _t from "../color-picker/index.esm.js";
+import Kt from "../content-container/index.esm.js";
+import en from "../date-picker/index.esm.js";
+import tn from "../data-grid/index.esm.js";
+import nn from "../dropdown/index.esm.js";
+import on from "../dynamic-form/index.esm.js";
+import an from "../events-editor/index.esm.js";
+import ln from "../filter-bar/index.esm.js";
+import sn from "../field-selector/index.esm.js";
+import rn from "../binding-selector/index.esm.js";
+import un from "../image-cropper/index.esm.js";
+import cn from "../input-group/index.esm.js";
+import dn from "../layout/index.esm.js";
+import pn from "../list-nav/index.esm.js";
+import mn from "../list-view/index.esm.js";
+import fn from "../lookup/index.esm.js";
+import vn from "../mapping-editor/index.esm.js";
+import hn from "../nav/index.esm.js";
+import yn from "../number-range/index.esm.js";
+import gn from "../order/index.esm.js";
+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 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 Sn from "../section/index.esm.js";
+import Ln from "../smoke-detector/index.esm.js";
+import Dn from "../splitter/index.esm.js";
+import Pn from "../step/index.esm.js";
+import Vn from "../switch/index.esm.js";
+import Rn from "../tabs/index.esm.js";
+import Nn from "../tags/index.esm.js";
+import On from "../text/index.esm.js";
+import An from "../time-picker/index.esm.js";
+import $n from "../transfer/index.esm.js";
+import Un from "../tree-view/index.esm.js";
+import jn from "../uploader/index.esm.js";
+import zn from "../verify-detail/index.esm.js";
+import qn from "../weather/index.esm.js";
+import Gn from "../video/index.esm.js";
+import Wn from "../textarea/index.esm.js";
+import Hn from "../schema-selector/index.esm.js";
+import Xn from "../tree-grid/index.esm.js";
+import Yn from "../event-parameter/index.esm.js";
 import "../external-container/index.esm.js";
-import { createPropsResolver as Gn } from "../dynamic-resolver/index.esm.js";
-const qe = {}, Ue = {};
-function Be(e) {
-  const { properties: t, title: n, ignore: o } = e, a = o && Array.isArray(o), s = Object.keys(t).reduce((l, c) => ((!a || !o.find((u) => u == c)) && (l[c] = t[c].type === "object" && t[c].properties ? Be(t[c]) : Fe(t[c].default)), l), {});
-  return n && (!a || !o.find((l) => l == "id")) && (s.id = `${n}-${Date.now()}`), s;
-}
-function ke(e, t = {}, n) {
-  const o = qe[e];
+import { createPropsResolver as Jn } from "../dynamic-resolver/index.esm.js";
+const ze = {}, qe = {};
+function Be(t) {
+  const { properties: e, title: n, ignore: o } = t, a = o && Array.isArray(o), s = Object.keys(e).reduce((l, c) => ((!a || !o.find((u) => u === c)) && (l[c] = e[c].type === "object" && e[c].properties ? Be(e[c]) : Te(e[c].default)), l), {});
+  if (n && (!a || !o.find((l) => l === "id"))) {
+    const l = n.toLowerCase().replace(/-/g, "_");
+    s.id = `${l}_${Math.random().toString().slice(2, 6)}`;
+  }
+  return s;
+}
+function ke(t, e = {}, n) {
+  const o = ze[t];
   if (o) {
     let a = Be(o);
-    const s = Ue[e];
-    return a = s ? s({ getSchemaByType: ke }, a, t, n) : a, a;
+    const s = qe[t];
+    return a = s ? s({ getSchemaByType: ke }, a, e, n) : a, a;
   }
   return null;
 }
-function Wn(e, t) {
-  const n = Be(t);
-  return Object.keys(e).reduce((o, a) => (o[a] && Pe(o[a]) && Pe(e[a]) ? Object.assign(o[a], e[a]) : o[a] = e[a], o), n), n;
+function Qn(t, e) {
+  const n = Be(e);
+  return Object.keys(n).reduce((o, a) => (o[a] && De(o[a]) && De(t[a] || !t[a]) ? Object.assign(o[a], t[a] || {}) : o[a] = t[a], o), n), n;
 }
-function Hn(e, t) {
-  return Object.keys(e).filter((o) => e[o] != null).reduce((o, a) => {
-    if (t.has(a)) {
-      const s = t.get(a);
+function Zn(t, e) {
+  return Object.keys(t).filter((o) => t[o] != null).reduce((o, a) => {
+    if (e.has(a)) {
+      const s = e.get(a);
       if (typeof s == "string")
-        o[s] = e[a];
+        o[s] = t[a];
       else {
-        const l = s(a, e[a], e);
+        const l = s(a, t[a], t);
         Object.assign(o, l);
       }
     } else
-      o[a] = e[a];
+      o[a] = t[a];
     return o;
   }, {});
 }
-function Xn(e, t, n = /* @__PURE__ */ new Map()) {
-  const o = Wn(e, t);
-  return Hn(o, n);
-}
-function Yn(e = {}) {
-  function t(r, p, i, m) {
-    if (typeof i == "number")
-      return m[r].length === i;
-    if (typeof i == "object") {
-      const h = Object.keys(i)[0], g = i[h];
-      if (h === "not")
-        return Number(m[r].length) !== Number(g);
-      if (h === "moreThan")
-        return Number(m[r].length) >= Number(g);
-      if (h === "lessThan")
-        return Number(m[r].length) <= Number(g);
+function _n(t, e, n = /* @__PURE__ */ new Map()) {
+  const o = Qn(t, e);
+  return Zn(o, n);
+}
+function Kn(t = {}) {
+  function e(i, d, r, m) {
+    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);
     }
     return !1;
   }
-  function n(r, p, i, m) {
-    return m[r] && m[r].propertyValue && String(m[r].propertyValue.value) === String(i);
+  function n(i, d, r, m) {
+    return m[i] && m[i].propertyValue && String(m[i].propertyValue.value) === String(r);
   }
   const o = /* @__PURE__ */ new Map([
-    ["length", t],
+    ["length", e],
     ["getProperty", n]
   ]);
-  Object.keys(e).reduce((r, p) => (r.set(p, e[p]), r), o);
-  function a(r, p) {
-    const i = r;
-    return typeof p == "number" ? [{ target: i, operator: "length", param: null, value: Number(p) }] : typeof p == "boolean" ? [{ target: i, operator: "getProperty", param: r, value: !!p }] : typeof p == "object" ? Object.keys(p).map((m) => {
+  Object.keys(t).reduce((i, d) => (i.set(d, t[d]), i), o);
+  function a(i, d) {
+    const r = i;
+    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: i, operator: "length", param: null, value: p[m] };
-      const h = m, g = p[m];
-      return { target: i, operator: "getProperty", param: h, value: g };
+        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 };
     }) : [];
   }
-  function s(r) {
-    return Object.keys(r).reduce((i, m) => {
-      const h = a(m, r[m]);
-      return i.push(...h), i;
+  function s(i) {
+    return Object.keys(i).reduce((r, m) => {
+      const v = a(m, i[m]);
+      return r.push(...v), r;
     }, []);
   }
-  function l(r, p) {
-    if (o.has(r.operator)) {
-      const i = o.get(r.operator);
-      return i && i(r.target, r.param, r.value, p) || !1;
+  function l(i, d) {
+    if (o.has(i.operator)) {
+      const r = o.get(i.operator);
+      return r && r(i.target, i.param, i.value, d) || !1;
     }
     return !1;
   }
-  function c(r, p) {
-    return s(r).reduce((h, g) => h && l(g, p), !0);
+  function c(i, d) {
+    return s(i).reduce((v, h) => v && l(h, d), !0);
   }
-  function u(r, p) {
-    const i = Object.keys(r), m = i.includes("allOf"), h = i.includes("anyOf"), g = m || h, C = (g ? r[g ? m ? "allOf" : "anyOf" : "allOf"] : [r]).map((T) => c(T, p));
-    return m ? !C.includes(!1) : C.includes(!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));
+    return m ? !M.includes(!1) : M.includes(!0);
   }
   return { parseValueSchema: u };
 }
-const A = {
+const V = {
   button: { type: "button", name: "按钮", icon: "Button" },
   "response-toolbar": { type: "response-toolbar", name: "工具栏", icon: "ButtonGroup" },
   "response-toolbar-item": { type: "response-toolbar-item", name: "按钮", icon: "Button" },
@@ -195,59 +201,60 @@ const A = {
   "page-header": { type: "page-header", name: "页头", icon: "Header" },
   "page-footer": { type: "page-footer", name: "页脚", icon: "ModalFooter" },
   "tab-toolbar": { type: "tab-toolbar", name: "标签页工具栏", icon: "TabToolbar" },
-  fieldset: { type: "fieldset", name: "分组", icon: "fieldset" }
-}, Ge = {}, Jn = {};
-Yn();
-function fe(e, t, n = /* @__PURE__ */ new Map(), o = (l, c, u) => c, a = {}, s = (l) => l) {
-  return qe[t.title] = t, Ue[t.title] = o, Ge[t.title] = a, Jn[t.title] = s, (l = {}) => {
-    const c = Xn(l, t, n), u = Object.keys(e).reduce((r, p) => (r[p] = e[p].default, r), {});
+  fieldset: { type: "fieldset", name: "分组", icon: "fieldset" },
+  "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) {
+  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);
   };
 }
-function We(e, t) {
-  return { customClass: t.class, customStyle: t.style };
+function We(t, e) {
+  return { customClass: e.class, customStyle: e.style };
 }
-function Qn() {
-  function e(t) {
-    return t.editor;
+function to() {
+  function t(e) {
+    return e.editor;
   }
   return {
-    resolve: e
+    resolve: t
   };
 }
-const Se = /* @__PURE__ */ new Map([
+const Ee = /* @__PURE__ */ new Map([
   ["appearance", We]
-]), Zn = /* @__PURE__ */ new Map([]);
-var Me = /* @__PURE__ */ ((e) => (e.String = "String", e.DateTime = "DateTime", e.Date = "Date", e.Enum = "Enum", e.Boolean = "Boolean", e.Number = "Number", e.Text = "Text", e.BigNumber = "BigNumber", e))(Me || {});
-const Kn = "root-viewmodel";
-class _n {
-  constructor(t, n) {
+]), 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 || {});
+const oo = "root-viewmodel";
+class ao {
+  constructor(e, n) {
     N(this, "formSchemaUtils");
     N(this, "controlCreatorUtils");
     N(this, "designViewModelUtils");
-    this.resolver = t, this.designerHostService = n, this.formSchemaUtils = this.designerHostService.formSchemaUtils, this.controlCreatorUtils = this.designerHostService.controlCreatorUtils, this.designViewModelUtils = this.designerHostService.designViewModelUtils;
+    this.resolver = e, this.designerHostService = n, this.formSchemaUtils = this.designerHostService.formSchemaUtils, this.controlCreatorUtils = this.designerHostService.controlCreatorUtils, this.designViewModelUtils = this.designerHostService.designViewModelUtils;
   }
-  createComponent(t) {
-    const n = this.createComponentRefNode(t), o = this.createComponentNode(t), a = this.createViewModeNode(t), s = this.formSchemaUtils.getFormSchema();
+  createComponent(e) {
+    const n = this.createComponentRefNode(e), o = this.createComponentNode(e), a = this.createViewModeNode(e), s = this.formSchemaUtils.getFormSchema();
     return s.module.viewmodels.push(a), s.module.components.push(o), this.designViewModelUtils.assembleDesignViewModel(), n;
   }
-  createComponentRefNode(t) {
+  createComponentRefNode(e) {
     const n = this.resolver.getSchemaByType("component-ref");
     return Object.assign(n, {
-      id: `${t.componentId}-component-ref`,
-      component: `${t.componentId}-component`
+      id: `${e.componentId}-component-ref`,
+      component: `${e.componentId}-component`
     }), n;
   }
-  createComponentNode(t) {
-    const n = this.resolver.getSchemaByType("component"), o = this.createFormComponentContents(t);
+  createComponentNode(e) {
+    const n = this.resolver.getSchemaByType("component"), o = this.createFormComponentContents(e);
     return Object.assign(n, {
-      id: `${t.componentId}-component`,
-      viewModel: `${t.componentId}-component-viewmodel`,
-      componentType: t.componentType,
+      id: `${e.componentId}-component`,
+      viewModel: `${e.componentId}-component-viewmodel`,
+      componentType: e.componentType,
       appearance: {
         class: this.getFormComponentClass()
       },
-      formColumns: t.formColumns,
+      formColumns: e.formColumns,
       contents: o
     }), n;
   }
@@ -255,34 +262,37 @@ class _n {
    * 获取卡片组件层级的class样式
    */
   getFormComponentClass() {
-    return this.formSchemaUtils.getFormSchema().module.templateId === "double-list-in-tab-template" ? "f-struct-wrapper f-utils-fill-flex-column" : "f-struct-wrapper";
+    const { templateId: e } = this.formSchemaUtils.getFormSchema().module;
+    return e === "double-list-in-tab-template" ? "f-struct-wrapper f-utils-fill-flex-column" : "f-struct-wrapper";
   }
-  createFormComponentContents(t) {
+  createFormComponentContents(e) {
     const n = this.resolver.getSchemaByType("section");
     Object.assign(n, {
-      id: t.componentId + "-form-section",
+      id: e.componentId + "-form-section",
       appearance: {
         class: "f-section-form f-section-in-mainsubcard"
       },
-      mainTitle: t.componentName
+      mainTitle: e.componentName
     });
     const o = this.resolver.getSchemaByType("response-form"), a = [];
     Object.assign(o, {
-      id: t.componentId + "-form",
+      id: e.componentId + "-form",
       appearance: {
         class: "f-form-layout farris-form farris-form-controls-inline"
       },
       contents: a
     }), n.contents = [o];
-    const { selectedFields: s } = t;
-    return s == null || s.forEach((c) => {
-      const u = Fe(c), r = this.resolveControlClassByFormColumns(t), p = this.controlCreatorUtils.setFormFieldProperty(u, "", r);
-      p && a.push(p);
-    }), this.formSchemaUtils.getFormSchema().module.templateId === "double-list-in-tab-template" && (n.appearance.class = "f-section-grid f-section-in-main px-0 pt-0", n.fill = !0), [n];
+    const { selectedFields: s } = e;
+    s == null || s.forEach((c) => {
+      const u = Te(c), i = this.resolveControlClassByFormColumns(e), d = this.controlCreatorUtils.setFormFieldProperty(u, "", i);
+      d && a.push(d);
+    });
+    const { templateId: l } = this.formSchemaUtils.getFormSchema().module;
+    return l === "double-list-in-tab-template" && (n.appearance.class = "f-section-grid f-section-in-main px-0 pt-0", n.fill = !0), [n];
   }
-  resolveControlClassByFormColumns(t) {
+  resolveControlClassByFormColumns(e) {
     let n = "";
-    switch (t.formColumns) {
+    switch (e.formColumns) {
       case 1: {
         n = "col-12";
         break;
@@ -305,31 +315,28 @@ class _n {
   /**
    * 添加viewModel节点
    */
-  createViewModeNode(t) {
+  createViewModeNode(e) {
     return {
-      id: `${t.componentId}-component-viewmodel`,
-      code: `${t.componentId}-component-viewmodel`,
-      name: t.componentName,
-      bindTo: t.bindTo,
-      parent: Kn,
-      fields: this.assembleViewModelFields(t),
+      id: `${e.componentId}-component-viewmodel`,
+      code: `${e.componentId}-component-viewmodel`,
+      name: e.componentName,
+      bindTo: e.bindTo,
+      parent: oo,
+      fields: this.assembleViewModelFields(e),
       commands: [],
       states: [],
-      enableValidation: !0,
-      pagination: {
-        enable: !1
-      }
+      enableValidation: !0
     };
   }
   /**
    * 组装viewModel fields 节点
    */
-  assembleViewModelFields(t) {
-    const n = [], { selectedFields: o } = t;
+  assembleViewModelFields(e) {
+    const n = [], { selectedFields: o } = e;
     return o == null || o.forEach((a) => {
       let s = "blur";
       const l = a.type.name;
-      (l === Me.Enum || l === Me.Boolean) && (s = "change"), n.push({
+      (l === xe.Enum || l === xe.Boolean) && (s = "change"), n.push({
         type: "Form",
         id: a.id,
         fieldName: a.bindingField,
@@ -341,26 +348,26 @@ class _n {
     }), n;
   }
 }
-function eo(e, t, n, o) {
-  var s;
+function lo(t, e, n, o) {
+  var s, l, c, u;
   const a = n.parentComponentInstance;
-  if (a) {
-    const l = (s = a.schema) == null ? void 0 : s.type, u = {
+  if (a && o) {
+    const i = (s = a.schema) == null ? void 0 : s.type, r = {
       componentId: `form-${Math.random().toString(36).slice(2, 6)}`,
-      componentName: "标题",
+      componentName: ((c = (l = n.bindingSourceContext) == null ? void 0 : l.bindingEntity) == null ? void 0 : c.name) || "标题",
       componentType: "form",
-      formColumns: l === "splitter-pane" ? 1 : 4,
+      formColumns: i === "splitter-pane" ? 1 : 4,
       parentContainerId: a.schema.id,
-      bindTo: "/"
+      bindTo: ((u = n.bindingSourceContext) == null ? void 0 : u.bindTo) || "/"
     };
-    return new _n(e, o).createComponent(u);
+    return new ao(t, o).createComponent(r);
   } else
-    return t;
+    return e;
 }
-function to(e, t, n) {
-  return t;
+function so(t, e, n) {
+  return e;
 }
-const no = "https://json-schema.org/draft/2020-12/schema", oo = "https://farris-design.gitee.io/response-form.schema.json", ao = "response-form", lo = "A Farris Data Collection Component", so = "object", ro = {
+const ro = "https://json-schema.org/draft/2020-12/schema", io = "https://farris-design.gitee.io/response-form.schema.json", uo = "response-form", co = "A Farris Data Collection Component", po = "object", mo = {
   id: {
     description: "The unique identifier for a form group",
     type: "string"
@@ -388,36 +395,38 @@ const no = "https://json-schema.org/draft/2020-12/schema", oo = "https://farris-
     type: "array",
     default: []
   }
-}, io = [
+}, fo = [
   "id",
   "type"
-], uo = {
-  $schema: no,
-  $id: oo,
-  title: ao,
-  description: lo,
-  type: so,
-  properties: ro,
-  required: io
+], vo = {
+  $schema: ro,
+  $id: io,
+  title: uo,
+  description: co,
+  type: po,
+  properties: mo,
+  required: fo
 }, He = {
-  customClass: { type: String, default: "" }
-}, Ve = fe(He, uo, Se, eo), Ce = /* @__PURE__ */ Y({
+  customClass: { type: String, default: "" },
+  customStyle: { type: String, defaut: "" }
+}, Pe = de(He, vo, Ee, lo), Ce = /* @__PURE__ */ H({
   name: "FResponseForm",
   props: He,
   emits: [],
-  setup(e, t) {
-    const n = d(), o = w(() => {
-      const a = e.customClass.split(" "), s = {
+  setup(t, e) {
+    const n = p(), o = L(() => {
+      const a = t.customClass.split(" "), s = {
         "drag-container": !0
       };
       return a.reduce((l, c) => (l[c] = !0, l), s), s;
     });
     return () => f("div", {
       ref: n,
-      class: o.value
-    }, [t.slots.default && t.slots.default()]);
+      class: o.value,
+      style: t.customStyle
+    }, [e.slots.default && e.slots.default()]);
   }
-}), co = "https://json-schema.org/draft/2020-12/schema", po = "https://farris-design.gitee.io/form-group.schema.json", mo = "form-group", fo = "A Farris Input Component", vo = "object", ho = {
+}), ho = "https://json-schema.org/draft/2020-12/schema", yo = "https://farris-design.gitee.io/form-group.schema.json", go = "form-group", Co = "A Farris Input Component", bo = "object", wo = {
   id: {
     description: "The unique identifier for a form group",
     type: "string"
@@ -457,21 +466,27 @@ const no = "https://json-schema.org/draft/2020-12/schema", oo = "https://farris-
   lableWidth: {
     description: "",
     type: "number"
+  },
+  binding: {
+    description: "",
+    type: "object",
+    default: {}
   }
-}, go = [
+}, Mo = [
   "id",
   "type"
 ], Xe = {
-  $schema: co,
-  $id: po,
-  title: mo,
-  description: fo,
-  type: vo,
-  properties: ho,
-  required: go
-}, ue = {
+  $schema: ho,
+  $id: yo,
+  title: go,
+  description: Co,
+  type: bo,
+  properties: wo,
+  required: Mo
+}, le = {
   id: { type: String, default: "" },
   customClass: { type: String, default: "" },
+  customStyle: { type: String, default: "" },
   /** 筛选组件配置器，具体配置项可查看各组件文档 */
   editor: { type: Object, default: {} },
   label: { type: String, default: "" },
@@ -482,138 +497,143 @@ const no = "https://json-schema.org/draft/2020-12/schema", oo = "https://farris-
   required: { type: Boolean, default: !1 },
   showLabel: { type: Boolean, default: !0 },
   type: { type: String, default: "input-group" }
-}, Ae = fe(
-  ue,
+}, Ve = de(
+  le,
   Xe,
-  Se,
+  Ee,
   void 0
-), yo = Qn();
-function Ie(e, t, n) {
-  var B;
-  function o() {
-    n != null && n.resolveComponentContext && n.resolveComponentContext();
+), xo = to();
+function Ye(t, e, n) {
+  var b;
+  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;
   }
-  o();
-  const a = n && n.getStyles && n.getStyles() || "", s = n && n.getDesignerClass && n.getDesignerClass() || "", l = d();
   function c() {
-    return (t == null ? void 0 : t.schema.componentType) === "frame" ? !1 : n && n.checkCanMoveComponent ? n.checkCanMoveComponent() : !0;
-  }
-  function u() {
     return !1;
   }
-  function r() {
-    return (t == null ? void 0 : t.schema.componentType) === "frame" ? !1 : n && n.checkCanDeleteComponent ? n.checkCanDeleteComponent() : !0;
+  function u() {
+    return (e == null ? void 0 : e.schema.componentType) === "frame" ? !1 : n && n.checkCanDeleteComponent ? n.checkCanDeleteComponent() : !0;
   }
-  function p() {
-    return (t == null ? void 0 : t.schema.componentType) === "frame" ? !0 : n && n.hideNestedPaddingInDesginerView ? n.hideNestedPaddingInDesginerView() : !1;
+  function i() {
+    return (e == null ? void 0 : e.schema.componentType) === "frame" ? !0 : n && n.hideNestedPaddingInDesginerView ? n.hideNestedPaddingInDesginerView() : !1;
   }
-  function i(F) {
-    if (!F || !F.value)
+  function d(w) {
+    if (!w || !w.value)
       return null;
-    if (F.value.schema && F.value.schema.type === "component")
-      return F.value;
-    const V = d(F == null ? void 0 : F.value.parent), b = i(V);
-    return b || 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;
   }
-  function m(F = t) {
-    const { componentInstance: V, designerItemElementRef: b } = F;
-    return !V || !V.value ? null : V.value.canMove ? b : m(F.parent);
+  function r(w = e) {
+    const { componentInstance: R, designerItemElementRef: C } = w;
+    return !R || !R.value ? null : R.value.canMove ? C : r(w.parent);
   }
-  function h(F) {
-    return !!n && n.canAccepts(F);
+  function m(w) {
+    return !!n && n.canAccepts(w);
   }
-  function g() {
-    return (t == null ? void 0 : t.schema.label) || (t == null ? void 0 : t.schema.title) || (t == null ? void 0 : t.schema.name);
+  function v() {
+    return (e == null ? void 0 : e.schema.label) || (e == null ? void 0 : e.schema.title) || (e == null ? void 0 : e.schema.name);
   }
-  function y() {
+  function h() {
   }
-  function x(F, V) {
-    V && n != null && n.onAcceptMovedChildElement && n.onAcceptMovedChildElement(V);
+  function g(w, R) {
+    R && n != null && n.onAcceptMovedChildElement && n.onAcceptMovedChildElement(R);
   }
-  function C(F, V) {
-    const { componentType: b } = F;
-    let D = ke(b, F, V);
-    n && n.onResolveNewComponentSchema && (D = n.onResolveNewComponentSchema(F, D));
-    const j = b.toLowerCase().replace("-", "_");
-    return D && !D.id && D.type === b && (D.id = `${j}_${Math.random().toString().slice(2, 6)}`), D;
+  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 v(F) {
+  function M(w) {
   }
-  function T(...F) {
+  function y(...w) {
     if (n && n.getPropsConfig)
-      return n.getPropsConfig(...F);
-  }
-  return l.value = {
-    canMove: c(),
-    canSelectParent: u(),
-    canDelete: r(),
-    canNested: !p(),
-    contents: t == null ? void 0 : t.schema.contents,
-    elementRef: e,
-    parent: (B = t == null ? void 0 : t.parent) == null ? void 0 : B.componentInstance,
-    schema: t == null ? void 0 : t.schema,
-    styles: a,
-    designerClass: s,
-    canAccepts: h,
-    getBelongedComponentInstance: i,
-    getDraggableDesignItemElement: m,
-    getDraggingDisplayText: g,
-    getPropConfig: T,
-    getDragScopeElement: y,
-    onAcceptMovedChildElement: x,
-    onChildElementMovedOut: v,
-    addNewChildComponentSchema: C,
-    updateDragAndDropRules: o,
-    triggerBelongedComponentToMoveWhenMoved: !!n && n.triggerBelongedComponentToMoveWhenMoved || d(!1),
-    triggerBelongedComponentToDeleteWhenDeleted: !!n && n.triggerBelongedComponentToDeleteWhenDeleted || d(!1)
-  }, l;
-}
-function Co() {
-  function e(t, n) {
+      return n.getPropsConfig(...w);
+  }
+  function F() {
+    n && n.onRemoveComponent && n.onRemoveComponent(), e != null && e.schema.contents && e.schema.contents.map((w) => {
+      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();
+    });
+  }
+  return s.value = {
+    canMove: l(),
+    canSelectParent: c(),
+    canDelete: u(),
+    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,
+    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,
+    onChildElementMovedOut: M,
+    addNewChildComponentSchema: x,
+    triggerBelongedComponentToMoveWhenMoved: !!n && n.triggerBelongedComponentToMoveWhenMoved || p(!1),
+    triggerBelongedComponentToDeleteWhenDeleted: !!n && n.triggerBelongedComponentToDeleteWhenDeleted || p(!1),
+    onRemoveComponent: F
+  }, s;
+}
+function Fo() {
+  function t(e, n) {
     var l;
-    if (!t)
+    if (!e)
       return !1;
-    const o = ((l = t.targetContainer) == null ? void 0 : l.componentInstance) && t.targetContainer.componentInstance.value;
+    const o = ((l = e.targetContainer) == null ? void 0 : l.componentInstance) && e.targetContainer.componentInstance.value;
     if (!o)
       return !1;
     const a = o.schema.type, s = n == null ? void 0 : n.formSchemaUtils.getComponentById(o.belongedComponentId);
-    return !((t.controlCategory === "input" || t.controlType === "form-group") && ![A["response-layout-item"].type, A["response-form"].type].includes(a) || (t.controlType === A.tabs.type || t.controlType === A.section.type) && ((s == null ? void 0 : s.componentType) !== "frame" || ![A["content-container"].type, A["splitter-pane"].type, A["response-layout-item"].type].includes(a)));
+    return !((e.componentCategory === "input" || e.componentType === "form-group") && ![V["response-layout-item"].type, V["response-form"].type].includes(a) || (e.componentType === V.tabs.type || e.componentType === V.section.type) && ((s == null ? void 0 : s.componentType) !== "frame" || ![V["content-container"].type, V["splitter-pane"].type, V["response-layout-item"].type].includes(a)));
   }
   return {
-    basalDragulaRuleForContainer: e
+    basalDragulaRuleForContainer: t
   };
 }
-class bo {
-  getTemplateRule(t, n) {
+class To {
+  getTemplateRule(e, n) {
     const o = n == null ? void 0 : n.formSchemaUtils, a = o == null ? void 0 : o.getFormTemplateRule(), s = { canAccept: !0, canDelete: !0, canMove: !0 };
     if (!a)
       return s;
-    const l = this.getComponentContext(t);
-    return l.componentClassList.forEach((u) => {
+    const l = this.getComponentContext(e), { componentClassList: c } = l;
+    return c.forEach((u) => {
       if (!u || !a[u])
         return;
-      const { canMove: r, canDelete: p, canAccept: i } = a[u];
-      s.canMove = s.canMove && this.resolveRuleValue(r, l), s.canDelete = s.canDelete && this.resolveRuleValue(p, l), s.canAccept = s.canAccept && this.resolveRuleValue(i, l);
+      const { canMove: i, canDelete: d, canAccept: r } = a[u];
+      s.canMove = s.canMove && this.resolveRuleValue(i, l), s.canDelete = s.canDelete && this.resolveRuleValue(d, l), s.canAccept = s.canAccept && this.resolveRuleValue(r, l);
     }), s;
   }
-  resolveRuleValue(t, n) {
-    return typeof t == "boolean" ? t : this.parseRuleValueSchema(t, n);
+  resolveRuleValue(e, n) {
+    return typeof e == "boolean" ? e : this.parseRuleValueSchema(e, n);
   }
-  parseRuleValueSchema(t, n) {
-    const o = t.invalidContext || [];
+  parseRuleValueSchema(e, n) {
+    const o = e.invalidContext || [];
     let a = !0;
     for (const s of o) {
       if (s.firstLevelChild) {
         if (s.firstLevelChild.class) {
-          const l = n.firstLevelChildClassList;
+          const { firstLevelChildClassList: l } = n;
           if (l && !l.includes(s.firstLevelChild.class)) {
             a = !1;
             continue;
           }
         }
         if (s.firstLevelChild.type) {
-          const l = n.firstLevelChildSchema;
-          if (l && l.type !== s.firstLevelChild.type) {
+          const { firstLevelChildSchema: l } = n;
+          if (!l || l.type !== s.firstLevelChild.type) {
             a = !1;
             continue;
           }
@@ -621,15 +641,15 @@ class bo {
       }
       if (s.secondLevelChild) {
         if (s.secondLevelChild.class) {
-          const l = n.secondLevelChildClassList;
+          const { secondLevelChildClassList: l } = n;
           if (l && !l.includes(s.secondLevelChild.class)) {
             a = !1;
             continue;
           }
         }
         if (s.secondLevelChild.type) {
-          const l = n.secondLevelChildSchema;
-          if (l && l.type !== s.secondLevelChild.type) {
+          const { secondLevelChildSchema: l } = n;
+          if (!l || l.type !== s.secondLevelChild.type) {
             a = !1;
             continue;
           }
@@ -637,14 +657,14 @@ class bo {
       }
       if (s.parent) {
         if (s.parent.class) {
-          const l = n.parentClassList;
+          const { parentClassList: l } = n;
           if (l && !l.includes(s.parent.class)) {
             a = !1;
             continue;
           }
         }
         if (s.parent.type) {
-          const l = n.parentSchema;
+          const { parentSchema: l } = n;
           if (l && l.type !== s.parent.type) {
             a = !1;
             continue;
@@ -656,9 +676,9 @@ class bo {
     }
     return !a;
   }
-  getComponentContext(t) {
-    var y, x, C, v;
-    const n = t.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(" ") : [], r = (y = l == null ? void 0 : l.contents) != null && y.length ? l == null ? void 0 : l.contents[0] : null, p = r && r.appearance ? r.appearance.class : "", i = p ? p.split(" ") : [], m = n.type === "component" ? (C = (x = t.parent) == null ? void 0 : x.parent) == null ? void 0 : C.schema : (v = t.parent) == null ? void 0 : v.schema, h = m && m.appearance && m.appearance.class || "", g = h ? h.split(" ") : [];
+  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(" ") : [];
     return {
       componentClass: o,
       componentClassList: a,
@@ -666,17 +686,17 @@ class bo {
       firstLevelChildSchema: l,
       firstLevelChildClass: c,
       firstLevelChildClassList: u,
-      secondLevelChildSchema: r,
-      secondLevelChildClass: p,
-      secondLevelChildClassList: i,
+      secondLevelChildSchema: i,
+      secondLevelChildClass: d,
+      secondLevelChildClassList: r,
       parentSchema: m,
-      parentClass: h,
-      parentClassList: g
+      parentClass: v,
+      parentClassList: h
     };
   }
 }
-class Ye {
-  constructor(t, n) {
+class Je {
+  constructor(e, n) {
     N(this, "componentId");
     N(this, "viewModelId");
     N(this, "eventsEditorUtils");
@@ -693,25 +713,26 @@ class Ye {
       categories: {}
     });
     var o;
-    this.componentId = t, this.designerHostService = n, this.eventsEditorUtils = n.eventsEditorUtils, this.formSchemaUtils = n.formSchemaUtils, this.formMetadataConverter = n.formMetadataConverter, this.viewModelId = ((o = this.formSchemaUtils) == null ? void 0 : o.getViewModelIdByComponentId(t)) || "", this.designViewModelUtils = n.designViewModelUtils, this.controlCreatorUtils = n.controlCreatorUtils, this.metadataService = n.metadataService, this.schemaService = n.schemaService;
+    this.componentId = e, this.designerHostService = n, this.eventsEditorUtils = n.eventsEditorUtils, this.formSchemaUtils = n.formSchemaUtils, this.formMetadataConverter = n.formMetadataConverter, this.viewModelId = ((o = this.formSchemaUtils) == null ? void 0 : o.getViewModelIdByComponentId(e)) || "", this.designViewModelUtils = n.designViewModelUtils, this.controlCreatorUtils = n.controlCreatorUtils, this.metadataService = n.metadataService, this.schemaService = n.schemaService;
   }
   getTableInfo() {
-    var t;
-    return (t = this.schemaService) == null ? void 0 : t.getTableInfoByViewModelId(this.viewModelId);
+    var e;
+    return (e = this.schemaService) == null ? void 0 : e.getTableInfoByViewModelId(this.viewModelId);
   }
-  setDesignViewModelField(t) {
-    const n = t.binding && t.binding.type === "Form" && t.binding.field;
+  setDesignViewModelField(e) {
+    var o;
+    const n = e.binding && e.binding.type === "Form" && e.binding.field;
     if (n) {
       if (!this.designViewModelField) {
-        const o = this.designViewModelUtils.getDgViewModel(this.viewModelId);
-        this.designViewModelField = o.fields.find((a) => a.id === n);
+        const a = this.designViewModelUtils.getDgViewModel(this.viewModelId);
+        this.designViewModelField = a.fields.find((s) => s.id === n);
       }
-      t.updateOn = this.designViewModelField.updateOn;
+      e.updateOn = (o = this.designViewModelField) == null ? void 0 : o.updateOn;
     }
   }
-  changeFieldEditorType(t, n) {
+  changeFieldEditorType(e, n) {
   }
-  getBasicPropConfig(t) {
+  getBasicPropConfig(e) {
     return {
       description: "Basic Information",
       title: "基本信息",
@@ -730,13 +751,13 @@ class Ye {
             type: "combo-list",
             textField: "name",
             valueField: "value",
-            data: [{ value: t.type, name: A[t.type].name }]
+            data: [{ value: e.type, name: V[e.type].name }]
           }
         }
       }
     };
   }
-  getAppearanceConfig(t = null) {
+  getAppearanceConfig(e = null) {
     return {
       title: "样式",
       description: "Appearance",
@@ -762,15 +783,15 @@ class Ye {
   * @param componentInstance 
   * @returns 
   */
-  updateElementByParentContainer(t, n) {
+  updateElementByParentContainer(e, n) {
     const o = n && n.parent && n.parent.schema;
     if (!o)
       return;
-    const a = o.contents.findIndex((l) => l.id === t), s = Fe(o.contents[a]);
+    const a = o.contents.findIndex((l) => l.id === e), s = Te(o.contents[a]);
     o.contents.splice(a, 1), o.contents.splice(a, 0, s);
   }
 }
-class wo {
+class Bo {
   constructor() {
     /** 控件标题 */
     N(this, "label", "");
@@ -800,137 +821,139 @@ class wo {
     N(this, "fieldSetId", "");
   }
 }
-function Je(e) {
-  let t, n;
+function Qe(t) {
+  let e, n;
   const o = /* @__PURE__ */ new Map();
   let a = [];
-  function s(p, i) {
-    const h = p.split(" ").filter((v) => v.startsWith("col-"));
-    if (h.length === 0) {
-      i.isSupportedClass = !1;
+  function s(d, r) {
+    const v = d.split(" ").filter((y) => y.startsWith("col-"));
+    if (v.length === 0) {
+      r.isSupportedClass = !1;
       return;
     }
-    let g = h.find((v) => /^col-([1-9]|10|11|12)$/.test(v)), y = h.find((v) => /^col-md-([1-9]|10|11|12)$/.test(v)), x = h.find((v) => /^col-xl-([1-9]|10|11|12)$/.test(v)), C = h.find((v) => /^col-el-([1-9]|10|11|12)$/.test(v));
-    g = g || "col-12", i.columnInSM = parseInt(g.replace("col-", ""), 10), i.displayWidthInSM = i.columnInSM / 12, i.displayWidthInSM !== 1 && (i.isSupportedClass = !1), y = y || "col-md-" + i.columnInSM, i.columnInMD = parseInt(y.replace("col-md-", ""), 10), i.displayWidthInMD = i.columnInMD / 6, [1, 2].includes(i.displayWidthInMD) || (i.isSupportedClass = !1), x = x || "col-xl-" + i.columnInMD, i.columnInLG = parseInt(x.replace("col-xl-", ""), 10), i.displayWidthInLG = i.columnInLG / 3, [1, 2, 3, 4].includes(i.displayWidthInLG) || (i.isSupportedClass = !1), C = C || "col-el-" + i.columnInLG, i.columnInEL = parseInt(C.replace("col-el-", ""), 10), i.displayWidthInEL = i.columnInEL / 2, [1, 2, 3, 4, 5, 6].includes(i.displayWidthInEL) || (i.isSupportedClass = !1);
-  }
-  function l(p, i, m, h = !1) {
-    let g = !1;
-    p.contents.forEach((y) => {
-      if (y.type === "fieldset") {
-        m += 1, l(y, i, m, !0), g = !0;
+    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;
         return;
       }
-      g && (m += 1, g = !1);
-      const x = y.appearance && y.appearance.class, C = new wo();
-      x ? s(x, C) : C.isSupportedClass = !1, C.label = y.label || y.id, C.id = y.id, C.group = m, h && (C.fieldSetId = p.id), n === y.id && (t = m), o.set(y.id, y), i.push(C);
+      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);
     });
   }
-  function c(p) {
-    const i = e.getComponentById(p);
-    if (!i || !i.componentType || !i.componentType.startsWith("form"))
+  function c(d) {
+    const r = t.getComponentById(d);
+    if (!r || !r.componentType || !r.componentType.startsWith("form"))
       return { result: !1, message: "只可以在响应式表单组件中调整响应式布局配置" };
-    const m = e.selectNode(i, (h) => h.type === xe["response-form"].type);
+    const m = t.selectNode(r, (v) => v.type === Me["response-form"].type);
     return !m || !m.contents || m.contents.length === 0 ? { result: !1, message: "Form区域内没有控件，请先添加控件" } : { result: !0, message: "", formNode: m };
   }
-  function u(p, i) {
-    i = i || p.id;
-    const { result: m, message: h, formNode: g } = c(i);
+  function u(d, r) {
+    r = r || d.id;
+    const { result: m, message: v, formNode: h } = c(r);
     if (!m)
-      return { result: m, message: h };
-    n = p.id, a = [], o.clear();
-    const y = g.contents[0].type === xe.fieldset.type ? 0 : 1;
-    l(g, a, y);
-    const x = a.find((v) => !v.isSupportedClass);
+      return { result: m, message: v };
+    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);
     return {
       defaultState: {
-        defaultGroupNumber: t || 1,
+        defaultGroupNumber: e || 1,
         model: x ? "customize" : "standard"
       },
       importData: a
     };
   }
-  function r(p, i) {
-    i = i;
-    const { result: m, formNode: h } = c(i);
+  function i(d, r) {
+    r = r;
+    const { result: m, formNode: v } = c(r);
     if (!m)
       return "";
-    const g = [];
-    return p.forEach((y) => {
-      var v;
-      const x = o.get(y.id), C = x.appearance && x.appearance.class;
-      if (C) {
-        const B = C.split(" ").filter((q) => !q.startsWith("col-")), F = "col-" + y.columnInSM, V = "col-md-" + y.columnInMD, b = "col-xl-" + y.columnInLG, D = "col-el-" + y.columnInEL, j = [F, V, b, D].concat(B);
-        x.appearance.class = j.join(" ");
+    const h = [];
+    return d.forEach((g) => {
+      var y;
+      const x = o.get(g.id), M = x.appearance && x.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(" ");
       }
-      if (y.fieldSetId) {
-        const T = h.contents.find((F) => F.id === y.fieldSetId), B = g.find((F) => F.id === y.fieldSetId);
-        B ? (v = B.contents) == null || v.push(x) : (g.push(T), T.contents = [x]);
+      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]);
       } else
-        g.push(x);
-    }), h.contents = g, h.id;
+        h.push(x);
+    }), v.contents = h, v.id;
   }
   return {
     checkCanFindFormNode: c,
     checkCanOpenLayoutEditor: u,
-    changeFormControlsByResponseLayoutConfig: r,
+    changeFormControlsByResponseLayoutConfig: i,
     getResonseFormLayoutConfig: l
   };
 }
-function xo(e, t) {
-  function n(u, r = null) {
-    if (r) return r;
-    const p = e.getComponentById(t);
-    return e.selectNode(p, (i) => i.id === u);
-  }
-  function o(u) {
-    const r = e.getComponentById(u);
-    return !(!r || !r.componentType || !r.componentType.startsWith("form"));
-  }
-  function a(u) {
-    const r = n(u.id), p = Je(e), i = [];
-    p.getResonseFormLayoutConfig(r, i, 1);
-    const m = i.map((B) => B.columnInSM), h = i.map((B) => B.columnInMD), g = i.map((B) => B.columnInLG), y = i.map((B) => B.columnInEL), x = s(m) ? m[0] : 0, C = s(h) ? h[0] : 0, v = s(g) ? g[0] : 0, T = s(y) ? y[0] : 0;
+function ko(t, e) {
+  function n(c, u = null) {
+    if (u)
+      return u;
+    const i = t.getComponentById(e);
+    return t.selectNode(i, (d) => d.id === c);
+  }
+  function o(c) {
+    const u = t.getComponentById(c);
+    return !(!u || !u.componentType || !u.componentType.startsWith("form"));
+  }
+  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 x = g(r) ? r[0] : 0, M = g(m) ? m[0] : 0, y = g(v) ? v[0] : 0, F = g(h) ? h[0] : 0;
     return {
       uniqueColClassInSM: x,
-      uniqueColClassInMD: C,
-      uniqueColClassInLG: v,
-      uniqueColClassInEL: T
+      uniqueColClassInMD: M,
+      uniqueColClassInLG: y,
+      uniqueColClassInEL: F
     };
   }
-  function s(u) {
-    const r = new Set(u);
-    return Array.from(r).length === 1;
+  function s(c, u) {
+    let i, d, r, m, v = [];
+    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 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(" ");
   }
-  function l(u, r, p) {
-    u = n(p, u), u.contents.forEach((i) => {
-      if (i.type === xe.fieldset.type) {
-        l(i, r, i.id);
+  function l(c, u, i) {
+    c = n(i, c), c.contents.forEach((d) => {
+      if (d.type === Me.fieldset.type) {
+        l(d, u, d.id);
         return;
       }
-      i.appearance || (i.appearance = {});
-      const m = i.appearance.class;
-      i.appearance.class = c(m, r);
+      d.appearance || (d.appearance = {});
+      const r = d.appearance.class;
+      d.appearance.class = s(r, u);
     });
   }
-  function c(u, r) {
-    let p, i, m, h, g = [];
-    if (u) {
-      const B = u.split(" "), F = B.filter((V) => V.startsWith("col-"));
-      p = F.find((V) => /^col-([1-9]|10|11|12)$/.test(V)), i = F.find((V) => /^col-md-([1-9]|10|11|12)$/.test(V)), m = F.find((V) => /^col-xl-([1-9]|10|11|12)$/.test(V)), h = F.find((V) => /^col-el-([1-9]|10|11|12)$/.test(V)), g = B.filter((V) => !V.startsWith("col-"));
-    }
-    const y = r.uniqueColClassInSM ? "col-" + r.uniqueColClassInSM : p, x = r.uniqueColClassInMD ? "col-md-" + r.uniqueColClassInMD : i, C = r.uniqueColClassInLG ? "col-xl-" + r.uniqueColClassInLG : m, v = r.uniqueColClassInEL ? "col-el-" + r.uniqueColClassInEL : h;
-    return [y, x, C, v].concat(g).join(" ");
-  }
   return { checkIsInFormComponent: o, assembleUnifiedLayoutContext: a, changeFormControlsByUnifiedLayoutConfig: l };
 }
-class Mo extends Ye {
-  constructor(t, n) {
-    super(t, n);
+class Eo extends Je {
+  constructor(e, n) {
+    super(e, n);
   }
-  getPropertyConfig(t, n) {
-    var o = this;
-    this.propertyConfig.categories.basic = this.getBasicPropConfig(t);
-    const { checkIsInFormComponent: a, assembleUnifiedLayoutContext: s, changeFormControlsByUnifiedLayoutConfig: l } = xo(this.formSchemaUtils, this.componentId), c = this.getAppearanceConfig(t);
+  getPropertyConfig(e, n) {
+    const o = this;
+    this.propertyConfig.categories.basic = this.getBasicPropConfig(e);
+    const { checkIsInFormComponent: a, assembleUnifiedLayoutContext: s, changeFormControlsByUnifiedLayoutConfig: l } = ko(this.formSchemaUtils, this.componentId), c = this.getAppearanceConfig(e);
     return c.properties.unifiedLayout = {
       title: "统一布局配置",
       description: "统一配置卡片区域内所有控件的宽度，只支持标准模式",
@@ -938,110 +961,119 @@ class Mo extends Ye {
       refreshPanelAfterChanged: !0,
       editor: {
         type: "response-form-layout-setting",
-        initialState: s(t)
+        initialState: s(e)
       }
-    }, c.setPropertyRelates = function(u, r) {
+    }, c.setPropertyRelates = function(u, i) {
       if (u)
         switch (u && u.propertyID) {
           case "unifiedLayout": {
-            l(null, u.propertyValue, t.id), o.updateElementByParentContainer(t.id, n);
+            l(null, u.propertyValue, e.id), o.updateElementByParentContainer(e.id, n);
             break;
           }
         }
     }, this.propertyConfig.categories.appearance = c, this.propertyConfig;
   }
 }
-function To(e, t) {
-  const n = e.schema, o = new bo(), { canMove: a, canAccept: s, canDelete: l } = o.getTemplateRule(e, t);
-  function c(v) {
-    const T = o.getComponentContext(e);
-    return T && T.componentClassList && T.componentClassList.includes("f-form-layout") && T.componentClassList.includes("farris-form") ? v.sourceType === "control" && v.controlCategory === "input" || v.sourceType === "move" && v.controlType === "form-group" : !0;
+function Io(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 u(v) {
-    return !(!Co().basalDragulaRuleForContainer(v, t) || !s || !c(v));
+  function u(F) {
+    return !(!Fo().basalDragulaRuleForContainer(F, e) || !s || !c(F));
   }
-  function r(v) {
-    pe();
+  function i(F) {
+    ue();
   }
-  function p() {
+  function d() {
     return n.componentType ? "display:inherit;flex-direction:inherit;margin-bottom:10px" : "";
   }
-  function i(v, T) {
-    const B = n;
-    if ((B.appearance && B.appearance.class || "").split(" ").includes("f-form-layout")) {
-      const { label: b } = v, D = ke("form-group");
-      return D.editor = T, D.label = b, m(D), delete D.editor.id, delete D.editor.binding, delete D.editor.appearance, delete D.editor.visible, D;
-    }
-    return T;
-  }
-  function m(v) {
-    const T = e.componentInstance.value.getBelongedComponentInstance(e.componentInstance);
-    if (T && T.schema && T.schema.componentType) {
-      const B = T.schema.formColumns;
-      let F = h(B);
-      F = t == null ? void 0 : t.formSchemaUtils.getControlClassByFormUnifiedLayout(F, "", e.schema), v.appearance || (v.appearance = {}), v.appearance.class = F;
-    }
-  }
-  function h(v) {
-    let T = "";
-    switch (v) {
+  function r(F) {
+    let b = "";
+    switch (F) {
       case 1: {
-        T = "col-12";
+        b = "col-12";
         break;
       }
       case 2: {
-        T = "col-12 col-md-6 col-xl-6 col-el-6";
+        b = "col-12 col-md-6 col-xl-6 col-el-6";
         break;
       }
       case 3: {
-        T = "col-12 col-md-6 col-xl-4 col-el-4";
+        b = "col-12 col-md-6 col-xl-4 col-el-4";
         break;
       }
       case 4: {
-        T = "col-12 col-md-6 col-xl-3 col-el-2";
+        b = "col-12 col-md-6 col-xl-3 col-el-2";
         break;
       }
     }
-    return T;
+    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;
+    }
+  }
+  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 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;
+    }
+    return b;
   }
   function g() {
     return a;
   }
-  function y() {
+  function x() {
     return l;
   }
-  function x() {
+  function M() {
     return !1;
   }
-  function C(v) {
-    return new Mo(v, t).getPropertyConfig(n, e.componentInstance.value);
+  function y(F) {
+    return new Eo(F, e).getPropertyConfig(n, t.componentInstance.value);
   }
   return {
     canAccepts: u,
-    checkCanDeleteComponent: y,
+    checkCanDeleteComponent: x,
     checkCanMoveComponent: g,
-    getStyles: p,
-    getPropsConfig: C,
-    hideNestedPaddingInDesginerView: x,
-    onAcceptMovedChildElement: r,
-    onResolveNewComponentSchema: i
+    getStyles: d,
+    getPropsConfig: y,
+    hideNestedPaddingInDesginerView: M,
+    onAcceptMovedChildElement: i,
+    onResolveNewComponentSchema: h
   };
 }
-function Qe(e) {
-  const t = e.nativeElement ? e.nativeElement : e;
-  return t.classList !== void 0 && t.classList !== null ? t : null;
+function Ze(t) {
+  const e = t.nativeElement ? t.nativeElement : t;
+  return e.classList !== void 0 && e.classList !== null ? e : null;
 }
-function Ze(e, t) {
-  if (t === void 0)
+function _e(t, e) {
+  if (e === void 0)
     return;
-  const n = Qe(e);
-  n && n.classList.remove(t);
+  const n = Ze(t);
+  n && n.classList.remove(e);
 }
-function Te(e, t) {
-  if (t === void 0)
+function Fe(t, e) {
+  if (e === void 0)
     return;
-  const n = Qe(e);
-  n && n.classList.add(t);
+  const n = Ze(t);
+  n && n.classList.add(e);
 }
 const be = [
   { size: "sm", width: 576 },
@@ -1050,53 +1082,52 @@ const be = [
   { size: "xl", width: 1200 },
   { size: "el", width: 1690 }
 ];
-function Fo(e, t) {
-  e.enable && e.autoWidth ? e.resizeObserver || (e.resizeObserver = new ResizeObserver((n) => {
-    if (!n || n.length < 1 || !n[0].contentRect)
-      return;
-    const o = n[0].contentRect;
-    Math.abs(parseInt(o.width + "") - e.width) > e.threshold && (_e(e, t, o.width), e.width = parseInt(o.width + ""));
-  }), e.resizeObserver.observe(t)) : Ke(e);
-}
-function Ke(e) {
-  e.resizeObserver && (e.resizeObserver.disconnect(), e.sharedObject = null);
+function Ke(t) {
+  t.resizeObserver && (t.resizeObserver.disconnect(), t.sharedObject = null);
 }
-function _e(e, t, n = 0) {
-  let o = [];
-  if (!t)
+function et(t, e, n = 0) {
+  const o = [];
+  if (!e)
     return;
-  const a = n || t.getBoundingClientRect().width;
-  let s = parseFloat(a);
+  const a = n || e.getBoundingClientRect().width, s = parseFloat(a);
   for (let l = 0; l < be.length; l++)
     be[l].width <= s && o.push(be[l].size);
-  if (e.className.join(",") != o.join(",")) {
-    if (e.className.length - o.length > 0)
-      for (let c = o.length; c < e.className.length; c++)
-        Ze(t, "f-area-response--" + e.className[c]);
+  if (t.className.join(",") !== o.join(",")) {
+    if (t.className.length - o.length > 0)
+      for (let c = o.length; c < t.className.length; c++)
+        _e(e, "f-area-response--" + t.className[c]);
     else
-      for (let c = e.className.length; c < o.length; c++)
-        Te(t, "f-area-response--" + o[c]);
-    e.className = [...o];
+      for (let c = t.className.length; c < o.length; c++)
+        Fe(e, "f-area-response--" + o[c]);
+    t.className = [...o];
   }
 }
-function Re(e, t) {
-  if (e.enable)
-    Te(t, "f-area-response"), _e(e, t);
+function So(t, e) {
+  t.enable && t.autoWidth ? t.resizeObserver || (t.resizeObserver = new ResizeObserver((n) => {
+    if (!n || n.length < 1 || !n[0].contentRect)
+      return;
+    const o = n[0].contentRect;
+    Math.abs(parseInt(o.width + "") - t.width) > t.threshold && (et(t, e, o.width), t.width = parseInt(o.width + ""));
+  }), t.resizeObserver.observe(e)) : Ke(t);
+}
+function Re(t, e) {
+  if (t.enable)
+    Fe(e, "f-area-response"), et(t, e);
   else {
-    Ze(t, "f-area-response");
-    for (let n = e.className.length; n > 0; n--)
-      Te(t, "f-area-response--" + e.className[n]);
-    e.className = [];
+    _e(e, "f-area-response");
+    for (let n = t.className.length; n > 0; n--)
+      Fe(e, "f-area-response--" + t.className[n]);
+    t.className = [];
   }
-  Fo(e, t);
+  So(t, e);
 }
-function Ne(e, t) {
-  t.value && t.value.hasOwnProperty("enable") && (e.enable = t.value.enable), t.value && t.value.hasOwnProperty("autoWidth") && (e.autoWidth = t.value.autoWidth);
+function Ne(t, e) {
+  e.value && Object.prototype.hasOwnProperty.call(e.value, "enable") && (t.enable = e.value.enable), e.value && Object.prototype.hasOwnProperty.call(e.value, "autoWidth") && (t.autoWidth = e.value.autoWidth);
 }
-const Bo = {
+const Lo = {
   // 在绑定元素的父组件
   // 及他自己的所有子节点都挂载完成后调用
-  mounted: (e, t, n) => {
+  mounted: (t, e, n) => {
     n.sharedObject = {
       className: [],
       resizeObserver: null,
@@ -1104,73 +1135,74 @@ const Bo = {
       autoWidth: !0,
       threshold: 10,
       width: 0
-    }, Ne(n.sharedObject, t), Re(n.sharedObject, e);
+    }, Ne(n.sharedObject, e), Re(n.sharedObject, t);
   },
   // 在绑定元素的父组件
   // 及他自己的所有子节点都更新后调用
-  updated: function(e, t, n, o) {
-    n.sharedObject = o.sharedObject, Ne(n.sharedObject, t), Re(n.sharedObject, e);
+  updated: function(t, e, n, o) {
+    n.sharedObject = o.sharedObject, Ne(n.sharedObject, e), Re(n.sharedObject, t);
   },
   // 绑定元素的父组件卸载前调用
-  beforeUnmount(e, t, n) {
+  beforeUnmount(t, e, n) {
     Ke(n.sharedObject);
   }
-}, ko = /* @__PURE__ */ Y({
+}, Do = /* @__PURE__ */ H({
   name: "FResponseFormDesign",
   directives: {
-    "area-response": Bo
+    "area-response": Lo
   },
-  props: ue,
+  props: le,
   emits: [],
-  setup(e, t) {
-    const n = d(), o = re("design-item-context"), a = re("designer-host-service"), s = To(o, a), l = Ie(n, o, s);
-    Z(() => {
+  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);
+    J(() => {
       n.value.componentInstance = l;
-    }), t.expose(l.value);
-    const c = w(() => {
-      const u = e.customClass.split(" "), r = {
+    }), e.expose(l.value);
+    const c = L(() => {
+      const u = t.customClass.split(" "), i = {
         "drag-container": !0
       };
-      return u.reduce((p, i) => (p[i] = !0, p), r), r;
+      return u.reduce((d, r) => (d[r] = !0, d), i), i;
     });
-    return () => $e(f("div", {
+    return () => Ae(f("div", {
       ref: n,
       class: c.value,
+      style: t.customClass,
       "data-dragref": `${o.schema.id}-container`,
       "data-associate": `${o.schema.id}-component`
-    }, [t.slots.default && t.slots.default()]), [[je("area-response")]]);
+    }, [e.slots.default && e.slots.default()]), [[$e("area-response")]]);
   }
-}), So = {
+}), Po = {
   id: { type: String },
   required: { type: Boolean, default: !1 },
   text: { type: String, default: "" },
   title: { type: String }
-}, et = /* @__PURE__ */ Y({
+}, tt = /* @__PURE__ */ H({
   name: "FDynamicFormLabel",
-  props: So,
+  props: Po,
   emits: [],
-  setup(e, t) {
-    const n = d(e.title || e.text), o = d(e.required), a = d(e.text);
-    return U(() => e.text, () => {
-      a.value = e.text;
-    }), U(() => e.required, (s, l) => {
+  setup(t, e) {
+    const n = p(t.title || t.text), o = p(t.required), a = p(t.text);
+    return W(() => t.text, () => {
+      a.value = t.text;
+    }), W(() => t.required, (s, l) => {
       s !== l && (o.value = s);
     }), () => a.value && f("label", {
       class: "col-form-label",
       title: n.value
     }, [o.value && f("span", {
       class: "farris-label-info text-danger"
-    }, [Q("*")]), f("span", {
+    }, [X("*")]), f("span", {
       class: "farris-label-text"
     }, [a.value])]);
   }
-}), Io = /* @__PURE__ */ new Map([
+}), Vo = /* @__PURE__ */ new Map([
   ["appearance", We]
 ]);
-function Eo(e, t, n) {
-  return t;
+function Ro(t, e, n) {
+  return e;
 }
-const Lo = "https://json-schema.org/draft/2020-12/schema", Do = "https://farris-design.gitee.io/input-group.schema.json", Po = "input-group", Vo = "A Farris Input Component", Ao = "object", Ro = {
+const No = "https://json-schema.org/draft/2020-12/schema", Oo = "https://farris-design.gitee.io/input-group.schema.json", Ao = "input-group", $o = "A Farris Input Component", Uo = "object", jo = {
   id: {
     description: "The unique identifier for a Input Group",
     type: "string"
@@ -1232,11 +1264,6 @@ const Lo = "https://json-schema.org/draft/2020-12/schema", Do = "https://farris-
     type: "boolean",
     default: !1
   },
-  required: {
-    description: "",
-    type: "boolean",
-    default: !1
-  },
   tabIndex: {
     description: "",
     type: "number",
@@ -1372,18 +1399,24 @@ const Lo = "https://json-schema.org/draft/2020-12/schema", Do = "https://farris-
     type: "string",
     default: ""
   }
-}, No = [
+}, zo = [
   "id",
   "type"
-], Oo = {
-  $schema: Lo,
-  $id: Do,
-  title: Po,
-  description: Vo,
-  type: Ao,
-  properties: Ro,
-  required: No
-}, Ee = {
+], qo = [
+  "id",
+  "appearance",
+  "binding",
+  "visible"
+], Go = {
+  $schema: No,
+  $id: Oo,
+  title: Ao,
+  description: $o,
+  type: Uo,
+  properties: jo,
+  required: zo,
+  ignore: qo
+}, Ie = {
   id: { Type: String, default: "" },
   /** 是否自动完成 */
   autocomplete: { Type: String, default: "off" },
@@ -1451,255 +1484,85 @@ const Lo = "https://json-schema.org/draft/2020-12/schema", Do = "https://farris-
    */
   updateOn: { type: String, default: "blur" }
 };
-fe(Ee, Oo, Io, Eo);
-function $o(e, t, n, o) {
-  const a = d(e.disabled), s = d(!1), l = d("text"), c = d(e.showBorder), u = d(e.textAlign), r = d(e.updateOn), p = w(() => e.editable || !e.readonly), i = w(() => e.editable && !e.disabled && !e.readonly), m = w(() => !e.disabled && s.value), h = w(() => n.value === "" || n.value === null || n.value === void 0), g = w(() => (e.disabled || e.readonly) && !e.forcePlaceholder ? "" : e.placeholder), y = w(() => e.readonly || !e.editable), x = w(() => e.enableTitle ? n.value : ""), C = w(() => ({
-    "form-control": !0,
-    "f-utils-fill": !0,
-    "text-left": u.value === "left",
-    "text-center": u.value === "center",
-    "text-right": u.value === "right"
-  })), v = w(() => {
-    const R = {
-      "f-cmp-inputgroup": !0,
-      "input-group": !0,
-      "f-state-disable": a.value,
-      "f-state-editable": i.value,
-      "f-state-readonly": y.value,
-      "f-state-focus": m.value
-    };
-    return (e.customClass || "").split(" ").reduce((te, ne) => (te[ne] = !0, te), R), R;
-  }), T = w(() => c.value ? "" : "border-width : 0 ");
-  function B(R, H = !0) {
-    n.value = R, o.value !== R && (o.value = R), H && t.emit("change", R), t.emit("update:modelValue", R), t.emit("update:value", R);
-  }
-  U(
-    () => e.modelValue,
-    (R, H) => {
-      R !== H && (n.value = R, o.value = R);
-    }
-  ), U(() => e.disabled, (R, H) => {
-    R !== H && (a.value = R);
-  });
-  function F(R) {
-    return s.value = !1, t.emit("blur", R), R.stopPropagation(), !1;
-  }
-  function V(R) {
-    t.emit("click", R);
-  }
-  function b(R) {
-    e.disabled || (c.value && (s.value = !0), p.value && t.emit("focus", R));
-  }
-  function D(R) {
-    t.emit("input", R.target.value);
-    const H = R.target.value;
-    o.value = H, r.value === "change" && (t.emit("update:modelValue", H), t.emit("update:value", H));
-  }
-  function j(R) {
-    t.emit("keydown", R);
-  }
-  function q(R) {
-    t.emit("keyup", R);
-  }
-  function X(R) {
-    R.target.tagName !== "INPUT" && R.preventDefault(), R.stopPropagation();
-  }
-  function J(R) {
-    if (r.value === "blur") {
-      const H = R.target.value;
-      R.stopPropagation(), B(H);
-    }
-  }
-  return {
-    changeTextBoxValue: B,
-    disabled: a,
-    displayText: o,
-    editable: i,
-    hasFocused: m,
-    inputGroupClass: v,
-    inputType: l,
-    isEmpty: h,
-    modelValue: n,
-    readonly: y,
-    onBlur: F,
-    onClick: V,
-    onFocus: b,
-    onInput: D,
-    onKeydown: j,
-    onKeyup: q,
-    onMousedown: X,
-    onTextBoxValueChange: J,
-    placeholder: g,
-    textBoxClass: C,
-    textBoxTitle: x,
-    inputGroupStyle: T
-  };
-}
-function jo(e, t, n, o) {
-  const a = d(e.disabled), s = d(!1), l = d("text"), c = d(e.showBorder), u = d(e.textAlign);
-  w(() => e.editable || !e.readonly);
-  const r = w(() => e.editable && !e.disabled && !e.readonly), p = w(() => !e.disabled && s.value), i = w(() => n.value === "" || n.value === null || n.value === void 0), m = w(() => e.placeholder), h = w(() => e.readonly || !e.editable), g = w(() => e.enableTitle ? n.value : ""), y = w(() => ({
-    "form-control": !0,
-    // 'f-utils-fill': true,
-    "text-left": u.value === "left",
-    "text-center": u.value === "center",
-    "text-right": u.value === "right"
-  })), x = w(() => ({
-    "f-cmp-inputgroup": !0,
-    "input-group": !0,
-    "f-state-disable": !0,
-    "f-state-editable": !1,
-    "f-state-readonly": !0
-    // 'f-state-focus': hasFocused.value
-  })), C = w(() => c.value ? "" : "border-width : 0 ");
-  return {
-    // changeTextBoxValue,
-    disabled: a,
-    displayText: o,
-    editable: r,
-    hasFocused: p,
-    inputGroupClass: x,
-    inputType: l,
-    isEmpty: i,
-    modelValue: n,
-    readonly: h,
-    // onBlur,
-    // onClick,
-    // onFocus,
-    // onInput,
-    // onKeydown,
-    // onKeyup,
-    // onMousedown,
-    // onTextBoxValueChange,
-    placeholder: m,
-    textBoxClass: y,
-    textBoxTitle: g,
-    inputGroupStyle: C
-  };
-}
-function tt(e, t, n) {
-  const o = d(!1), a = w(() => e.enableClear && !e.readonly && !e.disabled), { changeTextBoxValue: s, displayText: l, hasFocused: c, isEmpty: u } = n;
-  function r(y) {
-    o.value = y;
-  }
-  U(l, () => {
-    c != null && c.value ? r(!!(l != null && l.value)) : r(!1);
-  });
-  const p = w(() => ({
-    "input-group-text": !0,
-    "input-group-clear": !0
-  })), i = w(() => ({
-    width: "24px",
-    display: o.value ? "flex" : "none"
-  }));
-  function m(y) {
-    y.stopPropagation(), a.value && (s("", !0), r(!o.value), t.emit("clear"));
-  }
-  function h(y) {
-    a.value && !u.value && r(!0);
-  }
-  function g(y) {
-    a.value && r(!1);
-  }
-  return { clearButtonClass: p, clearButtonStyle: i, hasShownClearButton: o, onClearValue: m, onMouseEnter: h, onMouseLeave: g, shouldShowClearButton: a };
-}
-const zo = ["moz", "ms", "webkit"];
-function qo() {
-  let e = 0;
-  return (t) => {
-    const n = (/* @__PURE__ */ new Date()).getTime(), o = Math.max(0, 16 - (n - e)), a = setTimeout(() => {
-      t(n + o);
-    }, o);
-    return e = n + o, a;
-  };
-}
-function Uo() {
-  if (typeof window > "u")
-    return () => 0;
-  if (window.requestAnimationFrame)
-    return window.requestAnimationFrame.bind(window);
-  const e = zo.filter((t) => `${t}RequestAnimationFrame` in window)[0];
-  return e ? window[`${e}RequestAnimationFrame`] : qo();
-}
-Uo();
-function nt(e, t) {
-  const n = d(e.groupText), o = w(() => e.showButtonWhenDisabled && (e.readonly || e.disabled)), a = w(() => e.enableClear || !!e.groupText);
-  return { appendedButtonClass: w(() => ({
+de(Ie, 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(() => ({
     "input-group-append": !0,
     "append-force-show": o.value
   })), appendedContent: n, shouldShowAppendedButton: a };
 }
-function ot(e, t, n, o) {
-  const { appendedContent: a } = o, s = d(e.enableViewPassword), l = w(() => e.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>', r = d(!1);
-  U(() => [e.readonly, e.disabled], ([m, h]) => {
-    l.value && (n.value = m || h ? "password" : n.value, a.value = m || h ? u : a.value);
+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);
   });
-  function p() {
-    return r.value = !r.value, n.value = r.value ? "text" : "password", a.value = r.value ? c : u, !1;
+  function d() {
+    return i.value = !i.value, n.value = i.value ? "text" : "password", a.value = i.value ? c : u, !1;
   }
-  function i() {
+  function r() {
     n.value = l.value ? "password" : "text", a.value = l.value ? s.value ? u : "" : a.value;
   }
-  return i(), { isPassword: l, onClickAppendedButton: p };
+  return r(), { isPassword: l, onClickAppendedButton: d };
 }
-function Go(e, t, n) {
-  const o = d(), {
+function Wo(t, e, n) {
+  const o = p(), {
     onBlurTextBox: a,
     onFocusTextBox: s,
     onInput: l,
     onKeyDown: c,
     textBoxValue: u
-  } = n, r = w(() => e.disabled || e.readonly || !e.editable ? "" : e.placeholder), p = w(() => ({
+  } = n, i = L(() => t.disabled || t.readonly || !t.editable ? "" : t.placeholder), d = L(() => ({
     "form-control": !0,
     "f-utils-fill": !0
-  })), i = w(() => ({
-    "text-align": e.textAlign
+  })), r = L(() => ({
+    "text-align": t.textAlign
   }));
-  function m(y) {
-    y.stopPropagation();
+  function m(g) {
+    g.stopPropagation();
   }
-  function h() {
-    e.selectOnCreated, e.focusOnCreated;
+  function v() {
+    t.selectOnCreated, t.focusOnCreated;
   }
-  async function g(y) {
-    s(y), await pe, h();
+  async function h(g) {
+    s(g), await ue, v();
   }
-  return Z(async () => {
-    await pe, h();
+  return J(async () => {
+    await ue, v();
   }), () => f("input", {
     ref: o,
-    class: p.value,
-    style: i.value,
+    class: d.value,
+    style: r.value,
     type: "text",
     value: u.value,
-    disabled: e.disabled,
-    readonly: e.readonly || !e.editable,
-    placeholder: r.value,
+    disabled: t.disabled,
+    readonly: t.readonly || !t.editable,
+    placeholder: i.value,
     onBlur: a,
     onChange: m,
-    onFocus: g,
+    onFocus: h,
     onInput: l,
     onKeydown: c
   }, null);
 }
-function Wo(e, t, n) {
+function Ho(t, e, n) {
   const {
     canDownward: o,
     canUpward: a,
     onClickDownButton: s,
     onClickUpButton: l
-  } = n, c = w(() => ({
+  } = n, c = L(() => ({
     "input-group-append": !0,
     "btn-group": !0,
     "btn-group-number": !0
-  })), u = w(() => ({
+  })), u = L(() => ({
     btn: !0,
     "btn-secondary": !0,
     "btn-number-flag": !0
-  })), r = w(() => ({
+  })), i = L(() => ({
     cursor: a() ? "pointer" : "not-allowed",
     "margin-left": 0
-  })), p = w(() => ({
+  })), d = L(() => ({
     cursor: o() ? "pointer" : "not-allowed",
     "margin-left": 0
   }));
@@ -1708,7 +1571,7 @@ function Wo(e, t, n) {
   }, [f("button", {
     title: "upButton",
     class: u.value,
-    style: r.value,
+    style: i.value,
     onClick: l,
     disabled: !a()
   }, [f("span", {
@@ -1716,196 +1579,196 @@ function Wo(e, t, n) {
   }, null)]), f("button", {
     title: "downButton",
     class: u.value,
-    style: p.value,
+    style: d.value,
     onClick: s,
     disabled: !o()
   }, [f("span", {
     class: "f-icon f-icon-arrow-chevron-down number-arrow-chevron"
   }, null)])]);
 }
-function Ho(e, t) {
-  const n = Rt(e, t), o = Nt(e, t, n), a = Ot(e, t, o, n), s = $t(e, t, o, n, a), l = Wo(e, t, a), {
+function Xo(t, e) {
+  const n = $t(t, e), o = Ut(t, e, n), a = jt(t, e, o, n), s = zt(t, e, o, n, a), l = Ho(t, e, a), {
     displayValue: c,
     modelValue: u,
-    getRealValue: r
-  } = n, p = Go(e, t, s), {
-    format: i
+    getRealValue: i
+  } = n, d = Wo(t, e, s), {
+    format: r
   } = o, {
     isFocus: m
-  } = s, h = w(() => !e.disabled && !e.readonly);
-  return Z(() => {
-    const g = r(e.modelValue);
-    c.value = i(g);
-  }), U(() => [e.value], ([g]) => {
-    const y = r(g);
-    u.value = y, c.value = i(y);
-  }), U(() => [e.modelValue], ([g]) => {
-    g !== u.value && (u.value = g, !m.value && (c.value = i(r(g))));
-  }), U(() => [e.precision, e.useThousands, e.prefix, e.suffix, e.showZero], () => {
-    c.value = i(u.value);
+  } = s, v = L(() => !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))));
+  }), 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"
-  }, [p(), h.value && l()]);
+  }, [d(), v.value && l()]);
 }
-function Xo(e, t, n, o) {
-  const a = d(), s = d(e.autocomplete), l = d(e.enableTitle), {
+function Yo(t, e, n, o) {
+  const a = p(), s = p(t.autocomplete), l = p(t.enableTitle), {
     isPassword: c
-  } = n, u = d(e.minLength), r = d(e.maxLength), p = d(e.tabIndex), {
-    disabled: i,
+  } = n, u = p(t.minLength), i = p(t.maxLength), d = p(t.tabIndex), {
+    disabled: r,
     displayText: m,
-    inputType: h,
-    onBlur: g,
-    onFocus: y,
+    inputType: v,
+    onBlur: h,
+    onFocus: g,
     onInput: x,
-    onClick: C,
-    onKeydown: v,
-    onKeyup: T,
-    onMousedown: B,
-    onTextBoxValueChange: F,
-    readonly: V,
-    placeholder: b,
-    textBoxClass: D,
-    textBoxTitle: j
+    onClick: M,
+    onKeydown: y,
+    onKeyup: F,
+    onMousedown: b,
+    onTextBoxValueChange: w,
+    readonly: R,
+    placeholder: C,
+    textBoxClass: P,
+    textBoxTitle: O
   } = o;
-  return Z(() => {
-    e.selectOnCreated, e.focusOnCreated;
+  return J(() => {
+    t.selectOnCreated, t.focusOnCreated;
   }), () => f("input", {
     ref: a,
     name: "input-group-value",
     autocomplete: s.value,
-    class: D.value,
-    disabled: i == null ? void 0 : i.value,
-    maxlength: r.value,
+    class: P.value,
+    disabled: r == null ? void 0 : r.value,
+    maxlength: i.value,
     minlength: u.value,
-    placeholder: b.value,
-    readonly: V == null ? void 0 : V.value,
-    tabindex: p.value,
-    title: l.value && !c.value ? j.value : "",
-    type: h.value,
+    placeholder: C.value,
+    readonly: R == null ? void 0 : R.value,
+    tabindex: d.value,
+    title: l.value && !c.value ? O.value : "",
+    type: v.value,
     value: m == null ? void 0 : m.value,
-    onBlur: g,
-    onClick: C,
-    onChange: F,
-    onFocus: y,
+    onBlur: h,
+    onClick: M,
+    onChange: w,
+    onFocus: g,
     onInput: x,
-    onKeydown: v,
-    onKeyup: T,
-    onMousedown: B
+    onKeydown: y,
+    onKeyup: F,
+    onMousedown: b
   }, null);
 }
-function Yo(e, t) {
-  const n = w(() => e.useExtendInfo && !!e.extendInfo), o = _({
-    content: e.extendInfo
+function Jo(t, e) {
+  const n = L(() => t.useExtendInfo && !!t.extendInfo), o = Z({
+    content: t.extendInfo
   });
   function a() {
-    t.emit("updateExtendInfo");
+    e.emit("updateExtendInfo");
   }
-  return () => n.value && $e(f("span", {
+  return () => n.value && Ae(f("span", {
     class: "input-group-before-tips",
     onMouseenter: a
   }, [f("i", {
     class: "f-icon f-icon-info-circle"
   }, null), f("b", {
     class: "tips-arrow"
-  }, null)]), [[je("tooltip"), o]]);
+  }, null)]), [[$e("tooltip"), o]]);
 }
-function at(e, t, n, o, a) {
+function at(t, e, n, o, a) {
   const {
     appendedButtonClass: s,
     appendedContent: l
-  } = n, c = w(() => e.showButtonWhenDisabled && (!e.editable || !e.readonly) && !e.disabled), u = w(() => l.value && !t.slots.groupTextTemplate), r = w(() => !!t.slots.groupTextTemplate), {
-    clearButtonClass: p,
-    clearButtonStyle: i,
+  } = n, c = L(() => t.showButtonWhenDisabled && (!t.editable || !t.readonly) && !t.disabled), u = L(() => l.value && !e.slots.groupTextTemplate), i = L(() => !!e.slots.groupTextTemplate), {
+    clearButtonClass: d,
+    clearButtonStyle: r,
     onClearValue: m,
-    shouldShowClearButton: h
+    shouldShowClearButton: v
   } = o;
-  function g() {
+  function h() {
     return f("span", {
       id: "clearIcon",
-      class: p.value,
-      style: i.value,
-      onClick: (b) => m(b)
+      class: d.value,
+      style: r.value,
+      onClick: (C) => m(C)
     }, [f("i", {
       class: "f-icon modal_close"
     }, null)]);
   }
-  function y(b) {
-    t.emit("iconMouseEnter", b);
+  function g(C) {
+    e.emit("iconMouseEnter", C);
   }
-  function x(b) {
-    t.emit("iconMouseLeave", b);
+  function x(C) {
+    e.emit("iconMouseLeave", C);
   }
-  function C(b) {
-    c.value && t.emit("clickHandle", {
-      originalEvent: b
-    }), b.stopPropagation();
+  function M(C) {
+    c.value && e.emit("clickHandle", {
+      originalEvent: C
+    }), C.stopPropagation();
   }
-  const v = e.type === "password" ? a.onClickAppendedButton : C;
-  function T() {
+  const y = t.type === "password" ? a.onClickAppendedButton : M;
+  function F() {
     return f("span", {
       class: "input-group-text",
-      onMouseenter: (b) => y(b),
-      onMouseleave: (b) => x(b),
+      onMouseenter: (C) => g(C),
+      onMouseleave: (C) => x(C),
       innerHTML: l.value,
-      onClick: (b) => v(b)
+      onClick: (C) => y(C)
     }, null);
   }
-  function B() {
-    return t.slots.groupTextTemplate && t.slots.groupTextTemplate();
+  function b() {
+    return e.slots.groupTextTemplate && e.slots.groupTextTemplate();
   }
-  function F() {
-    return u.value ? T : r.value ? B : "";
+  function w() {
+    return u.value ? F : i.value ? b : "";
   }
-  const V = F();
+  const R = w();
   return () => f("div", {
     class: s.value
-  }, [h.value && g(), V && V()]);
+  }, [v.value && h(), R && R()]);
 }
-const Jo = /* @__PURE__ */ Y({
+const Qo = /* @__PURE__ */ H({
   name: "FInputGroup",
-  props: Ee,
+  props: Ie,
   emits: ["clear", "change", "blur", "click", "clickHandle", "focus", "input", "keydown", "keyup", "iconMouseEnter", "iconMouseLeave", "update:modelValue", "update:value", "updateExtendInfo", "valueChange"],
-  setup(e, t) {
-    const n = d(e.modelValue), o = d(e.modelValue), a = $o(e, t, n, o), {
+  setup(t, e) {
+    const n = p(t.modelValue), o = p(t.modelValue), a = Nt(t, e, n, o), {
       inputGroupClass: s,
       inputType: l,
       inputGroupStyle: c
-    } = a, u = nt(e), {
-      shouldShowAppendedButton: r
-    } = u, p = tt(e, t, a), {
-      onMouseEnter: i,
+    } = a, u = nt(t), {
+      shouldShowAppendedButton: i
+    } = u, d = je(t, e, a), {
+      onMouseEnter: r,
       onMouseLeave: m
-    } = p, h = ot(e, t, l, u), g = Ho(e, t), y = Xo(e, t, h, a), x = at(e, t, u, p, h), C = Yo(e, t), v = w(() => e.type === "number");
-    U(() => [e.value], ([B]) => {
-      n.value = B, o.value = B;
-    }), U(() => [e.modelValue], ([B]) => {
-      n.value = B, o.value = B;
-    }), Z(() => {
-      e.value && (n.value = e.value, o.value = e.value);
+    } = 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;
+    }), J(() => {
+      t.value && (n.value = t.value, o.value = t.value);
     });
-    const T = () => f(ie, null, [f("div", {
-      id: e.id,
+    const F = () => f(ae, null, [f("div", {
+      id: t.id,
       class: s.value,
       style: c.value,
-      onMouseenter: i,
+      onMouseenter: r,
       onMouseleave: m
-    }, [v.value ? g() : f(ie, null, [C(), y(), r.value && x()])])]);
-    return () => T();
+    }, [y.value ? h() : f(ae, null, [M(), g(), i.value && x()])])]);
+    return () => F();
   }
-}), S = {}, I = {}, E = {}, L = {};
+}), B = {}, k = {}, E = {}, S = {};
 let Oe = !1;
-function Qo() {
-  Oe || (Oe = !0, zt.register(S, I, E, L), jt.register(S, I, E, L), qt.register(S, I, E, L), Ut.register(S, I, E, L), Gt.register(S, I, E, L), Wt.register(S, I, E, L), Ht.register(S, I, E, L), se.register(S, I, E, L), Xt.register(S, I, E, L), Yt.register(S, I, E, L), Qt.register(S, I, E, L), Jt.register(S, I, E, L), Zt.register(S, I, E, L), Kt.register(S, I, E, L), _t.register(S, I, E, L), en.register(S, I, E, L), tn.register(S, I, E, L), nn.register(S, I, E, L), on.register(S, I, E, L), an.register(S, I, E, L), ln.register(S, I, E, L), sn.register(S, I, E, L), un.register(S, I, E, L), rn.register(S, I, E, L), cn.register(S, I, E, L), dn.register(S, I, E, L), pn.register(S, I, E, L), mn.register(S, I, E, L), At.register(S, I, E, L), fn.register(S, I, E, L), vn.register(S, I, E, L), hn.register(S, I, E, L), gn.register(S, I, E, L), yn.register(S, I, E, L), Cn.register(S, I, E, L), bn.register(S, I, E, L), wn.register(S, I, E, L), Mn.register(S, I, E, L), Tn.register(S, I, E, L), xn.register(S, I, E, L), qn.register(S, I, E), Fn.register(S, I, E, L), Bn.register(S, I, E, L), kn.register(S, I, E, L), Sn.register(S, I, E, L), In.register(S, I, E, L), En.register(S, I, E, L), Ln.register(S, I, E, L), Dn.register(S, I, E, L), Pn.register(S, I, E, L), Vn.register(S, I, E, L), An.register(S, I, E, L), Rn.register(S, I, E, L), On.register(S, I, E, L), Nn.register(S, I, E, L), $n.register(S, I, E, L), jn.register(S, I, E, L), zn.register(S, I, E, L), Un.register(S, I, E, L));
+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));
 }
 function lt() {
-  Qo();
+  Zo();
+  function t(a) {
+    return B[a] || Qo;
+  }
   function e(a, s) {
-    const l = I[a];
+    const l = k[a];
     return l ? l(s) : {};
   }
-  function t(a) {
-    return S[a] || Jo;
-  }
   function n(a) {
     switch (a) {
       case "check-box":
@@ -1953,9 +1816,12 @@ function lt() {
         return "onSavedCommandListChanged";
       case "grid-field-editor":
         return "onChange";
+      case "item-collection-editor":
+        return "onChange";
       case "response-form-layout-setting":
         return "onChange";
       case "field-selector":
+      case "binding-selector":
         return "onFieldSelected";
       case "schema-selector":
         return "onSchemaSelected";
@@ -1963,6 +1829,8 @@ function lt() {
         return "onMappingFieldsChanged";
       case "textarea":
         return "onValueChange";
+      case "query-solution-config":
+        return "onFieldsChanged";
     }
   }
   function o(a) {
@@ -1975,181 +1843,145 @@ function lt() {
   }
   return { resolveEditorProps: e, resolveEditorType: t, getChangeFunctionName: n, getClearFunctionName: o };
 }
-const we = /* @__PURE__ */ Y({
+const we = /* @__PURE__ */ H({
   name: "FDynamicFormGroup",
-  props: ue,
+  props: le,
   emits: ["change", "update:modelValue"],
-  setup(e, t) {
-    const n = d(e.id), o = d(e.customClass), a = d(e.editor), s = d(e.label), l = d(e.modelValue), c = d(e.readonly), u = d(e.required), r = d(e.showLabel), p = d(e.visible);
-    d(e.type);
-    const i = d(), {
+  setup(t, e) {
+    const n = p(t.id), o = p(t.customClass), a = p(t.editor), s = p(t.label), l = p(t.modelValue), c = p(t.readonly), u = p(t.required), i = p(t.showLabel), d = p(t.visible);
+    p(t.type);
+    const r = p(), {
       resolveEditorProps: m,
-      resolveEditorType: h,
-      getChangeFunctionName: g,
-      getClearFunctionName: y
-    } = lt(), x = w(() => ({
+      resolveEditorType: v,
+      getChangeFunctionName: h,
+      getClearFunctionName: g
+    } = lt(), x = L(() => ({
       "form-group": !0,
       "farris-form-group": !0,
       "common-group": !0,
       "q-state-readonly": c.value
     }));
-    function C(B, F) {
-      l.value = F !== void 0 ? F : B, t.emit("update:modelValue", l.value), t.emit("change", l.value);
+    function M(b, w) {
+      l.value = w !== void 0 ? w : b, e.emit("update:modelValue", l.value), e.emit("change", l.value);
     }
-    function v() {
-      t.emit("update:modelValue", "");
+    function y() {
+      e.emit("update:modelValue", "");
     }
-    const T = w(() => {
-      const B = a.value.type || "input-group", F = h(B), V = m(B, a.value), b = g(B), D = y(a.value.type);
-      return V[b] = C, V[D] = v, (V.id == null || V.id === "") && (V.id = n.value), () => f(F, ae({
-        ref: i
-      }, V, {
+    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({
+        ref: r
+      }, R, {
         modelValue: l.value,
-        "onUpdate:modelValue": (j) => l.value = j
-      }), null);
+        "onUpdate:modelValue": (O) => l.value = O
+      }), e.slots);
     });
-    return U([() => e.id, () => e.customClass, () => e.editor, () => e.label, () => e.modelValue, () => e.readonly, () => e.required, () => e.showLabel, () => e.visible], ([B, F, V, b, D, j, q, X, J]) => {
-      n.value = B, o.value = F, a.value = V, s.value = b, l.value = D, c.value = j, u.value = q, r.value = X, p.value = J;
-    }), t.expose({
-      editorRef: i
-    }), () => p.value && f("div", {
+    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;
+    }), e.expose({
+      editorRef: r
+    }), () => d.value && f("div", {
       id: `${n.value}-input-group`,
-      class: o.value
+      class: o.value,
+      style: t.customStyle
     }, [f("div", {
       class: "farris-group-wrap"
     }, [f("div", {
       class: x.value
-    }, [r.value && f(et, {
+    }, [i.value && f(tt, {
       id: `${n.value}-lable`,
       required: u.value,
       text: s.value,
       title: s.value
     }, null), f("div", {
       class: "farris-input-wrap"
-    }, [T.value()])])])]);
-  }
-}), Zo = {}, Ko = {};
-function _o(e, t) {
-  e.schema;
-  const n = d(!0), o = d(!0);
-  function a(i) {
-    return !1;
-  }
-  function s() {
-    return !1;
-  }
-  function l() {
-    return !1;
-  }
-  function c() {
-    return !0;
-  }
-  function u(i) {
+    }, [F.value()])])])]);
   }
-  function r() {
-  }
-  function p(i) {
-    return null;
-  }
-  return {
-    canAccepts: a,
-    checkCanDeleteComponent: s,
-    checkCanMoveComponent: l,
-    hideNestedPaddingInDesginerView: c,
-    onAcceptMovedChildElement: u,
-    resolveComponentContext: r,
-    triggerBelongedComponentToMoveWhenMoved: n,
-    triggerBelongedComponentToDeleteWhenDeleted: o,
-    getPropsConfig: p
-  };
-}
-const oe = class oe {
+}), _o = {}, Ko = {}, K = class K {
   /**
    * 根据绑定字段类型获取可用的输入类控件
    */
-  static getEditorTypesByMDataType(t) {
-    const n = oe.fieldControlTypeMapping[t];
+  static getEditorTypesByMDataType(e) {
+    const n = K.fieldControlTypeMapping[e];
     return n || [{ key: "", value: "" }];
   }
   /**
    * 获取所有输入类控件
    */
   static getAllInputTypes() {
-    const t = [];
-    for (let n in oe.fieldControlTypeMapping)
-      oe.fieldControlTypeMapping[n].forEach((o) => {
-        t.find((a) => a.key === o.key && a.value === o.value) || t.push({ key: o.key, value: o.value });
+    const e = [];
+    for (const n in K.fieldControlTypeMapping)
+      K.fieldControlTypeMapping[n].forEach((o) => {
+        e.find((a) => a.key === o.key && a.value === o.value) || e.push({ key: o.key, value: o.value });
       });
-    return t;
+    return e;
   }
 };
 /**
  * <字段类型,可配置的控件类型列表>的映射
  */
-N(oe, "fieldControlTypeMapping", {
+N(K, "fieldControlTypeMapping", {
   String: [
-    { key: A["input-group"].type, value: A["input-group"].name },
-    { key: A.lookup.type, value: A.lookup.name },
-    { key: A["date-picker"].type, value: A["date-picker"].name },
-    { key: A["check-box"].type, value: A["check-box"].name },
-    { key: A["check-group"].type, value: A["check-group"].name },
-    { key: A["radio-group"].type, value: A["radio-group"].name },
-    { key: A["combo-list"].type, value: A["combo-list"].name },
-    { key: A.textarea.type, value: A.textarea.name }
+    { key: V["input-group"].type, value: V["input-group"].name },
+    { key: V.lookup.type, value: V.lookup.name },
+    { key: V["date-picker"].type, value: V["date-picker"].name },
+    { key: V["check-box"].type, value: V["check-box"].name },
+    { key: V["check-group"].type, value: V["check-group"].name },
+    { key: V["radio-group"].type, value: V["radio-group"].name },
+    { key: V["combo-list"].type, value: V["combo-list"].name },
+    { key: V.textarea.type, value: V.textarea.name }
   ],
   Text: [
-    { key: A.textarea.type, value: A.textarea.name },
-    { key: A.lookup.type, value: A.lookup.name }
+    { key: V.textarea.type, value: V.textarea.name },
+    { key: V.lookup.type, value: V.lookup.name }
   ],
   Decimal: [
-    { key: A["number-spinner"].type, value: A["number-spinner"].name }
+    { key: V["number-spinner"].type, value: V["number-spinner"].name }
   ],
   Integer: [
-    { key: A["number-spinner"].type, value: A["number-spinner"].name }
+    { key: V["number-spinner"].type, value: V["number-spinner"].name }
   ],
   Number: [
-    { key: A["number-spinner"].type, value: A["number-spinner"].name }
+    { key: V["number-spinner"].type, value: V["number-spinner"].name }
   ],
   BigNumber: [
-    { key: A["number-spinner"].type, value: A["number-spinner"].name }
+    { key: V["number-spinner"].type, value: V["number-spinner"].name }
   ],
   Date: [
-    { key: A["date-picker"].type, value: A["date-picker"].name }
+    { key: V["date-picker"].type, value: V["date-picker"].name }
   ],
   DateTime: [
-    { key: A["date-picker"].type, value: A["date-picker"].name }
+    { key: V["date-picker"].type, value: V["date-picker"].name }
   ],
   Boolean: [
-    { key: A.switch.type, value: A.switch.name },
-    { key: A["check-box"].type, value: A["check-box"].name }
+    { key: V.switch.type, value: V.switch.name },
+    { key: V["check-box"].type, value: V["check-box"].name }
   ],
   Enum: [
-    { key: A["combo-list"].type, value: A["combo-list"].name },
-    { key: A["radio-group"].type, value: A["radio-group"].name }
+    { key: V["combo-list"].type, value: V["combo-list"].name },
+    { key: V["radio-group"].type, value: V["radio-group"].name }
   ],
   Object: [
-    { key: A.lookup.type, value: A.lookup.name },
-    { key: A["combo-list"].type, value: A["combo-list"].name },
-    { key: A["radio-group"].type, value: A["radio-group"].name }
+    { key: V.lookup.type, value: V.lookup.name },
+    { key: V["combo-list"].type, value: V["combo-list"].name },
+    { key: V["radio-group"].type, value: V["radio-group"].name }
   ]
 });
-let me = oe;
-const ea = d(0);
-class ta extends Ye {
+let ce = K;
+const ea = p(0);
+class ta extends Je {
   constructor(n, o) {
     super(n, o);
     N(this, "responseLayoutEditorFunction");
-    this.responseLayoutEditorFunction = Je(this.formSchemaUtils);
+    this.responseLayoutEditorFunction = Qe(this.formSchemaUtils);
   }
   getPropertyConfig(n, o) {
     return this.propertyConfig.categories.basic = this.getBasicProperties(n, o), this.propertyConfig.categories.appearance = this.getAppearanceProperties(n, o), this.propertyConfig.categories.editor = this.getEditorProperties(n), this.propertyConfig;
   }
   getBasicProperties(n, o) {
-    var c;
-    var a = this;
-    this.setDesignViewModelField(n);
-    const s = this.formSchemaUtils.getFormMetadataBasicInfo(), l = this.designViewModelUtils.getAllFields2TreeByVMId(this.viewModelId);
-    return {
+    var s;
+    const a = this;
+    return this.setDesignViewModelField(n), this.formSchemaUtils.getFormMetadataBasicInfo(), {
       description: "Basic Information",
       title: "基本信息",
       properties: {
@@ -2170,7 +2002,7 @@ class ta extends Ye {
             textField: "value",
             valueField: "key",
             editable: !1,
-            data: a.designViewModelField ? me.getEditorTypesByMDataType((c = a.designViewModelField.type) == null ? void 0 : c.name) : me.getAllInputTypes()
+            data: a.designViewModelField ? ce.getEditorTypesByMDataType((s = a.designViewModelField.type) == null ? void 0 : s.name) : ce.getAllInputTypes()
           }
         },
         label: {
@@ -2181,33 +2013,29 @@ class ta extends Ye {
         binding: {
           description: "绑定的表单字段",
           title: "绑定",
-          $converter: "/converter/field-selector.converter",
           editor: {
-            type: "field-selector",
+            type: "binding-selector",
             bindingType: { enable: !1 },
             editorParams: {
-              propertyData: n,
-              formBasicInfo: s
+              componentSchema: n,
+              needSyncToViewModel: !0,
+              viewModelId: this.viewModelId,
+              designerHostService: this.designerHostService,
+              disableOccupiedFields: !0
             },
-            columns: [
-              { field: "name", title: "字段名称" },
-              { field: "bindingField", title: "绑定字段" },
-              { field: "fieldType", title: "字段类型" }
-            ],
-            textField: "bindingField",
-            data: l
+            textField: "bindingField"
           }
         }
       },
-      setPropertyRelates(u, r) {
-        if (u)
-          switch (u && u.propertyID) {
+      setPropertyRelates(l, c) {
+        if (l)
+          switch (l && l.propertyID) {
             case "type": {
-              a.changeControlType(n, u, o);
+              a.changeControlType(n, l, o);
               break;
             }
             case "label": {
-              u.needRefreshControlTree = !0;
+              l.needRefreshControlTree = !0;
               break;
             }
           }
@@ -2215,7 +2043,7 @@ class ta extends Ye {
     };
   }
   getAppearanceProperties(n, o) {
-    var a = this;
+    const a = this;
     return {
       title: "样式",
       description: "Appearance",
@@ -2267,12 +2095,12 @@ class ta extends Ye {
    * @param newControlType 新控件类型
    */
   changeControlType(n, o, a) {
-    var p, i, m, h;
+    var d, r, m, v;
     const s = o.propertyValue, l = a && a.parent && a.parent.schema;
     if (!l)
       return;
-    const c = l.contents.findIndex((g) => g.id === n.id), u = l.contents[c];
-    let r;
+    const c = l.contents.findIndex((h) => h.id === n.id), u = l.contents[c];
+    let i;
     this.designViewModelField && (this.designViewModelUtils.getDgViewModel(this.viewModelId).changeField(this.designViewModelField.id, {
       editor: {
         $type: s
@@ -2280,21 +2108,21 @@ class ta extends Ye {
       name: this.designViewModelField.name,
       require: this.designViewModelField.require,
       readonly: this.designViewModelField.readonly
-    }, !1), r = this.controlCreatorUtils.setFormFieldProperty(this.designViewModelField, s)), r || (r = this.controlCreatorUtils.createFormGroupWithoutField(s)), Object.assign(r, {
+    }, !1), i = this.controlCreatorUtils.setFormFieldProperty(this.designViewModelField, s)), i || (i = this.controlCreatorUtils.createFormGroupWithoutField(s)), Object.assign(i, {
       id: u.id,
       appearance: u.appearance,
       size: u.size,
       label: u.label,
       binding: u.binding,
       visible: u.visible
-    }), Object.assign(r.editor, {
-      isTextArea: r.isTextArea && u.isTextArea,
-      placeholder: (p = u.editor) == null ? void 0 : p.placeholder,
-      holdPlace: (i = u.editor) == null ? void 0 : i.holdPlace,
+    }), Object.assign(i.editor, {
+      isTextArea: i.isTextArea && u.isTextArea,
+      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: (h = u.editor) == null ? void 0 : h.require
-    }), l.contents.splice(c, 1), l.contents.splice(c, 0, r), a.schema = Object.assign(u, r), Array.from(document.getElementsByClassName("dgComponentSelected")).forEach(
-      (g) => g.classList.remove("dgComponentSelected")
+      require: (v = u.editor) == null ? void 0 : v.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")
     ), ea.value++;
   }
   getComponentConfig(n, o = {}, a = {}) {
@@ -2335,16 +2163,16 @@ class ta extends Ye {
   */
   updateUnifiedLayoutAfterControlChanged(n, o, a) {
     const s = n.split(" ");
-    let l = s.find((i) => /^col-([1-9]|10|11|12)$/.test(i)), c = s.find((i) => /^col-md-([1-9]|10|11|12)$/.test(i)), u = s.find((i) => /^col-xl-([1-9]|10|11|12)$/.test(i)), r = s.find((i) => /^col-el-([1-9]|10|11|12)$/.test(i));
-    l = l || "col-12", c = c || "col-md-" + l.replace("col-", ""), u = u || "col-xl-" + c.replace("col-md-", ""), r = r || "col-el-" + u.replace("col-xl-", "");
-    const p = {
+    let l = s.find((r) => /^col-([1-9]|10|11|12)$/.test(r)), c = s.find((r) => /^col-md-([1-9]|10|11|12)$/.test(r)), u = s.find((r) => /^col-xl-([1-9]|10|11|12)$/.test(r)), i = s.find((r) => /^col-el-([1-9]|10|11|12)$/.test(r));
+    l = l || "col-12", c = c || "col-md-" + l.replace("col-", ""), u = u || "col-xl-" + c.replace("col-md-", ""), i = i || "col-el-" + u.replace("col-xl-", "");
+    const d = {
       id: o,
       columnInSM: parseInt(l.replace("col-", ""), 10),
       columnInMD: parseInt(c.replace("col-md-", ""), 10),
       columnInLG: parseInt(u.replace("col-xl-", ""), 10),
-      columnInEL: parseInt(r.replace("col-el-", ""), 10)
+      columnInEL: parseInt(i.replace("col-el-", ""), 10)
     };
-    this.updateUnifiedLayoutAfterResponseLayoutChanged(a, p);
+    this.updateUnifiedLayoutAfterResponseLayoutChanged(a, d);
   }
   /**
    * 修改控件布局配置后更新Form统一布局配置
@@ -2357,15 +2185,15 @@ class ta extends Ye {
       return;
     const s = [];
     if (this.responseLayoutEditorFunction.getResonseFormLayoutConfig(a, s, 1), o) {
-      const g = s.find((y) => y.id === o.id);
-      Object.assign(g || {}, o);
+      const h = s.find((g) => g.id === o.id);
+      Object.assign(h || {}, o);
     }
-    const l = s.map((g) => g.columnInSM), c = s.map((g) => g.columnInMD), u = s.map((g) => g.columnInLG), r = s.map((g) => g.columnInEL), p = this.checkIsUniqueColumn(l) ? l[0] : null, i = this.checkIsUniqueColumn(c) ? c[0] : null, m = this.checkIsUniqueColumn(u) ? u[0] : null, h = this.checkIsUniqueColumn(r) ? r[0] : null;
+    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;
     Object.assign(a.unifiedLayout, {
-      uniqueColClassInSM: p,
-      uniqueColClassInMD: i,
+      uniqueColClassInSM: d,
+      uniqueColClassInMD: r,
       uniqueColClassInLG: m,
-      uniqueColClassInEL: h
+      uniqueColClassInEL: v
     });
   }
   /**
@@ -2377,109 +2205,94 @@ class ta extends Ye {
   }
 }
 class na extends ta {
-  constructor(t, n) {
-    super(t, n);
+  constructor(e, n) {
+    super(e, n);
   }
 }
-function oa(e, t) {
-  const {
-    canAccepts: n,
-    checkCanDeleteComponent: o,
-    checkCanMoveComponent: a,
-    hideNestedPaddingInDesginerView: s,
-    onAcceptMovedChildElement: l,
-    resolveComponentContext: c,
-    triggerBelongedComponentToMoveWhenMoved: u,
-    triggerBelongedComponentToDeleteWhenDeleted: r
-  } = _o(e), p = e.schema;
-  function i(m, h) {
-    return new na(m, t).getPropertyConfig(p, h);
+function oa(t, e) {
+  const n = t.schema;
+  function o(a, s) {
+    return new na(a, e).getPropertyConfig(n, s);
   }
-  return {
-    canAccepts: n,
-    checkCanDeleteComponent: o,
-    checkCanMoveComponent: a,
-    hideNestedPaddingInDesginerView: s,
-    onAcceptMovedChildElement: l,
-    resolveComponentContext: c,
-    triggerBelongedComponentToMoveWhenMoved: u,
-    triggerBelongedComponentToDeleteWhenDeleted: r,
-    getPropsConfig: i
-  };
+  return { getPropsConfig: o };
 }
-const aa = /* @__PURE__ */ Y({
+const aa = /* @__PURE__ */ H({
   name: "FInputGroupDesign",
-  props: Ee,
+  props: Ie,
   emits: ["updateExtendInfo", "clear", "valueChange", "clickHandle", "blurHandle", "focusHandle", "enterHandle", "iconMouseEnter", "iconMouseLeave", "keyupHandle", "keydownHandle", "inputClick"],
-  setup(e, t) {
-    const n = d(e.modelValue), o = d(e.modelValue), a = jo(e, t, n, o), {
+  setup(t, e) {
+    const n = p(t.modelValue), o = p(t.modelValue), a = Ot(t, e, n, o), {
       inputGroupClass: s,
       inputType: l,
       inputGroupStyle: c
-    } = a, u = nt(e), {
-      shouldShowAppendedButton: r
-    } = u, p = tt(e, t, a), {
-      onMouseEnter: i,
+    } = a, u = nt(t), {
+      shouldShowAppendedButton: i
+    } = u, d = je(t, e, a), {
+      onMouseEnter: r,
       onMouseLeave: m
-    } = p, h = ot(e, t, l, u), g = d(), y = re("designer-host-service"), x = re("design-item-context"), C = oa(x, y), v = Ie(g, x, C);
-    Z(() => {
-      g.value.componentInstance = v;
-    }), t.expose(v.value);
-    const T = at(e, t, u, p, h), B = d();
+    } = 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);
+    J(() => {
+      h.value.componentInstance = y;
+    }), e.expose(y.value);
+    const F = at(t, e, u, d, v), b = p();
     return () => f("div", {
       id: "inputGroup",
-      ref: g,
+      ref: h,
       class: s.value,
       style: c.value,
-      onMouseenter: i,
+      onMouseenter: r,
       onMouseleave: m
     }, [f("input", {
-      ref: B,
+      ref: b,
       class: "form-control",
       readonly: !0,
-      placeholder: e.placeholder
-    }, null), r.value && T()]);
+      placeholder: t.placeholder
+    }, null), i.value && F()]);
   }
 });
 function la() {
-  function e(n, o) {
-    const a = Ko[n];
-    return a ? a(o) : {};
+  function t(a, s) {
+    const l = Ko[a];
+    return l ? l(s) : {};
+  }
+  function e(a) {
+    return _o[a] || aa;
   }
-  function t(n) {
-    return Zo[n] || aa;
+  function n(a) {
+  }
+  function o(a) {
   }
-  return { resolveEditorProps: e, resolveEditorType: t };
+  return { getChangeFunctionName: n, getClearFunctionName: o, resolveEditorProps: t, resolveEditorType: e };
 }
-const sa = /* @__PURE__ */ Y({
+const sa = /* @__PURE__ */ H({
   name: "FDynamicFormGroupDesign",
-  props: ue,
+  props: le,
   emits: ["change", "update:modelValue"],
-  setup(e, t) {
-    const n = d(e.id), o = d(e.customClass), a = d(e.editor), s = d(e.label), l = d(e.modelValue), c = d(!0), u = d(e.required), r = d(e.showLabel);
-    d(e.type);
-    const p = d(), {
-      resolveEditorProps: i,
+  setup(t, e) {
+    const n = p(t.id), o = p(t.customClass), a = p(t.editor), s = p(t.label), l = p(t.modelValue), c = p(!0), u = p(t.required), i = p(t.showLabel);
+    p(t.type);
+    const d = p(), {
+      resolveEditorProps: r,
       resolveEditorType: m
-    } = la(), h = w(() => ({
+    } = la(), v = L(() => ({
       "form-group": !0,
       "farris-form-group": !0,
       "common-group": !0,
       "q-state-readonly": c.value,
       "form-group-in-canvas": !0
-    })), g = w(() => {
-      const y = a.value.type || "input-group", x = m(y), C = i(y, a.value);
-      return () => f(x, ae({
-        ref: p
-      }, C, {
+    })), h = L(() => {
+      const g = a.value.type || "input-group", x = m(g), M = r(g, a.value);
+      return () => f(x, te({
+        ref: d
+      }, M, {
         modelValue: l.value,
-        "onUpdate:modelValue": (v) => l.value = v
+        "onUpdate:modelValue": (y) => l.value = y
       }), null);
     });
-    return U([() => e.id, () => e.customClass, () => e.editor, () => e.label, () => e.modelValue, () => e.readonly, () => e.required, () => e.showLabel], ([y, x, C, v, T, B, F, V]) => {
-      n.value = y, o.value = x, a.value = C, s.value = v, l.value = T, c.value = B, u.value = F, r.value = V;
-    }), t.expose({
-      editorRef: p
+    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;
+    }), e.expose({
+      editorRef: d
     }), () => f("div", {
       id: `${n.value}-input-group`,
       class: o.value,
@@ -2487,29 +2300,70 @@ const sa = /* @__PURE__ */ Y({
     }, [f("div", {
       class: "farris-group-wrap"
     }, [f("div", {
-      class: h.value
-    }, [r.value && f(et, {
+      class: v.value
+    }, [i.value && f(tt, {
       id: `${n.value}-lable`,
       required: u.value,
       text: s.value,
       title: s.value
     }, null), f("div", {
       class: "farris-input-wrap"
-    }, [g.value()])])])]);
+    }, [h.value()])])])]);
+  }
+});
+function ra(t, e) {
+  function n() {
+    return !0;
   }
-}), ra = /* @__PURE__ */ Y({
+  function o() {
+    return !0;
+  }
+  function a() {
+    return !1;
+  }
+  function s() {
+    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;
+    if (!m || !d || !r)
+      return;
+    const v = r.getViewModelIdByComponentId(m), h = d.getDgViewModel(v);
+    h && h.removeField([i]);
+  }
+  function c(i) {
+    const d = e == null ? void 0 : e.formSchemaUtils;
+    if (d.getExpressions().length) {
+      const r = d.getExpressions().findIndex((m) => m.fieldId === i);
+      r > -1 && d.getExpressions().splice(r, 1);
+    }
+  }
+  function u() {
+    const { schema: i } = t, d = i.binding && i.binding.field;
+    d && (l(d), c(d));
+  }
+  return {
+    canAccepts: a,
+    checkCanDeleteComponent: o,
+    checkCanMoveComponent: n,
+    hideNestedPaddingInDesginerView: s,
+    onRemoveComponent: u
+  };
+}
+const ia = /* @__PURE__ */ H({
   name: "FFormGroupDesign",
-  props: ue,
+  props: le,
   emits: [],
-  setup(e, t) {
-    const n = d(), o = re("design-item-context"), a = Ie(n, o);
-    return a.value.canNested = !1, a.value.canMove = !0, a.value.canDelete = !0, Z(() => {
-      n.value.componentInstance = a, a.value.getPropConfig = (...s) => {
-        var c, u, r;
-        let l = Ge[e.editor.type];
-        return l && Object.keys(l).length === 0 && ((c = n.value) != null && c.editorRef) && ((r = (u = n.value) == null ? void 0 : u.editorRef) != null && r.getPropConfig) && (l = n.value.editorRef.getPropConfig(...s, a.value)), l;
+  setup(t, e) {
+    const n = p(), o = ee("design-item-context"), a = ee("designer-host-service"), s = ra(o, a), l = Ye(n, o, s);
+    return J(() => {
+      n.value.componentInstance = l, l.value.getPropConfig = (...c) => {
+        var i, d, r;
+        let u = Ge[t.editor.type];
+        return u && Object.keys(u).length === 0 && ((i = n.value) != null && i.editorRef) && ((r = (d = n.value) == null ? void 0 : d.editorRef) != null && r.getPropConfig) && (u = n.value.editorRef.getPropConfig(...c, l.value)), u;
       };
-    }), t.expose(a.value), () => f(sa, ae(e, {
+    }), e.expose(l.value), () => f(sa, te(t, {
       ref: n
     }), null);
   }
@@ -2527,38 +2381,38 @@ const sa = /* @__PURE__ */ Y({
    * 作为内嵌编辑器被创建后默认选中文本
    */
   selectOnCreated: { type: Boolean, default: !1 }
-}, ia = fe(
+}, ua = de(
   st,
   Xe,
-  Se,
+  Ee,
   void 0
-), ua = /* @__PURE__ */ Y({
+), ca = /* @__PURE__ */ H({
   name: "FDynamicFormInput",
   props: st,
   emits: ["change", "update:modelValue"],
-  setup(e, t) {
-    const n = d(e.id), o = d(e.editor), a = d(e.modelValue), {
+  setup(t, e) {
+    const n = p(t.id), o = p(t.editor), a = p(t.modelValue), {
       resolveEditorProps: s,
       resolveEditorType: l,
       getChangeFunctionName: c
     } = lt();
-    function u(p, i) {
-      a.value = i !== void 0 ? i : p, t.emit("update:modelValue", a.value), t.emit("change", a.value);
+    function u(d, r) {
+      a.value = r !== void 0 ? r : d, e.emit("update:modelValue", a.value), e.emit("change", a.value);
     }
-    const r = w(() => {
-      const p = l(o.value.type), i = s(o.value.type, o.value);
-      i.focusOnCreated = e.focusOnCreated, i.selectOnCreated = e.selectOnCreated;
+    const i = L(() => {
+      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 i[m] = u, (i.id == null || i.id === "") && (i.id = n.value), () => f(p, ae(i, {
+      return r[m] = u, (r.id == null || r.id === "") && (r.id = n.value), () => f(d, te(r, {
         modelValue: a.value,
-        "onUpdate:modelValue": (h) => a.value = h
+        "onUpdate:modelValue": (v) => a.value = v
       }), null);
     });
-    return U([() => e.id, () => e.editor, () => e.modelValue], ([p, i, m]) => {
-      n.value = p, o.value = i, a.value = m;
-    }), () => r.value();
+    return W([() => t.id, () => t.editor, () => t.modelValue], ([d, r, m]) => {
+      n.value = d, o.value = r, a.value = m;
+    }), () => i.value();
   }
-}), ca = "https://json-schema.org/draft/2020-12/schema", da = "https://farris-design.gitee.io/grid-field-editor.schema.json", pa = "response-form-layout-setting", ma = "A Farris Data Grid Component", fa = "object", va = {
+}), da = "https://json-schema.org/draft/2020-12/schema", pa = "https://farris-design.gitee.io/grid-field-editor.schema.json", ma = "response-form-layout-setting", fa = "A Farris Data Grid Component", va = "object", ha = {
   id: {
     description: "The unique identifier for a Input Group",
     type: "string"
@@ -2578,17 +2432,17 @@ const sa = /* @__PURE__ */ Y({
     type: "Object",
     default: null
   }
-}, ha = [
+}, ya = [
   "id",
   "type"
 ], ga = {
-  $schema: ca,
-  $id: da,
-  title: pa,
-  description: ma,
-  type: fa,
-  properties: va,
-  required: ha
+  $schema: da,
+  $id: pa,
+  title: ma,
+  description: fa,
+  type: va,
+  properties: ha,
+  required: ya
 }, rt = {
   initialState: {
     type: Object,
@@ -2599,7 +2453,7 @@ const sa = /* @__PURE__ */ Y({
       uniqueColClassInEL: 2
     }
   }
-}, ya = Gn(rt, ga, Zn, to), Ca = {
+}, Ca = Jn(rt, ga, no, so), ba = {
   width: { Type: Number, default: 400 },
   type: { Type: String, default: "info" },
   title: { Type: String, default: "" },
@@ -2609,80 +2463,81 @@ const sa = /* @__PURE__ */ Y({
   exceptionInfo: { Type: Object, default: null },
   promptEditorType: { Type: String, default: "text-area" }
 };
-function Le() {
+function Se() {
   return new DOMException("The request is not allowed", "NotAllowedError");
 }
-async function ba(e) {
+async function wa(t) {
   if (!navigator.clipboard)
-    throw Le();
-  return navigator.clipboard.writeText(e);
+    throw Se();
+  return navigator.clipboard.writeText(t);
 }
-async function wa(e) {
-  const t = document.createElement("span");
-  t.textContent = e, t.style.whiteSpace = "pre", t.style.webkitUserSelect = "auto", t.style.userSelect = "all", document.body.appendChild(t);
+async function Ma(t) {
+  const e = document.createElement("span");
+  e.textContent = t, e.style.whiteSpace = "pre", e.style.webkitUserSelect = "auto", e.style.userSelect = "all", document.body.appendChild(e);
   const n = window.getSelection(), o = window.document.createRange();
-  n == null || n.removeAllRanges(), o.selectNode(t), n == null || n.addRange(o);
+  n == null || n.removeAllRanges(), o.selectNode(e), n == null || n.addRange(o);
   let a = !1;
   try {
     a = window.document.execCommand("copy");
   } finally {
-    n == null || n.removeAllRanges(), window.document.body.removeChild(t);
+    n == null || n.removeAllRanges(), window.document.body.removeChild(e);
   }
-  if (!a) throw Le();
+  if (!a)
+    throw Se();
 }
-async function xa(e) {
+async function xa(t) {
   try {
-    await ba(e);
-  } catch (t) {
+    await wa(t);
+  } catch (e) {
     try {
-      await wa(e);
+      await Ma(t);
     } catch (n) {
-      throw n || t || Le();
+      throw n || e || Se();
     }
   }
 }
-function Ma() {
-  async function e(t) {
-    await xa(t);
+function Fa() {
+  async function t(e) {
+    await xa(e);
   }
-  return { onCopy: e };
+  return { onCopy: t };
 }
-function Ta(e, t, n, o) {
-  const a = d(14), s = d(140), l = d(""), c = d(o.value.length), u = w(() => o.value), r = w(() => ({
+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(() => ({
     "font-size": `${a.value}px`,
     height: "100%"
   }));
-  function p(i) {
-    if (i.currentTarget) {
-      const m = i.currentTarget.value || "";
+  function d(r) {
+    if (r.currentTarget) {
+      const m = r.currentTarget.value || "";
       c.value = m.length;
     }
   }
-  return () => f(ie, null, [f("textarea", {
+  return () => f(ae, null, [f("textarea", {
     title: "promptMessage",
     name: "promptMessage",
     class: "form-control",
-    style: r.value,
+    style: i.value,
     rows: "4",
     maxlength: s.value,
-    onInput: (i) => p(i)
+    onInput: (r) => d(r)
   }, [u.value]), f("span", {
     class: "textarea-wordcount",
     title: l.value,
     style: "position: absolute; bottom: 76px; right: 32px; cursor: pointer; text-align: right;"
   }, [c.value + " / " + s.value])]);
 }
-function Fa(e, t, n, o) {
-  const a = Ta(e, t, n, o), s = /* @__PURE__ */ new Map([["text-area", a]]);
+function Ba(t, e, n, o) {
+  const a = Ta(t, e, n, o), s = /* @__PURE__ */ new Map([["text-area", a]]);
   function l(c) {
     return s.get(c) || null;
   }
   return { getEditorRender: l };
 }
-function Ba() {
-  const e = d(!1), t = d("复制成功");
+function ka() {
+  const t = p(!1), e = p("复制成功");
   return {
-    feedbackStyle: w(() => {
+    feedbackStyle: L(() => {
       const o = {
         position: "absolute",
         left: "50%",
@@ -2699,42 +2554,42 @@ function Ba() {
         color: "#fff",
         transition: "all .3s ease"
       };
-      return o.opacity = e.value ? "0.8" : "0", o.display = e.value ? "" : "none", o;
+      return o.opacity = t.value ? "0.8" : "0", o.display = t.value ? "" : "none", o;
     }),
-    feedbackMessage: t,
-    toShowFeedback: e
+    feedbackMessage: e,
+    toShowFeedback: t
   };
 }
-function ka(e, t) {
-  const n = t.getEditorRender(e.promptEditorType);
+function Ea(t, e) {
+  const n = e.getEditorRender(t.promptEditorType);
   return () => n && n();
 }
-function Sa(e) {
-  const t = d(3), n = d(480), o = w(() => !!e.value && !!e.value.date), a = w(() => `发生时间 : ${e.value && e.value.date || ""}`), s = w(() => !!e.value && !!e.value.detail), l = w(() => {
+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`;
     return {
       overflow: "hidden",
       "text-overflow": "ellipsis",
       display: "-webkit-box",
       "-webkit-box-orient": "vertical",
-      "-webkit-line-clamp": t.value,
+      "-webkit-line-clamp": e.value,
       "max-height": x
     };
-  }), c = w(() => e.value && e.value.detail || ""), u = w(() => !0), r = d(!1), p = d("展开"), i = d("收起"), m = w(() => {
+  }), c = L(() => t.value && t.value.detail || ""), u = L(() => !0), i = p(!1), d = p("展开"), r = p("收起"), m = L(() => {
     const x = {
       display: "block",
       color: "#2A87FF"
     };
-    return x["text-align"] = r.value ? "" : "right", x;
+    return x["text-align"] = i.value ? "" : "right", x;
   });
-  function h(x, C) {
-    r.value = !r.value, t.value = r.value ? 20 : 3;
+  function v(x, M) {
+    i.value = !i.value, e.value = i.value ? 20 : 3;
   }
-  function g(x) {
-    return h();
+  function h(x) {
+    return v();
   }
-  function y(x) {
-    return h();
+  function g(x) {
+    return v();
   }
   return () => f("div", {
     class: "toast-msg-detail"
@@ -2742,36 +2597,36 @@ function Sa(e) {
     id: "exception_error_msg",
     ref: "exceptionMessageRef",
     style: l.value
-  }, [Q("详细信息 : "), f("span", {
+  }, [X("详细信息 : "), f("span", {
     innerHTML: c.value
   }, null)]), u.value && f("span", {
     style: m.value
-  }, [r.value && f("span", {
-    onClick: g,
+  }, [i.value && f("span", {
+    onClick: h,
     style: "cursor: pointer;"
-  }, [i.value]), !r.value && f("span", {
-    onClick: y,
+  }, [r.value]), !i.value && f("span", {
+    onClick: g,
     style: "cursor: pointer;"
-  }, [p.value])])]);
+  }, [d.value])])]);
 }
-function Ia(e) {
+function Sa(t) {
   return () => f("p", {
     class: "toast-msg-detail",
-    innerHTML: e.value
+    innerHTML: t.value
   }, null);
 }
-function Ea(e, t, n, o) {
-  const a = d(e.exceptionInfo), s = w(() => {
+function La(t, e, n, o) {
+  const a = p(t.exceptionInfo), s = L(() => {
     const m = {
       "f-icon": !0
-    }, h = `f-icon-${t.value}`;
-    return m[h] = !0, m;
-  }), l = w(() => n.value || a.value && a.value.message), c = w(() => o.value), u = w(() => !!o.value), r = w(() => !!a.value);
-  function p() {
-    return r.value ? Sa(a) : u.value ? Ia(c) : () => null;
-  }
-  const i = p();
-  return () => f(ie, null, [f("div", {
+    }, 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);
+  function d() {
+    return i.value ? Ia(a) : u.value ? Sa(c) : () => null;
+  }
+  const r = d();
+  return () => f(ae, null, [f("div", {
     class: "float-left modal-tips-iconwrap"
   }, [f("span", {
     class: s.value
@@ -2780,20 +2635,20 @@ function Ea(e, t, n, o) {
   }, [f("p", {
     class: "toast-msg-title",
     innerHTML: l.value
-  }, null), i()])]);
+  }, null), r()])]);
 }
-function La(e, t, n) {
+function Da(t, e, n) {
   const {
     onCopy: o
-  } = t, {
+  } = e, {
     toShowFeedback: a
-  } = n, s = d("复制成功"), l = d("复制详细信息"), c = d(e.exceptionInfo || {
+  } = n, s = p("复制成功"), l = p("复制详细信息"), c = p(t.exceptionInfo || {
     date: "",
     message: "",
     detail: ""
-  }), u = w(() => c.value && c.value.detail || "");
-  function r(p) {
-    o(u.value).catch((i) => {
+  }), u = L(() => c.value && c.value.detail || "");
+  function i(d) {
+    o(u.value).catch((r) => {
       s.value = "复制失败";
     }).finally(() => {
       a.value = !0, setTimeout(() => {
@@ -2804,77 +2659,77 @@ function La(e, t, n) {
   return () => f("span", {
     style: "width: 100%;color: #2A87FF;padding-left: 37px;"
   }, [f("span", {
-    onClick: r,
+    onClick: i,
     style: "cursor: pointer;"
   }, [l.value])]);
 }
-function Da(e, t, n, o) {
-  const a = d(e.type), s = d([]), l = d(e.exceptionInfo), c = d(e.okButtonText), u = d(e.cancelButtonText), r = d(!0), p = d(!0), i = w(() => !!(s.value && s.value.length)), m = w(() => l.value && l.value.date && l.value.message && l.value.detail), h = w(() => !(s.value && s.value.length) && (c.value || u.value)), g = w(() => p.value && c.value), y = w(() => r.value && u.value), x = La(e, n, o);
-  function C(T) {
-    a.value === "question" && t.emit("reject"), t.emit("close");
+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) {
+    a.value === "question" && e.emit("reject"), e.emit("close");
   }
-  function v(T) {
-    a.value === "question" && t.emit("accept"), t.emit("close");
+  function y(F) {
+    a.value === "question" && e.emit("accept"), e.emit("close");
   }
   return () => f("div", {
     class: "modal-footer"
-  }, [m.value && x(), h.value && y.value && f("button", {
+  }, [m.value && x(), v.value && g.value && f("button", {
     type: "button",
     class: "btn btn-secondary btn-lg",
-    onClick: C
-  }, [u.value]), h.value && g.value && f("button", {
+    onClick: M
+  }, [u.value]), v.value && h.value && f("button", {
     type: "button",
     class: "btn btn-primary btn-lg",
-    onClick: v
-  }, [c.value]), i.value && s.value.length && s.value.map((T) => f("button", {
+    onClick: y
+  }, [c.value]), r.value && s.value.length && s.value.map((F) => f("button", {
     type: "button",
-    onClick: T.handle,
-    class: T.class
-  }, [T.iconClass && f("span", {
-    class: T.iconClass
-  }, null), T.text]))]);
+    onClick: F.handle,
+    class: F.class
+  }, [F.iconClass && f("span", {
+    class: F.iconClass
+  }, null), F.text]))]);
 }
-const de = /* @__PURE__ */ Y({
+const ie = /* @__PURE__ */ H({
   name: "FMessageBox",
-  props: Ca,
+  props: ba,
   emits: ["accept", "reject", "close"],
-  setup(e, t) {
-    const n = d(e.type), o = d(e.title), a = d(e.detail), s = w(() => {
+  setup(t, e) {
+    const n = p(t.type), o = p(t.title), a = p(t.detail), s = L(() => {
       const x = {
         "modal-tips": !0,
         "d-flex": !0,
         "flex-row": !0
-      }, C = `messager-type-${n.value}`;
-      return x[C] = !0, x;
-    }), l = w(() => {
+      }, 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 = Ma(), u = Fa(e, n, o, a), r = Ba(), {
-      feedbackStyle: p,
-      feedbackMessage: i
-    } = r;
+    }), c = Fa(), u = Ba(t, n, o, a), i = ka(), {
+      feedbackStyle: d,
+      feedbackMessage: r
+    } = i;
     function m() {
       return f("div", {
-        style: p.value
-      }, [i.value]);
+        style: d.value
+      }, [r.value]);
     }
-    function h() {
+    function v() {
       switch (n.value) {
         case "prompt":
-          return ka(e, u);
+          return Ea(t, u);
         default:
-          return Ea(e, n, o, a);
+          return La(t, n, o, a);
       }
     }
-    const g = h(), y = Da(e, t, c, r);
+    const h = v(), g = Pa(t, e, c, i);
     return () => f("div", {
       class: "farris-messager"
     }, [f("section", {
       class: s.value,
       style: l.value
-    }, [g()]), y(), m()]);
+    }, [h()]), g(), m()]);
   }
-}), Pa = {
+}), Va = {
   /**
    * 自定义类
    */
@@ -2935,37 +2790,37 @@ const de = /* @__PURE__ */ Y({
   enableEsc: { type: Boolean, default: !0 },
   enableEnter: { type: Boolean, default: !1 }
 };
-class G {
-  constructor(t, n) {
-    this.x = t, this.y = n;
+class q {
+  constructor(e, n) {
+    this.x = e, this.y = n;
   }
-  static getTransformInfo(t) {
-    const o = window.getComputedStyle(t).getPropertyValue("transform").replace(/[^-\d,]/g, "").split(",");
+  static getTransformInfo(e) {
+    const o = window.getComputedStyle(e).getPropertyValue("transform").replace(/[^-\d,]/g, "").split(",");
     if (o.length >= 6) {
       const a = parseInt(o[4], 10), s = parseInt(o[5], 10);
       return { x: a, y: s };
     }
     return { x: 0, y: 0 };
   }
-  static fromEvent(t, n = null) {
-    if (this.isMouseEvent(t))
-      return new G(t.clientX, t.clientY);
-    if (n === null || t.changedTouches.length === 1)
-      return new G(t.changedTouches[0].clientX, t.changedTouches[0].clientY);
-    for (let o = 0; o < t.changedTouches.length; o++)
-      if (t.changedTouches[o].target === n)
-        return new G(t.changedTouches[o].clientX, t.changedTouches[o].clientY);
+  static fromEvent(e, n = null) {
+    if (this.isMouseEvent(e))
+      return new q(e.clientX, e.clientY);
+    if (n === null || e.changedTouches.length === 1)
+      return new q(e.changedTouches[0].clientX, e.changedTouches[0].clientY);
+    for (let o = 0; o < e.changedTouches.length; o++)
+      if (e.changedTouches[o].target === n)
+        return new q(e.changedTouches[o].clientX, e.changedTouches[o].clientY);
   }
-  static isMouseEvent(t) {
-    return Object.prototype.toString.apply(t).indexOf("MouseEvent") === 8;
+  static isMouseEvent(e) {
+    return Object.prototype.toString.apply(e).indexOf("MouseEvent") === 8;
   }
-  static isIPosition(t) {
-    return !!t && "x" in t && "y" in t;
+  static isIPosition(e) {
+    return !!e && "x" in e && "y" in e;
   }
-  static getCurrent(t) {
-    const n = new G(0, 0);
+  static getCurrent(e) {
+    const n = new q(0, 0);
     if (window) {
-      const o = window.getComputedStyle(t);
+      const o = window.getComputedStyle(e);
       if (o) {
         const a = parseInt(o.getPropertyValue("left"), 10), s = parseInt(o.getPropertyValue("top"), 10);
         n.x = isNaN(a) ? 0 : a, n.y = isNaN(s) ? 0 : s;
@@ -2974,676 +2829,676 @@ class G {
     }
     return null;
   }
-  static copy(t) {
-    return new G(0, 0).set(t);
+  static copy(e) {
+    return new q(0, 0).set(e);
   }
   get value() {
     return { x: this.x, y: this.y };
   }
-  add(t) {
-    return this.x += t.x, this.y += t.y, this;
+  add(e) {
+    return this.x += e.x, this.y += e.y, this;
   }
-  subtract(t) {
-    return this.x -= t.x, this.y -= t.y, this;
+  subtract(e) {
+    return this.x -= e.x, this.y -= e.y, this;
   }
-  multiply(t) {
-    this.x *= t, this.y *= t;
+  multiply(e) {
+    this.x *= e, this.y *= e;
   }
-  divide(t) {
-    this.x /= t, this.y /= t;
+  divide(e) {
+    this.x /= e, this.y /= e;
   }
   reset() {
     return this.x = 0, this.y = 0, this;
   }
-  set(t) {
-    return this.x = t.x, this.y = t.y, this;
+  set(e) {
+    return this.x = e.x, this.y = e.y, this;
   }
 }
-class ee {
-  constructor(t, n) {
-    this.width = t, this.height = n;
+class _ {
+  constructor(e, n) {
+    this.width = e, this.height = n;
   }
-  static getCurrent(t) {
-    const n = new ee(0, 0);
+  static getCurrent(e) {
+    const n = new _(0, 0);
     if (window) {
-      const o = window.getComputedStyle(t);
+      const o = window.getComputedStyle(e);
       return o && (n.width = parseInt(o.getPropertyValue("width"), 10), n.height = parseInt(o.getPropertyValue("height"), 10)), n;
     }
     return null;
   }
-  static copy(t) {
-    return new ee(0, 0).set(t);
+  static copy(e) {
+    return new _(0, 0).set(e);
   }
-  set(t) {
-    return this.width = t.width, this.height = t.height, this;
+  set(e) {
+    return this.width = e.width, this.height = e.height, this;
   }
 }
-function Va(e, t) {
-  const n = d(), o = d(), a = d(), s = d(), l = d(), c = d(), u = d(), r = d(), p = d(), i = d(), m = d(), h = d(), g = d(e.draggable), y = d(!1);
+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 k = o.value || document.body, P = window.getComputedStyle(k);
-    if (!P || !n.value)
+    const I = o.value || document.body, D = window.getComputedStyle(I);
+    if (!D || !n.value)
       return;
-    const $ = G.getTransformInfo(n.value), O = {};
-    u.value && (O.deltaL = n.value.offsetLeft - u.value.x, O.deltaT = n.value.offsetTop - u.value.y);
-    const W = P.getPropertyValue("position");
-    O.width = k.clientWidth, O.height = k.clientHeight, O.pr = parseInt(P.getPropertyValue("padding-right"), 10), O.pb = parseInt(P.getPropertyValue("padding-bottom"), 10), O.position = P.getPropertyValue("position"), W === "static" && (k.style.position = "relative"), O.translateX = $.x, O.translateY = $.y, i.value = O;
+    const $ = q.getTransformInfo(n.value), A = {};
+    u.value && (A.deltaL = n.value.offsetLeft - u.value.x, A.deltaT = n.value.offsetTop - u.value.y);
+    const G = D.getPropertyValue("position");
+    A.width = I.clientWidth, A.height = I.clientHeight, A.pr = parseInt(D.getPropertyValue("padding-right"), 10), A.pb = parseInt(D.getPropertyValue("padding-bottom"), 10), A.position = D.getPropertyValue("position"), G === "static" && (I.style.position = "relative"), A.translateX = $.x, A.translateY = $.y, r.value = A;
   }
-  function C(k) {
+  function M(I) {
     if (n.value) {
-      s.value = ee.getCurrent(n.value), l.value = G.getCurrent(n.value), c.value = s.value ? ee.copy(s.value) : null, u.value = l.value ? G.copy(l.value) : null, x();
-      const P = k.target.getAttribute("type") || "";
-      r.value = {
-        n: !!P.match(/n/),
-        s: !!P.match(/s/),
-        w: !!P.match(/w/),
-        e: !!P.match(/e/)
+      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();
+      const D = I.target.getAttribute("type") || "";
+      i.value = {
+        n: !!D.match(/n/),
+        s: !!D.match(/s/),
+        w: !!D.match(/w/),
+        e: !!D.match(/e/)
       };
     }
   }
-  function v() {
-    var k, P, $, O;
+  function y() {
+    var I, D, $, A;
     if (n.value) {
-      const W = n.value;
-      r.value && ((r.value.n || r.value.s) && ((k = c.value) != null && k.height) && (W.style.height = c.value.height + "px"), (r.value.w || r.value.e) && ((P = c.value) != null && P.width) && (W.style.width = c.value.width + "px"), u.value && (($ = u.value) != null && $.x && (W.style.left = u.value.x + "px"), (O = u.value) != null && O.y && (W.style.top = u.value.y + "px")));
+      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 T() {
-    const k = e.minHeight ? e.minHeight : 1, P = e.minWidth ? e.minWidth : 1;
-    c.value && u.value && r.value && s.value && (c.value.height < k && (c.value.height = k, r.value.n && l.value && (u.value.y = l.value.y + (s.value.height - k))), c.value.width < P && (c.value.width = P, r.value.w && l.value && (u.value.x = l.value.x + (s.value.width - P))), e.maxHeight && c.value.height > e.maxHeight && (c.value.height = e.maxHeight, l.value && r.value.n && (u.value.y = l.value.y + (s.value.height - e.maxHeight))), e.maxWidth && c.value.width > e.maxWidth && (c.value.width = e.maxWidth, r.value.w && l.value && (u.value.x = l.value.x + (s.value.width - e.maxWidth))));
+  function F() {
+    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 b() {
     if (o.value) {
-      const k = i.value;
-      if (u.value && c.value && r.value && s.value) {
-        const P = k.width - k.pr - k.deltaL - k.translateX - u.value.x, $ = k.height - k.pb - k.deltaT - k.translateY - u.value.y;
-        r.value.n && u.value.y + k.translateY < 0 && l.value && (u.value.y = -k.translateY, c.value.height = s.value.height + l.value.y + k.translateY), r.value.w && u.value.x + k.translateX < 0 && l.value && (u.value.x = -k.translateX, c.value.width = s.value.width + l.value.x + k.translateX), c.value.width > P && (c.value.width = P), c.value.height > $ && (c.value.height = $);
+      const I = r.value;
+      if (u.value && c.value && i.value && s.value) {
+        const D = I.width - I.pr - I.deltaL - I.translateX - u.value.x, $ = I.height - I.pb - I.deltaT - I.translateY - u.value.y;
+        i.value.n && u.value.y + I.translateY < 0 && l.value && (u.value.y = -I.translateY, c.value.height = s.value.height + l.value.y + I.translateY), i.value.w && u.value.x + I.translateX < 0 && l.value && (u.value.x = -I.translateX, c.value.width = s.value.width + l.value.x + I.translateX), c.value.width > D && (c.value.width = D), c.value.height > $ && (c.value.height = $);
       }
     }
   }
-  function F(k) {
-    if (!a.value || !s.value || !l.value || !r.value)
+  function w(I) {
+    if (!a.value || !s.value || !l.value || !i.value)
       return;
-    k.subtract(a.value);
-    const P = k.x, $ = k.y;
-    r.value.n ? (u.value.y = l.value.y + $, c.value.height = s.value.height - $) : r.value.s && (c.value.height = s.value.height + $), r.value.e ? c.value.width = s.value.width + P : r.value.w && (c.value.width = s.value.width - P, u.value.x = l.value.x + P), B(), T(), v();
+    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();
   }
-  function V(k) {
-    if (!p.value)
+  function R(I) {
+    if (!d.value)
       return;
-    const P = G.fromEvent(k);
-    P && F(P);
+    const D = q.fromEvent(I);
+    D && w(D);
   }
-  function b() {
+  function C() {
     if (n.value) {
       const {
-        width: k,
-        height: P,
+        width: I,
+        height: D,
         x: $,
-        y: O
-      } = n.value.getBoundingClientRect(), W = G.getTransformInfo(n.value);
+        y: A
+      } = n.value.getBoundingClientRect(), G = q.getTransformInfo(n.value);
       return {
         size: {
-          width: k,
-          height: P
+          width: I,
+          height: D
         },
         position: {
-          x: $ - W.x,
-          y: O - W.y
+          x: $ - G.x,
+          y: A - G.y
         }
       };
     }
     return null;
   }
-  function D(k) {
+  function P(I) {
     if (n.value) {
-      const P = b();
-      m.value = P;
+      const D = C();
+      m.value = D;
     }
-    a.value = void 0, s.value = null, l.value = null, c.value = null, u.value = null, r.value = null, p.value = null, document.removeEventListener("mousemove", V), document.removeEventListener("mouseup", 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);
   }
-  function j() {
-    document.addEventListener("mousemove", V), document.addEventListener("mouseup", D);
+  function O() {
+    document.addEventListener("mousemove", R), document.addEventListener("mouseup", P);
   }
-  function q(k) {
-    k instanceof MouseEvent && k.button === 2 || g.value && (k.stopPropagation(), k.preventDefault(), a.value = G.fromEvent(k), p.value = k.target, C(k), j());
+  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());
   }
-  function X(k) {
-    return n.value = k, f(ie, null, [f("div", {
+  function z(I) {
+    return n.value = I, f(ae, null, [f("div", {
       class: "fv-resizable-handle fv-resizable-n",
       type: "n",
-      onMousedown: (P) => q(P)
+      onMousedown: (D) => U(D)
     }, null), f("div", {
       class: "fv-resizable-handle fv-resizable-e",
       type: "e",
-      onMousedown: (P) => q(P)
+      onMousedown: (D) => U(D)
     }, null), f("div", {
       class: "fv-resizable-handle fv-resizable-s",
       type: "s",
-      onMousedown: (P) => q(P)
+      onMousedown: (D) => U(D)
     }, null), f("div", {
       class: "fv-resizable-handle fv-resizable-w",
       type: "w",
-      onMousedown: (P) => q(P)
+      onMousedown: (D) => U(D)
     }, null), f("div", {
       class: "fv-resizable-handle fv-resizable-ne",
       type: "ne",
-      onMousedown: (P) => q(P)
+      onMousedown: (D) => U(D)
     }, null), f("div", {
       class: "fv-resizable-handle fv-resizable-se fv-resizable-diagonal",
       type: "se",
-      onMousedown: (P) => q(P)
+      onMousedown: (D) => U(D)
     }, null), f("div", {
       class: "fv-resizable-handle fv-resizable-sw",
       type: "sw",
-      onMousedown: (P) => q(P)
+      onMousedown: (D) => U(D)
     }, null), f("div", {
       class: "fv-resizable-handle fv-resizable-nw",
       type: "nw",
-      onMousedown: (P) => q(P)
+      onMousedown: (D) => U(D)
     }, null)]);
   }
-  function J(k = !0) {
-    const P = o.value || document.body, $ = ee.getCurrent(P), O = n.value;
-    k && (h.value = b(), h.value.transform = O.style.transform), $ && O && (c.value = $, O.style.height = c.value.height - 14 + "px", O.style.width = c.value.width - 14 + "px", O.style.left = "7px", O.style.top = "7px", O.style.transform = "", m.value = {
+  function Y(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 = {
       size: c.value,
       position: {
         x: 0,
         y: 0
       }
-    }, g.value = !1, y.value = !0);
+    }, h.value = !1, g.value = !0);
   }
-  function R() {
-    var k, P;
-    if (h.value) {
+  function pe() {
+    var I, D;
+    if (v.value) {
       const $ = {
-        width: h.value.size.width || 0,
-        height: h.value.size.height || 0
-      }, O = {
+        width: v.value.size.width || 0,
+        height: v.value.size.height || 0
+      }, A = {
         x: (window.innerWidth - $.width) / 2,
         y: (window.innerHeight - $.height) / 2
       };
-      (k = c.value) == null || k.set($), (P = u.value) == null || P.set(O);
-      const W = n.value;
-      W.style.height = $.height + "px", W.style.width = $.width + "px", W.style.left = `${O.x}px`, W.style.top = `${O.y}px`, W.style.transform = "", m.value = {
+      (I = c.value) == null || I.set($), (D = u.value) == null || D.set(A);
+      const G = n.value;
+      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: O
-      }, g.value = e.draggable, y.value = !1;
+        position: A
+      }, h.value = t.draggable, g.value = !1;
     }
   }
-  function H() {
+  function me() {
     if (n.value) {
-      const k = ee.getCurrent(n.value);
-      if (k) {
+      const I = _.getCurrent(n.value);
+      if (I) {
         const {
-          width: P,
+          width: D,
           height: $
-        } = k;
-        n.value.style.left = `${(window.innerWidth - P) / 2}px`, n.value.style.top = `${(window.innerHeight - $) / 2}px`, n.value.style.transform = "";
+        } = I;
+        n.value.style.left = `${(window.innerWidth - D) / 2}px`, n.value.style.top = `${(window.innerHeight - $) / 2}px`, n.value.style.transform = "";
       }
     }
   }
-  function te() {
-    const k = () => {
-      y.value ? J(!1) : H();
+  function fe() {
+    const I = () => {
+      g.value ? Y(!1) : me();
     };
-    return window.addEventListener("resize", k), () => {
-      window.removeEventListener("resize", k);
+    return window.addEventListener("resize", I), () => {
+      window.removeEventListener("resize", I);
     };
   }
-  const ne = te();
+  const se = fe();
   return {
-    renderResizeBar: X,
+    renderResizeBar: z,
     boundingElement: o,
     resizedEventParam: m,
-    maximize: J,
-    restore: R,
-    allowDrag: g,
-    isMaximized: y,
-    unWindowResizeHandle: ne
+    maximize: Y,
+    restore: pe,
+    allowDrag: h,
+    isMaximized: g,
+    unWindowResizeHandle: se
   };
 }
-function Aa(e, t, n) {
-  const o = d(), a = d(e.draggable), s = d(e.lockAxis), l = d(), c = d(), u = d(!1), r = d(new G(0, 0)), p = d(new G(0, 0)), i = d(new G(0, 0)), m = d(new G(0, 0));
-  U(() => n.value, (b) => {
-    l.value.style.cursor = b ? "move" : "default";
+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";
   });
-  function h(b, D) {
-    if (D.tagName === "BUTTON")
+  function v(C, P) {
+    if (P.tagName === "BUTTON")
       return !1;
-    if (D === b)
+    if (P === C)
       return !0;
-    for (const j in D.children)
-      if (D.children.hasOwnProperty(j) && h(b, D.children[j]))
+    for (const O in P.children)
+      if (Object.prototype.hasOwnProperty.call(P.children, O) && v(C, P.children[O]))
         return !0;
     return !1;
   }
-  function g() {
-    var q, X;
-    let b = i.value.x + p.value.x, D = i.value.y + p.value.y;
-    s.value === "x" ? (b = ((q = r.value) == null ? void 0 : q.x) || 0, i.value.x = 0) : s.value === "y" && (D = ((X = r.value) == null ? void 0 : X.y) || 0, i.value.y = 0);
-    const j = `translate3d(${Math.round(b)}px, ${Math.round(D)}px, 0px)`;
-    o.value && (o.value.style.transform = j), m.value.x = b, m.value.y = D;
+  function h() {
+    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;
   }
-  function y() {
+  function g() {
     if (!c.value || !o.value)
       return null;
-    const b = c.value.getBoundingClientRect(), D = o.value.getBoundingClientRect(), j = {
-      top: b.top < D.top,
-      right: b.right > D.right,
-      bottom: b.bottom > D.bottom,
-      left: b.left < D.left
+    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
     };
-    return j.top || (i.value.y -= D.top - b.top), j.bottom || (i.value.y -= D.bottom - b.bottom), j.right || (i.value.x -= D.right - b.right), j.left || (i.value.x -= D.left - b.left), g(), j;
+    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;
   }
-  function x(b) {
-    b && (r.value && b.subtract(r.value), i.value.set(b), g(), y());
+  function x(C) {
+    C && (i.value && C.subtract(i.value), r.value.set(C), h(), g());
   }
-  function C(b) {
-    u.value && a.value && (b.stopPropagation(), b.preventDefault(), x(G.fromEvent(b, l.value)));
+  function M(C) {
+    u.value && a.value && (C.stopPropagation(), C.preventDefault(), x(q.fromEvent(C, l.value)));
   }
-  function v() {
-    var b;
-    u.value && (u.value = !1, p.value.add(i.value), i.value.reset(), (b = o.value) == null || b.classList.remove("ng-dragging"), document.removeEventListener("mousemove", C), document.removeEventListener("mouseup", v));
+  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 T() {
-    !u.value && l.value && (u.value = !0, l.value.classList.add("ng-dragging"), document.addEventListener("mousemove", C), document.addEventListener("mouseup", v));
+  function F() {
+    !u.value && l.value && (u.value = !0, l.value.classList.add("ng-dragging"), document.addEventListener("mousemove", M), document.addEventListener("mouseup", y));
   }
-  function B() {
+  function b() {
     if (o.value) {
-      const b = G.getTransformInfo(o.value);
-      p.value.set(b);
+      const C = q.getTransformInfo(o.value);
+      d.value.set(C);
       return;
     }
-    p.value.reset();
+    d.value.reset();
   }
-  function F(b) {
-    if (!n.value || b instanceof MouseEvent && b.button === 2)
+  function w(C) {
+    if (!n.value || C instanceof MouseEvent && C.button === 2)
       return;
-    const D = b.target || b.srcElement;
-    l.value !== void 0 && D && !h(D, l.value) || a.value !== !1 && (document.body.click(), b.stopPropagation(), b.preventDefault(), r.value = G.fromEvent(b, o.value), B(), T());
-  }
-  function V(b, D, j) {
-    if (a.value && D) {
-      if (b)
-        l.value = b;
-      else if (e.dragHandle) {
-        if (e.dragHandle instanceof HTMLElement)
-          l.value = e.dragHandle;
-        else if (typeof e.dragHandle == "string") {
-          const q = D.querySelector(e.dragHandle);
-          q && (l.value = q);
+    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());
+  }
+  function R(C, P, O) {
+    if (a.value && P) {
+      if (C)
+        l.value = C;
+      else if (t.dragHandle) {
+        if (t.dragHandle instanceof HTMLElement)
+          l.value = t.dragHandle;
+        else if (typeof t.dragHandle == "string") {
+          const U = P.querySelector(t.dragHandle);
+          U && (l.value = U);
         }
       }
-      o.value = D, c.value = j, l.value.classList.add("ng-draggable"), l.value.addEventListener("mousedown", F);
+      o.value = P, c.value = O, l.value.classList.add("ng-draggable"), l.value.addEventListener("mousedown", w);
     }
   }
   return {
-    registerDraggle: V,
-    resetTranslate: B
+    registerDraggle: R,
+    resetTranslate: b
   };
 }
-function it(e, t) {
-  if (e) {
+function it(t, e) {
+  if (t) {
     const n = (o) => {
-      o.key.toLowerCase() === e.toLowerCase() && t({ event: o, key: e });
+      o.key.toLowerCase() === t.toLowerCase() && e({ event: o, key: t });
     };
     return document.addEventListener("keydown", n), () => {
       document.removeEventListener("keydown", n);
     };
   }
 }
-function Ra(e, t) {
-  const n = d(e.enableEsc);
+function Oa(t, e) {
+  const n = p(t.enableEsc);
   let o = null;
   return n.value ? (o = it("Escape", (a) => {
-    t.emit("esc", { event: a.event, type: "esc" });
+    e.emit("esc", { event: a.event, type: "esc" });
   }), {
     remove: o
   }) : null;
 }
-function Na(e, t) {
-  const n = d(e.enableEnter);
+function Aa(t, e) {
+  const n = p(t.enableEnter);
   let o = null;
   return n.value ? (o = it("Enter", (a) => {
-    t.emit("enter", { event: a.event, type: "enter" });
+    e.emit("enter", { event: a.event, type: "enter" });
   }), {
     remove: o
   }) : null;
 }
-const ut = /* @__PURE__ */ Y({
+const ut = /* @__PURE__ */ H({
   name: "FModal",
-  props: Pa,
+  props: Va,
   emits: ["update:modelValue", "accept", "cancel", "closed", "resize", "esc", "enter"],
-  setup(e, t) {
-    const n = d(e.width || 300), o = d(e.height || 200), a = d(e.modelValue), s = d(""), l = d(e.class), c = d(e.fitContent), u = d(e.showHeader), r = d(""), p = d(e.showCloseButton), i = d(e.showMaxButton), m = d(!1), h = d(""), g = d(""), y = d(""), x = d(e.showButtons), C = d(e.title), v = d(e.reiszeable), T = d(e.containment || null), B = d();
-    function F(M, z) {
-      a.value = !1, t.emit("update:modelValue", !1), z != null && t.emit(z ? "accept" : "cancel"), t.emit("closed", M);
+  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 V = [{
+    const R = [{
       name: "cancel",
       text: "取消",
       class: "btn btn-secondary",
-      handle: (M) => {
-        F(M, !1);
+      handle: (T) => {
+        w(T, !1);
       }
     }, {
       name: "accept",
       text: "确定",
       class: "btn btn-primary",
-      handle: (M) => {
-        F(M, !0);
+      handle: (T) => {
+        w(T, !0);
       }
-    }], b = d(e.buttons && e.buttons.length ? e.buttons : V), D = w(() => !!r.value), j = w(() => !!x.value && !!b.value), q = d(), X = d(), J = d(!1), {
-      renderResizeBar: R,
-      maximize: H,
-      restore: te,
-      boundingElement: ne,
-      resizedEventParam: k,
-      allowDrag: P,
+    }], 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,
+      maximize: me,
+      restore: fe,
+      boundingElement: se,
+      resizedEventParam: I,
+      allowDrag: D,
       unWindowResizeHandle: $
-    } = Va(e), {
-      registerDraggle: O
-    } = Aa(e, t, P);
-    U(() => e.title, (M, z) => {
-      M !== z && (C.value = M);
-    }), U(() => e.modelValue, (M, z) => {
-      M !== z && (a.value = M);
-    }), U(() => e.showHeader, (M, z) => {
-      M !== z && (u.value = M);
-    }), U(() => e.showButtons, (M, z) => {
-      M !== z && (x.value = M);
-    }), U(() => k.value, (M, z) => {
-      const le = M || {}, ce = z || {};
-      JSON.stringify(le) !== JSON.stringify(ce) && t.emit("resize", {
-        newSize: M,
-        oldSize: z
+    } = 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,
+        oldSize: j
       });
     });
-    function W() {
-      const M = document.querySelectorAll(".farris-modal").length;
-      (!M || M - 1 <= 0) && document.body.classList.remove("modal-open"), B.value && B.value.classList.remove("show");
+    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 ve = w(() => (a.value ? document.body.classList.add("modal-open") : W(), a.value)), dt = w(() => {
-      const M = {
+    const ve = L(() => (a.value ? document.body.classList.add("modal-open") : G(), a.value)), dt = L(() => {
+      const T = {
         modal: !0,
         "farris-modal": !0,
         fade: !0
       };
-      return M["f-modal-fitContent"] = !!c.value, M.show = !!ve.value, M;
-    }), pt = w(() => {
-      var le;
-      const M = {
+      return T["f-modal-fitContent"] = !!c.value, T.show = !!ve.value, T;
+    }), pt = L(() => {
+      var ne;
+      const T = {
         "modal-dialog": !0
-      }, z = (le = l.value) == null ? void 0 : le.split(" ");
-      return z == null || z.reduce((ce, Bt) => (ce[Bt] = !0, ce), M), M;
-    }), mt = w(() => ({
+      }, j = (ne = l.value) == null ? void 0 : ne.split(" ");
+      return j == null || j.reduce((re, Bt) => (re[Bt] = !0, re), T), T;
+    }), mt = L(() => ({
       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 = w(() => ({
+    })), ft = L(() => ({
       "modal-content": !0,
       "modal-content-has-header": u.value
-    })), vt = w(() => {
-      const M = {
+    })), vt = L(() => {
+      const T = {
         display: u.value ? "" : "none"
       };
-      return M["pointer-events"] = P.value ? "auto" : "none", M;
-    }), ht = w(() => ({
+      return T["pointer-events"] = D.value ? "auto" : "none", T;
+    }), ht = L(() => ({
       "f-icon": !0,
       modal_maximize: !0,
-      modalrevert: J.value
-    })), gt = w(() => ({
+      modalrevert: Y.value
+    })), yt = L(() => ({
       "modal-body": !0,
-      "f-utils-flex-column": h.value === "iframe"
+      "f-utils-flex-column": v.value === "iframe"
     }));
-    function yt() {
+    function gt() {
       return {};
     }
-    const Ct = w(() => {
-      const M = {
-        textAlgin: y.value
-      }, z = yt();
-      return Object.assign(M, z);
+    const Ct = L(() => {
+      const T = {
+        textAlgin: g.value
+      }, j = gt();
+      return Object.assign(T, j);
     });
-    function De(M) {
-      if (M.stopPropagation(), J.value) {
-        J.value = !1, te();
+    function Le(T) {
+      if (T.stopPropagation(), Y.value) {
+        Y.value = !1, fe();
         return;
       }
-      H(), J.value = !0;
+      me(), Y.value = !0;
     }
-    async function bt(M, z) {
-      M.handle && await M.handle(z, M) && t.emit("closed", z);
+    async function bt(T, j) {
+      T.handle && await T.handle(j, T) && e.emit("closed", j);
     }
-    function wt(M) {
-      M.width && (n.value = M.width), M.height && (o.value = M.height), M.buttons && (b.value = M.buttons), M.title && (C.value = M.title);
+    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);
     }
-    let he = null, ge = null;
-    Z(() => {
-      X.value && !T.value && (T.value = X.value.parentElement, ne.value = T.value, O(q.value, X.value, ne.value)), ve.value && document.body.classList.add("modal-open"), he = Ra(e, t), ge = Na(e, t);
-    }), ze(() => {
-      W(), $ && $(), he && he.remove(), ge && ge.remove();
-    }), t.expose({
-      modalElementRef: X,
+    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);
+    }), Ue(() => {
+      G(), $ && $(), he && he.remove(), ye && ye.remove();
+    }), e.expose({
+      modalElementRef: z,
       updateModalOptions: wt,
-      close: F,
-      maxDialog: De
+      close: w,
+      maxDialog: Le
     });
-    function xt() {
+    function Mt() {
       return f("ul", null, [m.value && f("li", {
         class: "f-btn-icon f-bare"
       }, [f("span", {
         class: "f-icon modal_minimize"
-      }, null)]), i.value && f("li", {
-        onClick: De,
+      }, null)]), r.value && f("li", {
+        onClick: Le,
         class: "f-btn-icon f-bare",
         style: "pointer-events: auto;"
       }, [f("span", {
         class: ht.value
-      }, null)]), p.value && f("li", {
+      }, null)]), d.value && f("li", {
         class: "f-btn-icon f-bare",
-        onClick: (M) => F(M, !1),
+        onClick: (T) => w(T, !1),
         style: "pointer-events: auto;"
       }, [f("span", {
         class: "f-icon modal_close"
       }, null)])]);
     }
-    function Mt() {
+    function xt() {
       return f("div", {
         class: "modal-footer",
         style: Ct.value
-      }, [b.value && b.value.map((M) => f("button", {
-        name: M.name,
+      }, [C.value && C.value.map((T) => f("button", {
+        name: T.name,
         type: "button",
-        class: M.class + (M.iconClass ? " btn-icontext" : ""),
-        onClick: (z) => {
-          bt(M, z);
+        class: T.class + (T.iconClass ? " btn-icontext" : ""),
+        onClick: (j) => {
+          bt(T, j);
         }
-      }, [!!M.iconClass && f("i", {
-        class: M.iconClass
-      }, null), M.text]))]);
+      }, [!!T.iconClass && f("i", {
+        class: T.iconClass
+      }, null), T.text]))]);
     }
-    function Tt() {
+    function Ft() {
       return f("div", {
-        ref: q,
+        ref: U,
         class: "modal-header",
         style: vt.value
       }, [f("div", {
         class: "modal-title"
-      }, [D.value && f("span", {
-        class: r.value,
+      }, [P.value && f("span", {
+        class: i.value,
         style: "margin-right: 8px"
       }, null), f("span", {
         class: "modal-title-label"
-      }, [C.value])]), f("div", {
+      }, [M.value])]), f("div", {
         class: "actions"
-      }, [xt()])]);
+      }, [Mt()])]);
     }
-    function Ft(M) {
-      M.stopPropagation();
+    function Tt(T) {
+      T.stopPropagation();
     }
     return () => f(It, {
       to: "body"
     }, {
-      default: () => [ve.value && f(Et, {
+      default: () => [ve.value && f(St, {
         name: "fade",
         appear: !0
       }, {
         default: () => {
-          var M, z;
+          var T, j;
           return [f("div", {
             class: dt.value,
             style: "display: block",
-            ref: B,
-            onClick: Ft
+            ref: b,
+            onClick: Tt
           }, [f("div", {
             id: s.value,
             class: pt.value,
             style: mt.value,
-            ref: X
+            ref: z
           }, [f("div", {
             class: ft.value
-          }, [u.value && Tt(), f("div", {
-            class: gt.value
-          }, [(z = (M = t.slots).default) == null ? void 0 : z.call(M), h.value === "iframe" && f("iframe", {
+          }, [u.value && Ft(), f("div", {
+            class: yt.value
+          }, [(j = (T = e.slots).default) == null ? void 0 : j.call(T), v.value === "iframe" && f("iframe", {
             title: s.value,
             class: "f-utils-fill",
             width: "100%",
             frameborder: "0",
-            src: g.value
-          }, null)]), j.value && Mt()]), !c.value && v.value && X.value && R(X.value)])])];
+            src: h.value
+          }, null)]), O.value && xt()]), !c.value && y.value && z.value && pe(z.value)])])];
         }
       })]
     });
   }
 });
-function ct(e) {
-  if (e.content && e.content.render)
-    return e.content.render;
-  if (e.render && typeof e.render == "function")
-    return e.render;
-}
-function Oa(e) {
-  const t = document.createElement("div");
-  t.style.display = "contents";
+function ct(t) {
+  if (t.content && t.content.render)
+    return t.content.render;
+  if (t.render && typeof t.render == "function")
+    return t.render;
+}
+function $a(t) {
+  const e = document.createElement("div");
+  e.style.display = "contents";
   const n = Dt({
     setup(o, a) {
-      ze(() => {
-        document.body.removeChild(t);
+      Ue(() => {
+        document.body.removeChild(e);
       });
-      const s = d(), l = d(e.class || ""), c = d(!!e.showButtons), u = d(!!e.showHeader), r = d(e.showCloseButton == null ? !0 : e.showCloseButton), p = d(!0), i = d(e.title || ""), m = e.acceptCallback || (() => {
-      }), h = e.rejectCallback || (() => {
-      }), g = e.closedCallback || ((v) => {
-      }), y = e.resizeHandle || ((v) => {
-      }), x = ct(e), C = (v) => {
-        p.value = !1, n.unmount(), g(v);
+      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);
       };
-      return Z(() => {
+      return J(() => {
       }), a.expose({
         modalRef: s
       }), () => f(ut, {
         ref: s,
         class: l.value,
-        modelValue: p.value,
-        "onUpdate:modelValue": (v) => p.value = v,
-        title: i.value,
-        width: e.width,
-        height: e.height,
-        buttons: e.buttons,
+        modelValue: d.value,
+        "onUpdate:modelValue": (y) => d.value = y,
+        title: r.value,
+        width: t.width,
+        height: t.height,
+        buttons: t.buttons,
         "show-header": u.value,
         "show-buttons": c.value,
-        "show-close-button": r.value,
+        "show-close-button": i.value,
         "show-max-button": !1,
         onAccept: m,
-        onCancel: h,
-        fitContent: e.fitContent == null ? !0 : e.fitContent,
-        onClosed: C,
-        onResize: y
+        onCancel: v,
+        fitContent: t.fitContent == null ? !0 : t.fitContent,
+        onClosed: M,
+        onResize: g
       }, {
         default: () => [x && x(n)]
       });
     }
   });
-  return document.body.appendChild(t), n.mount(t), n;
+  return document.body.appendChild(e), n.mount(e), n;
 }
-class $a {
-  constructor(t) {
+class Ua {
+  constructor(e) {
     N(this, "appContext", null);
-    N(this, "modalRef", d());
-    N(this, "activeModalIndex", d(0));
+    N(this, "modalRef", p());
+    N(this, "activeModalIndex", p(0));
     N(this, "modalRefs", {});
-    N(this, "isUseEscCloseModal", d(!1));
-    N(this, "activeModalInstance", w(() => this.modalRefs[this.activeModalIndex.value]));
-    this.appContext = t ? t._context : null;
+    N(this, "isUseEscCloseModal", p(!1));
+    N(this, "activeModalInstance", L(() => this.modalRefs[this.activeModalIndex.value]));
+    this.app = e, this.appContext = e ? e._context : null;
   }
   getCurrentModal() {
     return this.activeModalInstance.value;
   }
-  static show(t) {
+  static show(e) {
     const n = Object.assign({
       title: "",
       showButtons: !0,
       showHeader: !0
-    }, t);
-    return Oa(n);
+    }, e);
+    return $a(n);
   }
-  open(t) {
+  open(e) {
     const n = document.createDocumentFragment();
-    t.showMaxButton && t.fitContent && (t.showMaxButton = !1);
+    e.showMaxButton && e.fitContent && (e.showMaxButton = !1);
     const o = Lt(Object.assign({
       title: "",
       showButtons: !0,
       showHeader: !0
-    }, t)), a = d(!0), s = o.value.acceptCallback || (() => {
+    }, e)), a = p(!0), s = o.value.acceptCallback || (() => {
     }), l = o.value.rejectCallback || (() => {
-    }), c = o.value.closedCallback || ((C, v) => {
-    }), u = o.value.resizeHandle || ((C) => {
+    }), c = o.value.closedCallback || ((M, y) => {
+    }), u = o.value.resizeHandle || ((M) => {
     });
-    let r;
-    const p = ct(o.value), i = (C) => {
-      var T;
+    let i;
+    const d = ct(o.value), r = (M) => {
+      var F;
       a.value = !1;
-      const v = (T = C == null ? void 0 : C.target) == null ? void 0 : T.classList.contains("modal_close");
-      c(C, this.isUseEscCloseModal.value ? "esc" : v ? "icon" : "button");
-    }, m = (C) => {
-      i(C), r && pe(() => {
-        if (this.modalRefs[this.activeModalIndex.value] && delete this.modalRefs[this.activeModalIndex.value], ye(null, n), r = null, this.modalRef.value = null, this.modalRefs) {
-          const v = Object.keys(this.modalRefs);
-          v.length > 0 ? this.activeModalIndex.value = Math.max(...v) : this.activeModalIndex.value = 0;
+      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");
+    }, m = (M) => {
+      r(M), i && ue(() => {
+        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;
         }
         this.isUseEscCloseModal.value = !1;
       });
-    }, h = (C) => {
-      var v;
-      this.isUseEscCloseModal.value = !0, this.activeModalInstance && ((v = this.activeModalInstance.value) == null || v.close(C == null ? void 0 : C.event));
-    }, g = () => f(ut, ae({
+    }, 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({
       ref: this.modalRef,
       modelValue: a.value,
-      "onUpdate:modelValue": (C) => a.value = C
+      "onUpdate:modelValue": (M) => a.value = M
     }, o.value, {
       onAccept: s,
       onCancel: l,
       onClosed: m,
       onResize: u,
-      onEsc: h
+      onEsc: v
     }), {
-      default: () => [p && p()]
+      default: () => [d && d(this.app)]
     });
-    return r = ((C) => {
-      const v = Pt(g, C);
-      return v.appContext = this.appContext, ye(v, n), v;
+    return i = ((M) => {
+      const y = Pt(h, M);
+      return y.appContext = this.appContext, ge(y, n), y;
     })({
       ...o.value
       // 'onUpdate:modelValue': onUpdateModelValue,
     }), this.activeModalIndex.value++, this.modalRefs[this.activeModalIndex.value] = this.modalRef.value, {
-      update: (C) => {
+      update: (M) => {
         o.value = {
           ...o.value,
-          ...C
-        }, r && ye(Vt(r, {
+          ...M
+        }, i && ge(Vt(i, {
           ...o
         }), n);
       },
@@ -3652,250 +3507,257 @@ class $a {
     };
   }
 }
-class K {
-  static show(t) {
-    let n = new $a();
-    const o = _({
-      ...t
-    }), a = !1, s = o.type === "error" || o.type === "prompt", l = o.type === "error" ? "错误提示" : o.type === "prompt" && o.title || "", c = o.acceptCallback || (() => {
-    }), u = o.rejectCallback || (() => {
+class Q {
+  static show(e) {
+    const n = Z({
+      ...e
+    }), o = !1, a = n.type === "error" || n.type === "prompt", s = n.type === "error" ? "错误提示" : n.type === "prompt" && n.title || "", l = n.acceptCallback || (() => {
+    }), c = n.rejectCallback || (() => {
     });
-    let r = null;
-    const p = () => {
-      r && (r == null || r.destroy(), n = null);
+    let u = null, i = new Ua(u);
+    const d = () => {
+      u && (u == null || u.destroy(), i = null);
     };
-    r = n == null ? void 0 : n.open({
+    u = i == null ? void 0 : i.open({
       class: "modal-message modal-message-type-info",
-      title: l,
-      showButtons: a,
-      showHeader: s,
-      width: o.width || 400,
+      title: s,
+      showButtons: o,
+      showHeader: a,
+      width: n.width || 400,
       fitContent: !0,
       showMaxButton: !1,
-      render: () => f(de, ae(o, {
-        onAccept: c,
-        onReject: u,
-        onClose: p
+      render: () => f(ie, te(n, {
+        onAccept: l,
+        onReject: c,
+        onClose: d
       }), null)
     });
   }
-  static info(t, n) {
-    const o = _({
+  static info(e, n) {
+    const o = Z({
       type: "info",
-      title: t,
+      title: e,
       detail: n,
       okButtonText: "知道了",
       cancelButtonText: ""
     });
-    K.show(o);
+    Q.show(o);
   }
-  static warning(t, n) {
-    const o = _({
+  static warning(e, n) {
+    const o = Z({
       type: "warning",
-      title: t,
+      title: e,
       detail: n,
       okButtonText: "知道了",
       cancelButtonText: ""
     });
-    K.show(o);
+    Q.show(o);
   }
-  static success(t, n) {
-    const o = _({
+  static success(e, n) {
+    const o = Z({
       type: "success",
-      title: t,
+      title: e,
       detail: n,
       okButtonText: "关闭",
       cancelButtonText: ""
     });
-    K.show(o);
+    Q.show(o);
   }
-  static error(t, n, o) {
-    const a = _({
+  static error(e, n, o) {
+    const a = Z({
       width: 500,
       type: "error",
       okButtonText: "关闭",
       cancelButtonText: "",
       exceptionInfo: {
         date: o,
-        message: t,
+        message: e,
         detail: n
       }
     });
-    K.show(a);
+    Q.show(a);
   }
-  static prompt(t, n) {
-    const o = _({
+  static prompt(e, n) {
+    const o = Z({
       type: "prompt",
-      title: t,
+      title: e,
       detail: n,
       okButtonText: "确定",
       cancelButtonText: "取消"
     });
-    K.show(o);
+    Q.show(o);
   }
-  static question(t, n, o, a) {
-    const s = _({
+  static question(e, n, o, a) {
+    const s = Z({
       type: "question",
-      title: t,
+      title: e,
       detail: n,
       okButtonText: "确定",
       cancelButtonText: "取消",
       acceptCallback: o,
       rejectCallback: a
     });
-    K.show(s);
+    Q.show(s);
   }
 }
-de.install = (e) => {
-  e.component(de.name, de), e.provide("FMessageBoxService", K);
+ie.install = (t) => {
+  t.component(ie.name, ie), t.provide("FMessageBoxService", Q);
 };
-const ja = /* @__PURE__ */ Y({
+const ja = /* @__PURE__ */ H({
   name: "FResponseFormLayoutSetting",
   props: rt,
   emits: ["change"],
-  setup(e, t) {
-    let n = [1], o = [1, 2], a = [1, 2, 3, 4], s = [1, 2, 3, 4, 6], l = [], c = [], u = [], r = [];
-    const p = d(e.initialState), i = d(0), m = d(0), h = d(0), g = d(0);
-    Z(() => {
-      x(), y();
-    });
-    function y() {
-      const v = "自定义", T = 12 / p.value.uniqueColClassInSM;
-      n.includes(T) ? i.value = T : (l.push({
+  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({
         value: 0,
-        name: v
-      }), i.value = 0);
-      const B = 12 / p.value.uniqueColClassInMD;
-      o.includes(B) ? m.value = B : (c.push({
+        name: y
+      }), r.value = 0);
+      const b = 12 / d.value.uniqueColClassInMD;
+      o.includes(b) ? m.value = b : (c.push({
         value: 0,
-        name: v
+        name: y
       }), m.value = 0);
-      const F = 12 / p.value.uniqueColClassInLG;
-      a.includes(F) ? h.value = F : (u.push({
+      const w = 12 / d.value.uniqueColClassInLG;
+      a.includes(w) ? v.value = w : (u.push({
         value: 0,
-        name: v
-      }), h.value = 0);
-      const V = 12 / p.value.uniqueColClassInEL;
-      s.includes(V) ? g.value = V : (r.push({
+        name: y
+      }), v.value = 0);
+      const R = 12 / d.value.uniqueColClassInEL;
+      s.includes(R) ? h.value = R : (i.push({
         value: 0,
-        name: v
-      }), g.value = 0), l = [...l], c = [...c], u = [...u], r = [...r];
+        name: y
+      }), h.value = 0), l = [...l], c = [...c], u = [...u], i = [...i];
     }
     function x() {
-      n.forEach((v) => {
+      n.forEach((y) => {
         l.push({
-          value: v,
-          name: v + ""
+          value: y,
+          name: y + ""
         });
-      }), o.forEach((v) => {
+      }), o.forEach((y) => {
         c.push({
-          value: v,
-          name: v + ""
+          value: y,
+          name: y + ""
         });
-      }), a.forEach((v) => {
+      }), a.forEach((y) => {
         u.push({
-          value: v,
-          name: v + ""
+          value: y,
+          name: y + ""
         });
-      }), s.forEach((v) => {
-        r.push({
-          value: v,
-          name: v + ""
+      }), s.forEach((y) => {
+        i.push({
+          value: y,
+          name: y + ""
         });
       });
     }
-    function C() {
-      K.question("应用统一布局，将重置区域内部所有控件的宽度样式，确定应用?", "", () => {
-        p.value.uniqueColClassInSM = i.value === 0 ? null : 12 / i.value, p.value.uniqueColClassInMD = m.value === 0 ? null : 12 / m.value, p.value.uniqueColClassInLG = h.value === 0 ? null : 12 / h.value, p.value.uniqueColClassInEL = g.value === 0 ? null : 12 / g.value, t.emit("change", p.value);
+    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);
       }, () => {
       });
     }
-    return () => f("div", null, [f("div", {
+    return J(() => {
+      x(), g();
+    }), () => 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"
-    }, [Q(" 小屏幕 ")]), f("div", {
+    }, [X(" 小屏幕 ")]), f("div", {
       class: "d-flex ml-2 screen-input"
-    }, [f(se, {
+    }, [f(oe, {
       data: l,
       idField: "value",
       valueField: "value",
-      modelValue: i.value,
-      "onUpdate:modelValue": (v) => i.value = v
+      editable: !1,
+      enableClear: !1,
+      modelValue: r.value,
+      "onUpdate:modelValue": (y) => r.value = y
     }, null), f("span", {
       class: "ml-2 columnText"
-    }, [Q("列")])])]), f("div", {
+    }, [X("列")])])]), f("div", {
       class: "form-group farris-form-group screenGroup"
     }, [f("span", {
       class: "screenName"
-    }, [Q("中等屏幕")]), f("div", {
+    }, [X("中等屏幕")]), f("div", {
       class: "d-flex ml-2 screen-input"
-    }, [f(se, {
+    }, [f(oe, {
       data: c,
       idField: "value",
       valueField: "value",
+      editable: !1,
+      enableClear: !1,
       modelValue: m.value,
-      "onUpdate:modelValue": (v) => m.value = v
+      "onUpdate:modelValue": (y) => m.value = y
     }, null), f("span", {
       class: "ml-2 columnText"
-    }, [Q("列")])])]), f("div", {
+    }, [X("列")])])]), f("div", {
       class: "form-group farris-form-group screenGroup"
     }, [f("span", {
       class: "screenName"
-    }, [Q("大屏幕")]), f("div", {
+    }, [X("大屏幕")]), f("div", {
       class: "d-flex ml-2 screen-input"
-    }, [f(se, {
+    }, [f(oe, {
       data: u,
       idField: "value",
       valueField: "value",
-      modelValue: h.value,
-      "onUpdate:modelValue": (v) => h.value = v
+      editable: !1,
+      enableClear: !1,
+      modelValue: v.value,
+      "onUpdate:modelValue": (y) => v.value = y
     }, null), f("span", {
       class: "ml-2 columnText"
-    }, [Q("列")])])]), f("div", {
+    }, [X("列")])])]), f("div", {
       class: "form-group farris-form-group screenGroup"
     }, [f("span", {
       class: "screenName"
-    }, [Q("极大屏幕")]), f("div", {
+    }, [X("极大屏幕")]), f("div", {
       class: "d-flex ml-2 screen-input"
-    }, [f(se, {
-      data: r,
+    }, [f(oe, {
+      data: i,
       idField: "value",
       valueField: "value",
-      modelValue: g.value,
-      "onUpdate:modelValue": (v) => g.value = v
+      editable: !1,
+      enableClear: !1,
+      modelValue: h.value,
+      "onUpdate:modelValue": (y) => h.value = y
     }, null), f("span", {
       class: "ml-2 columnText"
-    }, [Q("列")])])])]), f("div", {
+    }, [X("列")])])])]), f("div", {
       class: "applyBtn"
     }, [f("button", {
       class: "btn f-rt-btn btn-primary",
       type: "button",
-      onClick: () => C()
-    }, [Q("应用")])])]);
+      onClick: () => M()
+    }, [X("应用")])])]);
   }
-}), _l = {
-  install(e) {
-    e.component(Ce.name, Ce).component(we.name, we);
+}), ns = {
+  install(t) {
+    t.component(Ce.name, Ce).component(we.name, we);
   },
-  register(e, t, n, o) {
-    e["form-group"] = we, t["form-group"] = Ae, e["response-form"] = Ce, t["response-form"] = Ve, e["form-input"] = ua, t["form-input"] = ia, o["form-group"] = { editorResolver: yo }, e["response-form-layout-setting"] = ja, t["response-form-layout-setting"] = ya;
+  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;
   },
-  registerDesigner(e, t, n) {
-    e["form-group"] = ra, t["form-group"] = Ae, e["response-form"] = ko, t["response-form"] = Ve;
+  registerDesigner(t, e, n) {
+    t["form-group"] = ia, e["form-group"] = Ve, t["response-form"] = Do, e["response-form"] = Pe;
   }
 };
 export {
   we as FDynamicFormGroup,
-  ua as FDynamicFormInput,
+  ca as FDynamicFormInput,
   Ce as FResponseForm,
-  _l as default,
-  ue as dynamicFormGroupProps,
-  yo as editorResolver,
-  Ae as formGroupPropsResolver,
-  Ve as formPropsResolver,
+  ns as default,
+  le as dynamicFormGroupProps,
+  xo as editorResolver,
+  Ve as formGroupPropsResolver,
+  Pe as formPropsResolver,
   He as responseFormProps,
-  To as useDesignerRules
+  Io as useDesignerRules
 };