@farris/ui-vue 1.2.5 → 1.2.7

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

@@ -1,7 +1,7 @@
 var Ae = Object.defineProperty;
 var De = (e, t, n) => t in e ? Ae(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
-var $ = (e, t, n) => De(e, typeof t != "symbol" ? t + "" : t, n);
-import { defineComponent as G, ref as f, computed as P, createVNode as A, nextTick as te, inject as W, onMounted as U, watch as I, createTextVNode as Ee, reactive as Ve, withDirectives as Oe, resolveDirective as Le, Fragment as le, mergeProps as _ } from "vue";
+var I = (e, t, n) => De(e, typeof t != "symbol" ? t + "" : t, n);
+import { defineComponent as G, ref as f, computed as P, createVNode as A, nextTick as te, inject as W, onMounted as U, watch as $, createTextVNode as Ee, reactive as Ve, withDirectives as Oe, resolveDirective as Le, Fragment as le, mergeProps as _ } from "vue";
 import { cloneDeep as Ne } from "lodash-es";
 import "bignumber.js";
 import Ie, { useNumber as $e, useFormat as Re, useSpinner as Ge, useTextBox as qe } from "@farris/ui-vue/components/number-spinner";
@@ -13,142 +13,144 @@ import Qe from "@farris/ui-vue/components/calendar";
 import _e from "@farris/ui-vue/components/capsule";
 import Ze from "@farris/ui-vue/components/checkbox";
 import Xe from "@farris/ui-vue/components/combo-list";
-import Ye from "@farris/ui-vue/components/component";
-import Ke from "@farris/ui-vue/components/color-picker";
-import Je from "@farris/ui-vue/components/content-container";
-import et from "@farris/ui-vue/components/date-picker";
-import tt from "@farris/ui-vue/components/data-grid";
-import nt from "@farris/ui-vue/components/dropdown";
-import ot from "@farris/ui-vue/components/dynamic-form";
-import rt from "@farris/ui-vue/components/events-editor";
-import at from "@farris/ui-vue/components/filter-bar";
-import it from "@farris/ui-vue/components/field-selector";
-import st from "@farris/ui-vue/components/image-cropper";
-import lt from "@farris/ui-vue/components/input-group";
-import ct from "@farris/ui-vue/components/layout";
-import ut from "@farris/ui-vue/components/list-nav";
-import pt from "@farris/ui-vue/components/list-view";
-import dt from "@farris/ui-vue/components/lookup";
-import mt from "@farris/ui-vue/components/mapping-editor";
-import ft from "@farris/ui-vue/components/nav";
-import yt from "@farris/ui-vue/components/number-range";
-import gt from "@farris/ui-vue/components/order";
-import bt from "@farris/ui-vue/components/page-header";
-import ht from "@farris/ui-vue/components/page-footer";
-import vt from "@farris/ui-vue/components/pagination";
-import Ct from "@farris/ui-vue/components/progress";
-import Tt from "@farris/ui-vue/components/query-solution";
-import Ft from "@farris/ui-vue/components/radio-group";
-import wt from "@farris/ui-vue/components/rate";
-import Bt from "@farris/ui-vue/components/response-toolbar";
-import St from "@farris/ui-vue/components/response-layout";
-import Pt from "@farris/ui-vue/components/response-layout-editor";
+import Ye from "@farris/ui-vue/components/combo-tree";
+import Ke from "@farris/ui-vue/components/component";
+import Je from "@farris/ui-vue/components/color-picker";
+import et from "@farris/ui-vue/components/content-container";
+import tt from "@farris/ui-vue/components/date-picker";
+import nt from "@farris/ui-vue/components/data-grid";
+import ot from "@farris/ui-vue/components/dropdown";
+import rt from "@farris/ui-vue/components/dynamic-form";
+import at from "@farris/ui-vue/components/events-editor";
+import it from "@farris/ui-vue/components/filter-bar";
+import st from "@farris/ui-vue/components/field-selector";
+import lt from "@farris/ui-vue/components/image-cropper";
+import ct from "@farris/ui-vue/components/input-group";
+import ut from "@farris/ui-vue/components/layout";
+import pt from "@farris/ui-vue/components/list-nav";
+import dt from "@farris/ui-vue/components/list-view";
+import mt from "@farris/ui-vue/components/lookup";
+import ft from "@farris/ui-vue/components/mapping-editor";
+import yt from "@farris/ui-vue/components/nav";
+import gt from "@farris/ui-vue/components/number-range";
+import bt from "@farris/ui-vue/components/order";
+import ht from "@farris/ui-vue/components/page-header";
+import vt from "@farris/ui-vue/components/page-footer";
+import Ct from "@farris/ui-vue/components/pagination";
+import Tt from "@farris/ui-vue/components/progress";
+import Ft from "@farris/ui-vue/components/query-solution";
+import wt from "@farris/ui-vue/components/radio-group";
+import Bt from "@farris/ui-vue/components/rate";
+import St from "@farris/ui-vue/components/response-toolbar";
+import Pt from "@farris/ui-vue/components/response-layout";
+import kt from "@farris/ui-vue/components/response-layout-editor";
 import xt from "@farris/ui-vue/components/search-box";
-import kt from "@farris/ui-vue/components/section";
-import Mt from "@farris/ui-vue/components/smoke-detector";
-import jt from "@farris/ui-vue/components/splitter";
-import At from "@farris/ui-vue/components/step";
-import Dt from "@farris/ui-vue/components/switch";
-import Et from "@farris/ui-vue/components/tabs";
-import Vt from "@farris/ui-vue/components/tags";
-import Ot from "@farris/ui-vue/components/text";
-import Lt from "@farris/ui-vue/components/time-picker";
-import Nt from "@farris/ui-vue/components/transfer";
-import It from "@farris/ui-vue/components/tree-view";
-import $t from "@farris/ui-vue/components/uploader";
-import Rt from "@farris/ui-vue/components/verify-detail";
-import Gt from "@farris/ui-vue/components/weather";
-import qt from "@farris/ui-vue/components/video";
-import Ut from "@farris/ui-vue/components/textarea";
-import Ht from "@farris/ui-vue/components/schema-selector";
+import Mt from "@farris/ui-vue/components/section";
+import jt from "@farris/ui-vue/components/smoke-detector";
+import At from "@farris/ui-vue/components/splitter";
+import Dt from "@farris/ui-vue/components/step";
+import Et from "@farris/ui-vue/components/switch";
+import Vt from "@farris/ui-vue/components/tabs";
+import Ot from "@farris/ui-vue/components/tags";
+import Lt from "@farris/ui-vue/components/text";
+import Nt from "@farris/ui-vue/components/time-picker";
+import It from "@farris/ui-vue/components/transfer";
+import $t from "@farris/ui-vue/components/tree-view";
+import Rt from "@farris/ui-vue/components/uploader";
+import Gt from "@farris/ui-vue/components/verify-detail";
+import qt from "@farris/ui-vue/components/weather";
+import Ut from "@farris/ui-vue/components/video";
+import Ht from "@farris/ui-vue/components/textarea";
+import Wt from "@farris/ui-vue/components/schema-selector";
+import zt from "@farris/ui-vue/components/tree-grid";
 import "@farris/ui-vue/components/external-container";
 const de = {}, me = {};
 function ne(e) {
-  const { properties: t, title: n } = e, o = Object.keys(t).reduce((r, l) => (r[l] = t[l].type === "object" && t[l].properties ? ne(t[l]) : Ne(t[l].default), r), {});
-  return o.id = `${n}-${Date.now()}`, o;
+  const { properties: t, title: n } = e, r = Object.keys(t).reduce((o, i) => (o[i] = t[i].type === "object" && t[i].properties ? ne(t[i]) : Ne(t[i].default), o), {});
+  return r.id = `${n}-${Date.now()}`, r;
 }
 function z(e, t = {}) {
   const n = de[e];
   if (n) {
-    let o = ne(n);
-    const r = me[e];
-    return o = r ? r({ getSchemaByType: z }, o, t) : o, o;
+    let r = ne(n);
+    const o = me[e];
+    return r = o ? o({ getSchemaByType: z }, r, t) : r, r;
   }
   return null;
 }
-function Wt(e, t) {
+function Qt(e, t) {
   const n = ne(t);
-  return Object.keys(e).reduce((o, r) => (o[r] = e[r], o), n), n;
+  return Object.keys(e).reduce((r, o) => (r[o] = e[o], r), n), n;
 }
-function zt(e, t) {
-  return Object.keys(e).filter((o) => e[o] != null).reduce((o, r) => {
-    if (t.has(r)) {
-      const l = t.get(r);
-      if (typeof l == "string")
-        o[l] = e[r];
+function _t(e, t) {
+  return Object.keys(e).filter((r) => e[r] != null).reduce((r, o) => {
+    if (t.has(o)) {
+      const i = t.get(o);
+      if (typeof i == "string")
+        r[i] = e[o];
       else {
-        const s = l(r, e[r], e);
-        Object.assign(o, s);
+        const l = i(o, e[o], e);
+        Object.assign(r, l);
       }
     } else
-      o[r] = e[r];
-    return o;
+      r[o] = e[o];
+    return r;
   }, {});
 }
-function Qt(e, t, n = /* @__PURE__ */ new Map()) {
-  const o = Wt(e, t);
-  return zt(o, n);
+function Zt(e, t, n = /* @__PURE__ */ new Map()) {
+  const r = Qt(e, t);
+  return _t(r, n);
 }
-function _t(e = {}) {
+function Xt(e = {}) {
   function t(a, u, c, y) {
     if (typeof c == "number")
       return y[a].length === c;
     if (typeof c == "object") {
-      const F = Object.keys(c)[0], i = c[F];
+      const F = Object.keys(c)[0], s = c[F];
       if (F === "not")
-        return Number(y[a].length) !== Number(i);
+        return Number(y[a].length) !== Number(s);
       if (F === "moreThan")
-        return Number(y[a].length) >= Number(i);
+        return Number(y[a].length) >= Number(s);
       if (F === "lessThan")
-        return Number(y[a].length) <= Number(i);
+        return Number(y[a].length) <= Number(s);
     }
     return !1;
   }
   function n(a, u, c, y) {
     return y[a] && y[a].propertyValue && String(y[a].propertyValue.value) === String(c);
   }
-  const o = /* @__PURE__ */ new Map([
+  const r = /* @__PURE__ */ new Map([
     ["length", t],
     ["getProperty", n]
   ]);
-  Object.keys(e).reduce((a, u) => (a.set(u, e[u]), a), o);
-  function r(a, u) {
+  Object.keys(e).reduce((a, u) => (a.set(u, e[u]), a), r);
+  function o(a, u) {
     const c = a;
     return typeof u == "number" ? [{ target: c, operator: "length", param: null, value: Number(u) }] : typeof u == "boolean" ? [{ target: c, operator: "getProperty", param: a, value: !!u }] : typeof u == "object" ? Object.keys(u).map((y) => {
       if (y === "length")
         return { target: c, operator: "length", param: null, value: u[y] };
-      const F = y, i = u[y];
-      return { target: c, operator: "getProperty", param: F, value: i };
+      const F = y, s = u[y];
+      return { target: c, operator: "getProperty", param: F, value: s };
     }) : [];
   }
-  function l(a) {
+  function i(a) {
     return Object.keys(a).reduce((c, y) => {
-      const F = r(y, a[y]);
+      const F = o(y, a[y]);
       return c.push(...F), c;
     }, []);
   }
-  function s(a, u) {
-    if (o.has(a.operator)) {
-      const c = o.get(a.operator);
+  function l(a, u) {
+    if (r.has(a.operator)) {
+      const c = r.get(a.operator);
       return c && c(a.target, a.param, a.value, u) || !1;
     }
     return !1;
   }
   function d(a, u) {
-    return l(a).reduce((F, i) => F && s(i, u), !0);
+    return i(a).reduce((F, s) => F && l(s, u), !0);
   }
   function m(a, u) {
-    const c = Object.keys(a), y = c.includes("allOf"), F = c.includes("anyOf"), i = y || F, w = (i ? a[i ? y ? "allOf" : "anyOf" : "allOf"] : [a]).map((j) => d(j, u));
+    const c = Object.keys(a), y = c.includes("allOf"), F = c.includes("anyOf"), s = y || F, w = (s ? a[s ? y ? "allOf" : "anyOf" : "allOf"] : [a]).map((j) => d(j, u));
     return y ? !w.includes(!1) : w.includes(!0);
   }
   return { parseValueSchema: m };
@@ -156,9 +158,9 @@ function _t(e = {}) {
 const T = {
   Button: { type: "Button", name: "按钮", icon: "Button" },
   ButtonGroup: { type: "ButtonGroup", name: "按钮组", icon: "ButtonGroup" },
-  ToolBar: { type: "ToolBar", name: "工具栏", icon: "ButtonGroup" },
-  ToolBarItem: { type: "ToolBarItem", name: "工具栏项", icon: "Button" },
-  ContentContainer: { type: "ContentContainer", name: "容器", icon: "ContentContainer" },
+  "response-toolbar": { type: "response-toolbar", name: "工具栏", icon: "ButtonGroup" },
+  "response-toolbar-item": { type: "response-toolbar-item", name: "工具栏项", icon: "Button" },
+  "content-container": { type: "content-container", name: "容器", icon: "ContentContainer" },
   DisplayField: { type: "DisplayField", name: "标签", icon: "DisplayField" },
   "input-group": { type: "input-group", name: "文本", icon: "TextBox" },
   textarea: { type: "textarea", name: "多行文本", icon: "MultiTextBox" },
@@ -185,15 +187,15 @@ const T = {
   "data-grid-column": { type: "data-grid-column", name: "表格列" },
   Panel: { type: "Panel", name: "面板", icon: "ContentContainer" },
   Module: { type: "Module", name: "模块", icon: "Module" },
-  Component: { type: "Component", name: "组件", icon: "Component" },
+  component: { type: "component", name: "组件", icon: "Component" },
   ExternalContainer: { type: "ExternalContainer", name: "外部容器", icon: "ContentContainer" },
   Image: { type: "Image", name: "图像", icon: "Image" },
   ImageUpload: { type: "ImageUpload", name: "图片上传", icon: "imageupload" },
   HiddenContainer: { type: "HiddenContainer", name: "隐藏区域", icon: "ContentContainer" },
   ModalContainer: { type: "ModalContainer", name: "弹窗容器", icon: "ContentContainer" },
   RouteContainer: { type: "RouteContainer", name: "路由区域", icon: "ContentContainer" },
-  Tab: { type: "Tab", name: "标签页", icon: "Tab" },
-  TabPage: { type: "TabPage", name: "标签页项", dependentParentControl: "Tab" },
+  tabs: { type: "tabs", name: "标签页", icon: "Tab" },
+  "tab-page": { type: "tab-page", name: "标签页项", dependentParentControl: "Tab" },
   "tab-toolbar-item": { type: "tab-toolbar-item", name: "标签页工具栏按钮", icon: "Button" },
   Tag: { type: "Tag", name: "Tag", icon: "Tag" },
   Sidebar: { type: "Sidebar", name: "侧边栏", icon: "Sidebar" },
@@ -202,7 +204,7 @@ const T = {
   RichTextBox: { type: "RichTextBox", name: "富文本", icon: "RichTextBox" },
   TimeSpinner: { type: "TimeSpinner", name: "时间调节器", icon: "TimePicker" },
   TimePicker: { type: "TimePicker", name: "时间选择", icon: "TimePicker" },
-  Section: { type: "Section", name: "分组面板", icon: "Section" },
+  section: { type: "section", name: "分组面板", icon: "Section" },
   SectionToolbar: { type: "SectionToolbar", name: "分组面板工具栏" },
   SectionToolbarItem: { type: "SectionToolbarItem", name: "分组面板按钮" },
   QueryScheme: { type: "QueryScheme", name: "筛选方案", icon: "QueryScheme" },
@@ -232,7 +234,7 @@ const T = {
   NavTab: { type: "NavTab", name: "标签类导航", icon: "NavTab" },
   Tags: { type: "Tags", name: "标记组", icon: "Tags" },
   Portlet: { type: "Portlet", name: "小部件", icon: "dingzhi" },
-  Header: { type: "Header", name: "页头", icon: "Header" },
+  "page-header": { type: "page-header", name: "页头", icon: "Header" },
   ModalFooter: { type: "ModalFooter", name: "弹窗页脚", icon: "ModalFooter" },
   ScrollCollapsibleArea: { type: "ScrollCollapsibleArea", name: "滚动收折区域", icon: "ScrollCollapsibleArea" },
   PersonnelSelector: { type: "PersonnelSelector", name: "人员选择", icon: "PersonnelSelector" },
@@ -264,18 +266,18 @@ const T = {
   ApprovalLogs: { type: "ApprovalLogs", name: "审批记录", icon: "ApprovalLogs" },
   ApprovalComments: { type: "ApprovalComments", name: "审批意见", icon: "shenpiyijian" }
   /** 审批类 end */
-}, fe = {}, Zt = {};
-_t();
-function Z(e, t, n = /* @__PURE__ */ new Map(), o = (s, d, m) => d, r = {}, l = (s) => s) {
-  return de[t.title] = t, me[t.title] = o, fe[t.title] = r, Zt[t.title] = l, (s = {}) => {
-    const d = Qt(s, t, n), m = Object.keys(e).reduce((a, u) => (a[u] = e[u].default, a), {});
+}, fe = {}, Yt = {};
+Xt();
+function Z(e, t, n = /* @__PURE__ */ new Map(), r = (l, d, m) => d, o = {}, i = (l) => l) {
+  return de[t.title] = t, me[t.title] = r, fe[t.title] = o, Yt[t.title] = i, (l = {}) => {
+    const d = Zt(l, t, n), m = Object.keys(e).reduce((a, u) => (a[u] = e[u].default, a), {});
     return Object.assign(m, d);
   };
 }
 function ye(e, t) {
   return { customClass: t.class, customStyle: t.style };
 }
-function Xt() {
+function Kt() {
   function e(t) {
     return t.editor;
   }
@@ -286,22 +288,22 @@ function Xt() {
 const oe = /* @__PURE__ */ new Map([
   ["appearance", ye]
 ]);
-function Yt(e, t, n, o) {
-  const r = e.getSchemaByType("section");
-  return r.id = `${o}-section`, r.appearance = { class: "f-section-form f-section-in-main" }, r.mainTitle = "标题", r.contents = [t], r;
+function Jt(e, t, n, r) {
+  const o = e.getSchemaByType("section");
+  return o.id = `${r}-section`, o.appearance = { class: "f-section-form f-section-in-main" }, o.mainTitle = "标题", o.contents = [t], o;
 }
-function Kt(e, t, n, o) {
-  const r = e.getSchemaByType("component");
-  return r.id = `${o}-component`, r.componentType = "form-col-1", r.appearance = {
+function en(e, t, n, r) {
+  const o = e.getSchemaByType("component");
+  return o.id = `${r}-component`, o.componentType = "form-col-1", o.appearance = {
     class: "f-struct-form f-struct-wrapper"
-  }, r.contents = [t], r;
+  }, o.contents = [t], o;
 }
-function Jt(e, t, n) {
+function tn(e, t, n) {
   t.appearance = { class: "f-form-layout farris-form farris-form-controls-inline" };
-  const o = Yt(e, t, n, t.id);
-  return Kt(e, o, n, t.id);
+  const r = Jt(e, t, n, t.id);
+  return en(e, r, n, t.id);
 }
-const en = "https://json-schema.org/draft/2020-12/schema", tn = "https://farris-design.gitee.io/response-form.schema.json", nn = "response-form", on = "A Farris Data Collection Component", rn = "object", an = {
+const nn = "https://json-schema.org/draft/2020-12/schema", on = "https://farris-design.gitee.io/response-form.schema.json", rn = "response-form", an = "A Farris Data Collection Component", sn = "object", ln = {
   id: {
     description: "The unique identifier for a form group",
     type: "string"
@@ -329,18 +331,18 @@ const en = "https://json-schema.org/draft/2020-12/schema", tn = "https://farris-
     type: "array",
     default: []
   }
-}, sn = [
+}, cn = [
   "id",
   "type"
-], ln = {
-  $schema: en,
-  $id: tn,
-  title: nn,
-  description: on,
-  type: rn,
-  properties: an,
-  required: sn
-}, cn = "response-form", un = "A Farris Component", pn = "object", dn = {
+], un = {
+  $schema: nn,
+  $id: on,
+  title: rn,
+  description: an,
+  type: sn,
+  properties: ln,
+  required: cn
+}, pn = "response-form", dn = "A Farris Component", mn = "object", fn = {
   basic: {
     description: "Basic Infomation",
     title: "基本信息",
@@ -362,30 +364,30 @@ const en = "https://json-schema.org/draft/2020-12/schema", tn = "https://farris-
       }
     }
   }
-}, mn = {
-  title: cn,
-  description: un,
-  type: pn,
-  categories: dn
+}, yn = {
+  title: pn,
+  description: dn,
+  type: mn,
+  categories: fn
 }, ge = {
   customClass: { type: String, default: "" }
-}, ce = Z(ge, ln, oe, Jt, mn), K = /* @__PURE__ */ G({
+}, ce = Z(ge, un, oe, tn, yn), K = /* @__PURE__ */ G({
   name: "FResponseForm",
   props: ge,
   emits: [],
   setup(e, t) {
-    const n = f(), o = P(() => {
-      const r = e.customClass.split(" "), l = {
+    const n = f(), r = P(() => {
+      const o = e.customClass.split(" "), i = {
         "drag-container": !0
       };
-      return r.reduce((s, d) => (s[d] = !0, s), l), l;
+      return o.reduce((l, d) => (l[d] = !0, l), i), i;
     });
     return () => A("div", {
       ref: n,
-      class: o.value
+      class: r.value
     }, [t.slots.default && t.slots.default()]);
   }
-}), fn = "https://json-schema.org/draft/2020-12/schema", yn = "https://farris-design.gitee.io/form-group.schema.json", gn = "form-group", bn = "A Farris Input Component", hn = "object", vn = {
+}), gn = "https://json-schema.org/draft/2020-12/schema", bn = "https://farris-design.gitee.io/form-group.schema.json", hn = "form-group", vn = "A Farris Input Component", Cn = "object", Tn = {
   id: {
     description: "The unique identifier for a form group",
     type: "string"
@@ -426,17 +428,17 @@ const en = "https://json-schema.org/draft/2020-12/schema", tn = "https://farris-
     description: "",
     type: "number"
   }
-}, Cn = [
+}, Fn = [
   "id",
   "type"
 ], be = {
-  $schema: fn,
-  $id: yn,
-  title: gn,
-  description: bn,
-  type: hn,
-  properties: vn,
-  required: Cn
+  $schema: gn,
+  $id: bn,
+  title: hn,
+  description: vn,
+  type: Cn,
+  properties: Tn,
+  required: Fn
 }, Q = {
   id: { type: String, default: "" },
   customClass: { type: String, default: "" },
@@ -455,14 +457,14 @@ const en = "https://json-schema.org/draft/2020-12/schema", tn = "https://farris-
   be,
   oe,
   void 0
-), Tn = Xt();
+), wn = Kt();
 function re(e, t, n) {
   var L;
-  function o() {
+  function r() {
     n != null && n.resolveComponentContext && n.resolveComponentContext();
   }
-  o();
-  const r = n && n.getStyles && n.getStyles() || "", l = n && n.getDesignerClass && n.getDesignerClass() || "", s = f();
+  r();
+  const o = n && n.getStyles && n.getStyles() || "", i = n && n.getDesignerClass && n.getDesignerClass() || "", l = f();
   function d() {
     return (t == null ? void 0 : t.schema.componentType) === "frame" ? !1 : n && n.checkCanMoveComponent ? n.checkCanMoveComponent() : !0;
   }
@@ -480,36 +482,36 @@ function re(e, t, n) {
       return null;
     if (S.value.schema && S.value.schema.type === "component")
       return S.value;
-    const k = f(S == null ? void 0 : S.value.parent), B = c(k);
+    const x = f(S == null ? void 0 : S.value.parent), B = c(x);
     return B || null;
   }
   function y(S = t) {
-    const { componentInstance: k, designerItemElementRef: B } = S;
-    return !k || !k.value ? null : k.value.canMove ? B : y(S.parent);
+    const { componentInstance: x, designerItemElementRef: B } = S;
+    return !x || !x.value ? null : x.value.canMove ? B : y(S.parent);
   }
   function F(S) {
     return !!n && n.canAccepts(S);
   }
-  function i() {
+  function s() {
     return (t == null ? void 0 : t.schema.label) || (t == null ? void 0 : t.schema.title) || (t == null ? void 0 : t.schema.name);
   }
   function p() {
   }
-  function g(S, k) {
-    k && n != null && n.onAcceptMovedChildElement && n.onAcceptMovedChildElement(k);
+  function g(S, x) {
+    x && n != null && n.onAcceptMovedChildElement && n.onAcceptMovedChildElement(x);
   }
   function w(S) {
-    const { componentType: k } = S;
-    let B = z(k, S);
+    const { componentType: x } = S;
+    let B = z(x, S);
     n && n.onResolveNewComponentSchema && (B = n.onResolveNewComponentSchema(S, B));
-    const E = k.toLowerCase().replace("-", "_");
-    return B && !B.id && B.type === k && (B.id = `${E}_${Math.random().toString().slice(2, 6)}`), B;
+    const E = x.toLowerCase().replace("-", "_");
+    return B && !B.id && B.type === x && (B.id = `${E}_${Math.random().toString().slice(2, 6)}`), B;
   }
-  function D(S, k) {
+  function D(S, x) {
     const B = String(S.getAttribute("data-controltype")), E = S.getAttribute("data-feature"), N = E ? JSON.parse(E) : {};
-    N.parentComponentInstance = s.value;
+    N.parentComponentInstance = l.value;
     let O = z(B, N);
-    n && n.onAcceptNewChildElement && (O = n.onAcceptNewChildElement(S, k, O));
+    n && n.onAcceptNewChildElement && (O = n.onAcceptNewChildElement(S, x, O));
     const R = B.toLowerCase().replace("-", "_");
     return O && !O.id && O.type === B && (O.id = `${R}_${Math.random().toString().slice(2, 6)}`), O;
   }
@@ -519,7 +521,7 @@ function re(e, t, n) {
     if (n && n.getPropsConfig)
       return n.getPropsConfig(...S);
   }
-  return s.value = {
+  return l.value = {
     canMove: d(),
     canSelectParent: m(),
     canDelete: a(),
@@ -528,34 +530,34 @@ function re(e, t, n) {
     elementRef: e,
     parent: (L = t == null ? void 0 : t.parent) == null ? void 0 : L.componentInstance,
     schema: t == null ? void 0 : t.schema,
-    styles: r,
-    designerClass: l,
+    styles: o,
+    designerClass: i,
     canAccepts: F,
     getBelongedComponentInstance: c,
     getDraggableDesignItemElement: y,
-    getDraggingDisplayText: i,
+    getDraggingDisplayText: s,
     getPropConfig: M,
     getDragScopeElement: p,
     onAcceptMovedChildElement: g,
     onAcceptNewChildElement: D,
     onChildElementMovedOut: j,
     addNewChildComponentSchema: w,
-    updateDragAndDropRules: o,
+    updateDragAndDropRules: r,
     triggerBelongedComponentToMoveWhenMoved: !!n && n.triggerBelongedComponentToMoveWhenMoved || f(!1),
     triggerBelongedComponentToDeleteWhenDeleted: !!n && n.triggerBelongedComponentToDeleteWhenDeleted || f(!1)
-  }, s;
+  }, l;
 }
-function Fn() {
+function Bn() {
   function e(t) {
-    var r, l;
+    var o, i;
     if (!t)
       return !1;
-    const n = ((r = t.targetContainer) == null ? void 0 : r.componentInstance) && t.targetContainer.componentInstance.value;
+    const n = ((o = t.targetContainer) == null ? void 0 : o.componentInstance) && t.targetContainer.componentInstance.value;
     if (!n)
       return !1;
-    const o = (l = n.schema.appearance) == null ? void 0 : l.class;
+    const r = (i = n.schema.appearance) == null ? void 0 : i.class;
     if (t.controlCategory === "input" || t.controlType === "form-group") {
-      const s = n.schema.type, d = (s === "response-form" || s === "content-container") && o && o.includes("farris-form");
+      const l = n.schema.type, d = (l === "response-form" || l === "content-container") && r && r.includes("farris-form");
       if (n.schema.type !== "response-layout-item" && !d)
         return !1;
     }
@@ -565,7 +567,7 @@ function Fn() {
     basalDragulaRuleForContainer: e
   };
 }
-const wn = "https://json-schema.org/draft/2020-12/schema", Bn = "https://farris-design.gitee.io/dragging-rules.schema.json", Sn = "Dragging Rules", Pn = "The rules of designer canvas", xn = "object", kn = {
+const Sn = "https://json-schema.org/draft/2020-12/schema", Pn = "https://farris-design.gitee.io/dragging-rules.schema.json", kn = "Dragging Rules", xn = "The rules of designer canvas", Mn = "object", jn = {
   "f-page": {
     description: "The root class of page designed by farris.",
     type: "object",
@@ -1129,127 +1131,127 @@ const wn = "https://json-schema.org/draft/2020-12/schema", Bn = "https://farris-
     description: "",
     type: "object"
   }
-}, Mn = [], jn = {
-  $schema: wn,
-  $id: Bn,
-  title: Sn,
-  description: Pn,
-  type: xn,
-  properties: kn,
-  required: Mn
+}, An = [], Dn = {
+  $schema: Sn,
+  $id: Pn,
+  title: kn,
+  description: xn,
+  type: Mn,
+  properties: jn,
+  required: An
 }, J = /* @__PURE__ */ new Map();
-function An() {
-  function e(i, p, g, w) {
+function En() {
+  function e(s, p, g, w) {
     var D;
     if (typeof g == "number")
-      return ((D = w[i]) == null ? void 0 : D.length) === g;
+      return ((D = w[s]) == null ? void 0 : D.length) === g;
     if (typeof g == "object") {
       const j = Object.keys(g)[0], M = g[j];
       if (j === "not")
-        return Number(w[i].length) !== Number(M);
+        return Number(w[s].length) !== Number(M);
       if (j === "moreThan")
-        return Number(w[i].length) >= Number(M);
+        return Number(w[s].length) >= Number(M);
       if (j === "lessThan")
-        return Number(w[i].length) <= Number(M);
+        return Number(w[s].length) <= Number(M);
     }
     return !1;
   }
-  function t(i, p, g, w) {
+  function t(s, p, g, w) {
     return typeof g == "boolean" ? w.childrenClassList.includes(p) === !!g : !1;
   }
-  function n(i, p, g, w) {
+  function n(s, p, g, w) {
     return typeof g == "boolean" ? w.parentClassList.includes(p) === !!g : !1;
   }
-  function o(i, p, g, w) {
+  function r(s, p, g, w) {
     return typeof g == "boolean" ? w.parentClassList.includes(p) === !!g : !1;
   }
-  const r = /* @__PURE__ */ new Map([
+  const o = /* @__PURE__ */ new Map([
     ["length", e],
     ["hasChildren", t],
-    ["hasSibling", o],
+    ["hasSibling", r],
     ["hasParent", n]
   ]);
-  function l(i, p) {
-    const g = i;
+  function i(s, p) {
+    const g = s;
     return typeof p == "number" ? [{ target: g, operator: "length", param: null, value: Number(p) }] : typeof p == "object" ? Object.keys(p).map((w) => {
       if (w === "length")
         return { target: g, operator: "length", param: null, value: p[w] };
       const D = w, j = p[w];
-      return { target: g, operator: i === "children" ? "hasChildren" : i === "parent" ? "hasParent" : "hasSibling", param: D, value: j };
+      return { target: g, operator: s === "children" ? "hasChildren" : s === "parent" ? "hasParent" : "hasSibling", param: D, value: j };
     }) : [];
   }
-  function s(i, p) {
-    if (r.has(i.operator)) {
-      const g = r.get(i.operator);
-      return g && g(i.target, i.param, i.value, p) || !1;
+  function l(s, p) {
+    if (o.has(s.operator)) {
+      const g = o.get(s.operator);
+      return g && g(s.target, s.param, s.value, p) || !1;
     }
     return !1;
   }
-  function d(i, p) {
-    return Object.keys(i).reduce((j, M) => {
-      const L = l(M, i[M]);
+  function d(s, p) {
+    return Object.keys(s).reduce((j, M) => {
+      const L = i(M, s[M]);
       return j.push(...L), j;
-    }, []).reduce((j, M) => j && s(M, p), !0);
+    }, []).reduce((j, M) => j && l(M, p), !0);
   }
-  function m(i, p) {
-    const g = Object.keys(i), w = g.includes("allOf"), D = g.includes("anyOf"), j = w || D, S = (j ? i[j ? w ? "allOf" : "anyOf" : "allOf"] : [i]).map((B) => d(B, p));
+  function m(s, p) {
+    const g = Object.keys(s), w = g.includes("allOf"), D = g.includes("anyOf"), j = w || D, S = (j ? s[j ? w ? "allOf" : "anyOf" : "allOf"] : [s]).map((B) => d(B, p));
     return w ? !S.includes(!1) : S.includes(!0);
   }
-  function a(i, p) {
-    const g = i.const;
+  function a(s, p) {
+    const g = s.const;
     return g ? typeof g == "boolean" ? g : typeof g == "object" ? m(g, p) : !1 : !1;
   }
-  function u(i) {
+  function u(s) {
     return (p) => {
       const g = { canAccept: !0, fixed: !1, hidePadding: !1 };
-      return i && i.properties && Object.keys(i.properties).reduce((w, D) => {
-        const j = i.properties[D];
+      return s && s.properties && Object.keys(s.properties).reduce((w, D) => {
+        const j = s.properties[D];
         return w[D] = a(j, p), w;
       }, g), g;
     };
   }
-  function c(i, p, g) {
+  function c(s, p, g) {
     if (p.type === "object" && p.properties) {
       const { rules: w, contents: D } = p.properties;
-      g.set(i, u(w)), D && Object.keys(D.properties).forEach(
+      g.set(s, u(w)), D && Object.keys(D.properties).forEach(
         (j) => c(j, D.properties[j], g)
       );
     }
   }
   function y() {
-    const { properties: i } = jn;
-    Object.keys(i).forEach((p) => {
-      c(p, i[p], J);
+    const { properties: s } = Dn;
+    Object.keys(s).forEach((p) => {
+      c(p, s[p], J);
     });
   }
-  function F(i, p) {
+  function F(s, p) {
     const g = { canAccept: !0, fixed: !1, hidePadding: !0 };
-    return J.has(i) ? J.get(i)(p) : g;
+    return J.has(s) ? J.get(s)(p) : g;
   }
   return y(), { getRuleValue: F };
 }
-function Dn(e, t) {
-  var k;
-  const n = e.schema, o = (k = e.parent) == null ? void 0 : k.schema, r = An(), l = f(!1), s = f(!1);
+function Vn(e, t) {
+  var x;
+  const n = e.schema, r = (x = e.parent) == null ? void 0 : x.schema, o = En(), i = f(!1), l = f(!1);
   let d = !0, m = !1, a, u = !1;
   function c(B) {
     return a && a.componentClassList && a.componentClassList.includes("f-form-layout") && a.componentClassList.includes("farris-form") ? B.sourceType === "control" && B.controlCategory === "input" || B.sourceType === "move" && B.controlType === "form-group" : !0;
   }
   function y(B) {
-    return !(!Fn().basalDragulaRuleForContainer(B) || !d || !c(B));
+    return !(!Bn().basalDragulaRuleForContainer(B) || !d || !c(B));
   }
   function F() {
-    l.value = !1, s.value = !1;
-    const B = n, E = B.appearance && B.appearance.class || "", N = E.split(" "), O = B.contents || [], R = O.length ? O[0] : null, x = R && R.appearance ? R.appearance.class : "", V = x ? x.split(" ") : [], q = O.length ? O.reduce((ie, Y) => {
+    i.value = !1, l.value = !1;
+    const B = n, E = B.appearance && B.appearance.class || "", N = E.split(" "), O = B.contents || [], R = O.length ? O[0] : null, k = R && R.appearance ? R.appearance.class : "", V = k ? k.split(" ") : [], q = O.length ? O.reduce((ie, Y) => {
       const se = Y && Y.appearance ? Y.appearance.class : "", je = se ? se.split(" ") : [];
       return ie.push(...je), ie;
-    }, []) : [], H = o, X = H && H.appearance && H.appearance.class || "", Pe = X ? X.split(" ") : [];
+    }, []) : [], H = r, X = H && H.appearance && H.appearance.class || "", Pe = X ? X.split(" ") : [];
     a = {
       componentClass: E,
       componentClassList: N,
       childContents: O,
       firstChildContent: R,
-      firstChildClass: x,
+      firstChildClass: k,
       firstChildClassList: V,
       parent: H,
       parentClass: X,
@@ -1257,10 +1259,10 @@ function Dn(e, t) {
       children: O,
       childrenClassList: q
     };
-    const { canAccept: xe, fixed: ke, hidePadding: Me } = r.getRuleValue(N[0], a);
-    return d = xe, m = Me, u = ke, !0;
+    const { canAccept: ke, fixed: xe, hidePadding: Me } = o.getRuleValue(N[0], a);
+    return d = ke, m = Me, u = xe, !0;
   }
-  function i(B) {
+  function s(B) {
     te();
   }
   function p() {
@@ -1269,8 +1271,8 @@ function Dn(e, t) {
   function g(B, E) {
     const N = n;
     if ((N.appearance && N.appearance.class || "").split(" ").includes("f-form-layout")) {
-      const { label: x } = B, V = z("form-group");
-      return V.editor = E, V.label = x, w(V), delete V.editor.id, delete V.editor.binding, delete V.editor.appearance, delete V.editor.visible, V;
+      const { label: k } = B, V = z("form-group");
+      return V.editor = E, V.label = k, w(V), delete V.editor.id, delete V.editor.binding, delete V.editor.appearance, delete V.editor.visible, V;
     }
     return E;
   }
@@ -1339,25 +1341,25 @@ function Dn(e, t) {
     getStyles: p,
     hideNestedPaddingInDesginerView: S,
     onAcceptNewChildElement: j,
-    onAcceptMovedChildElement: i,
+    onAcceptMovedChildElement: s,
     resolveComponentContext: F,
     onResolveNewComponentSchema: g,
-    triggerBelongedComponentToMoveWhenMoved: l,
-    triggerBelongedComponentToDeleteWhenDeleted: s
+    triggerBelongedComponentToMoveWhenMoved: i,
+    triggerBelongedComponentToDeleteWhenDeleted: l
   };
 }
-const En = /* @__PURE__ */ G({
+const On = /* @__PURE__ */ G({
   name: "FResponseFormDesign",
   props: Q,
   emits: [],
   setup(e, t) {
-    const n = f(), o = W("design-item-context");
+    const n = f(), r = W("design-item-context");
     W("designer-host-service");
-    const r = Dn(o), l = re(n, o, r);
+    const o = Vn(r), i = re(n, r, o);
     U(() => {
-      n.value.componentInstance = l;
-    }), t.expose(l.value);
-    const s = P(() => {
+      n.value.componentInstance = i;
+    }), t.expose(i.value);
+    const l = P(() => {
       const d = e.customClass.split(" "), m = {
         "drag-container": !0
       };
@@ -1365,42 +1367,42 @@ const En = /* @__PURE__ */ G({
     });
     return () => A("div", {
       ref: n,
-      class: s.value,
-      "data-dragref": `${o.schema.id}-container`,
-      "data-associate": `${o.schema.id}-component`
+      class: l.value,
+      "data-dragref": `${r.schema.id}-container`,
+      "data-associate": `${r.schema.id}-component`
     }, [t.slots.default && t.slots.default()]);
   }
-}), Vn = {
+}), Ln = {
   id: { type: String },
   required: { type: Boolean, default: !1 },
   text: { type: String, default: "" },
   title: { type: String }
 }, he = /* @__PURE__ */ G({
   name: "FDynamicFormLabel",
-  props: Vn,
+  props: Ln,
   emits: [],
   setup(e, t) {
-    const n = f(e.title || e.text), o = f(e.required), r = f(e.text);
-    return I(() => e.text, () => {
-      r.value = e.text;
-    }), I(() => e.required, (l, s) => {
-      l !== s && (o.value = l);
+    const n = f(e.title || e.text), r = f(e.required), o = f(e.text);
+    return $(() => e.text, () => {
+      o.value = e.text;
+    }), $(() => e.required, (i, l) => {
+      i !== l && (r.value = i);
     }), () => A("label", {
       class: "col-form-label",
       title: n.value
-    }, [o.value && A("span", {
+    }, [r.value && A("span", {
       class: "farris-label-info text-danger"
     }, [Ee("*")]), A("span", {
       class: "farris-label-text"
-    }, [r.value])]);
+    }, [o.value])]);
   }
-}), On = /* @__PURE__ */ new Map([
+}), Nn = /* @__PURE__ */ new Map([
   ["appearance", ye]
 ]);
-function Ln(e, t, n) {
+function In(e, t, n) {
   return t;
 }
-const Nn = "https://json-schema.org/draft/2020-12/schema", In = "https://farris-design.gitee.io/input-group.schema.json", $n = "input-group", Rn = "A Farris Input Component", Gn = "object", qn = {
+const $n = "https://json-schema.org/draft/2020-12/schema", Rn = "https://farris-design.gitee.io/input-group.schema.json", Gn = "input-group", qn = "A Farris Input Component", Un = "object", Hn = {
   id: {
     description: "The unique identifier for a Input Group",
     type: "string"
@@ -1602,17 +1604,17 @@ const Nn = "https://json-schema.org/draft/2020-12/schema", In = "https://farris-
     type: "string",
     default: ""
   }
-}, Un = [
+}, Wn = [
   "id",
   "type"
-], Hn = {
-  $schema: Nn,
-  $id: In,
-  title: $n,
-  description: Rn,
-  type: Gn,
-  properties: qn,
-  required: Un
+], zn = {
+  $schema: $n,
+  $id: Rn,
+  title: Gn,
+  description: qn,
+  type: Un,
+  properties: Hn,
+  required: Wn
 }, ae = {
   /** 是否自动完成 */
   autocomplete: { Type: String, default: "off" },
@@ -1680,94 +1682,94 @@ const Nn = "https://json-schema.org/draft/2020-12/schema", In = "https://farris-
    */
   updateOn: { type: String, default: "blur" }
 };
-Z(ae, Hn, On, Ln);
-function Wn(e, t, n, o) {
-  const r = f(e.disabled), l = f(!1), s = f("text"), d = f(e.showBorder), m = f(e.textAlign), a = f(e.updateOn), u = P(() => e.editable || !e.readonly), c = P(() => e.editable && !e.disabled && !e.readonly), y = P(() => !e.disabled && l.value), F = P(() => n.value === "" || n.value === null || n.value === void 0), i = P(() => (e.disabled || e.readonly) && !e.forcePlaceholder ? "" : e.placeholder), p = P(() => e.readonly || !e.editable), g = P(() => e.enableTitle ? n.value : ""), w = P(() => ({
+Z(ae, zn, Nn, In);
+function Qn(e, t, n, r) {
+  const o = f(e.disabled), i = f(!1), l = f("text"), d = f(e.showBorder), m = f(e.textAlign), a = f(e.updateOn), u = P(() => e.editable || !e.readonly), c = P(() => e.editable && !e.disabled && !e.readonly), y = P(() => !e.disabled && i.value), F = P(() => n.value === "" || n.value === null || n.value === void 0), s = P(() => (e.disabled || e.readonly) && !e.forcePlaceholder ? "" : e.placeholder), p = P(() => e.readonly || !e.editable), g = P(() => e.enableTitle ? n.value : ""), w = P(() => ({
     "form-control": !0,
     "f-utils-fill": !0,
     "text-left": m.value === "left",
     "text-center": m.value === "center",
     "text-right": m.value === "right"
   })), D = P(() => {
-    const x = {
+    const k = {
       "f-cmp-inputgroup": !0,
       "input-group": !0,
-      "f-state-disable": r.value,
+      "f-state-disable": o.value,
       "f-state-editable": c.value,
       "f-state-readonly": p.value,
       "f-state-focus": y.value
     };
-    return (e.customClass || "").split(" ").reduce((q, H) => (q[H] = !0, q), x), x;
+    return (e.customClass || "").split(" ").reduce((q, H) => (q[H] = !0, q), k), k;
   }), j = P(() => d.value ? "" : "border-width : 0 ");
-  function M(x, V = !0) {
-    n.value = x, o.value !== x && (o.value = x), V && t.emit("change", x), t.emit("update:modelValue", x), t.emit("update:value", x);
+  function M(k, V = !0) {
+    n.value = k, r.value !== k && (r.value = k), V && t.emit("change", k), t.emit("update:modelValue", k), t.emit("update:value", k);
   }
-  I(
+  $(
     () => e.modelValue,
-    (x, V) => {
-      x !== V && (n.value = x, o.value = x);
+    (k, V) => {
+      k !== V && (n.value = k, r.value = k);
     }
-  ), I(() => e.disabled, (x, V) => {
-    x !== V && (r.value = x);
+  ), $(() => e.disabled, (k, V) => {
+    k !== V && (o.value = k);
   });
-  function L(x) {
-    return l.value = !1, t.emit("blur", x), x.stopPropagation(), !1;
+  function L(k) {
+    return i.value = !1, t.emit("blur", k), k.stopPropagation(), !1;
   }
-  function S(x) {
-    t.emit("click", x);
+  function S(k) {
+    t.emit("click", k);
   }
-  function k(x) {
-    e.disabled || (d.value && (l.value = !0), u.value && t.emit("focus", x));
+  function x(k) {
+    e.disabled || (d.value && (i.value = !0), u.value && t.emit("focus", k));
   }
-  function B(x) {
-    t.emit("input", x.target.value);
-    const V = x.target.value;
-    o.value = V, a.value === "input" && (t.emit("update:modelValue", V), t.emit("update:value", V));
+  function B(k) {
+    t.emit("input", k.target.value);
+    const V = k.target.value;
+    r.value = V, a.value === "input" && (t.emit("update:modelValue", V), t.emit("update:value", V));
   }
-  function E(x) {
-    t.emit("keydown", x);
+  function E(k) {
+    t.emit("keydown", k);
   }
-  function N(x) {
-    t.emit("keyup", x);
+  function N(k) {
+    t.emit("keyup", k);
   }
-  function O(x) {
-    x.target.tagName !== "INPUT" && x.preventDefault(), x.stopPropagation();
+  function O(k) {
+    k.target.tagName !== "INPUT" && k.preventDefault(), k.stopPropagation();
   }
-  function R(x) {
+  function R(k) {
     if (a.value === "blur") {
-      const V = x.target.value;
-      x.stopPropagation(), M(V);
+      const V = k.target.value;
+      k.stopPropagation(), M(V);
     }
   }
   return {
     changeTextBoxValue: M,
-    disabled: r,
-    displayText: o,
+    disabled: o,
+    displayText: r,
     editable: c,
     hasFocused: y,
     inputGroupClass: D,
-    inputType: s,
+    inputType: l,
     isEmpty: F,
     modelValue: n,
     readonly: p,
     onBlur: L,
     onClick: S,
-    onFocus: k,
+    onFocus: x,
     onInput: B,
     onKeydown: E,
     onKeyup: N,
     onMousedown: O,
     onTextBoxValueChange: R,
-    placeholder: i,
+    placeholder: s,
     textBoxClass: w,
     textBoxTitle: g,
     inputGroupStyle: j
   };
 }
-function zn(e, t, n, o) {
-  const r = f(e.disabled), l = f(!1), s = f("text"), d = f(e.showBorder), m = f(e.textAlign);
+function _n(e, t, n, r) {
+  const o = f(e.disabled), i = f(!1), l = f("text"), d = f(e.showBorder), m = f(e.textAlign);
   P(() => e.editable || !e.readonly);
-  const a = P(() => e.editable && !e.disabled && !e.readonly), u = P(() => !e.disabled && l.value), c = P(() => n.value === "" || n.value === null || n.value === void 0), y = P(() => e.placeholder), F = P(() => e.readonly || !e.editable), i = P(() => e.enableTitle ? n.value : ""), p = P(() => ({
+  const a = P(() => e.editable && !e.disabled && !e.readonly), u = P(() => !e.disabled && i.value), c = P(() => n.value === "" || n.value === null || n.value === void 0), y = P(() => e.placeholder), F = P(() => e.readonly || !e.editable), s = P(() => e.enableTitle ? n.value : ""), p = P(() => ({
     "form-control": !0,
     // 'f-utils-fill': true,
     "text-left": m.value === "left",
@@ -1783,12 +1785,12 @@ function zn(e, t, n, o) {
   })), w = P(() => d.value ? "" : "border-width : 0 ");
   return {
     // changeTextBoxValue,
-    disabled: r,
-    displayText: o,
+    disabled: o,
+    displayText: r,
     editable: a,
     hasFocused: u,
     inputGroupClass: g,
-    inputType: s,
+    inputType: l,
     isEmpty: c,
     modelValue: n,
     readonly: F,
@@ -1802,80 +1804,80 @@ function zn(e, t, n, o) {
     // onTextBoxValueChange,
     placeholder: y,
     textBoxClass: p,
-    textBoxTitle: i,
+    textBoxTitle: s,
     inputGroupStyle: w
   };
 }
 function ve(e, t, n) {
-  const o = f(!1), r = P(() => e.enableClear && !e.readonly && !e.disabled), { changeTextBoxValue: l, displayText: s, hasFocused: d, isEmpty: m } = n;
+  const r = f(!1), o = P(() => e.enableClear && !e.readonly && !e.disabled), { changeTextBoxValue: i, displayText: l, hasFocused: d, isEmpty: m } = n;
   function a(p) {
-    o.value = p;
+    r.value = p;
   }
-  I(s, () => {
-    d != null && d.value ? a(!!(s != null && s.value)) : a(!1);
+  $(l, () => {
+    d != null && d.value ? a(!!(l != null && l.value)) : a(!1);
   });
   const u = P(() => ({
     "input-group-text": !0,
     "input-group-clear": !0
   })), c = P(() => ({
     width: "24px",
-    display: o.value ? "flex" : "none"
+    display: r.value ? "flex" : "none"
   }));
   function y(p) {
-    p.stopPropagation(), r.value && (l("", !0), a(!o.value), t.emit("clear"));
+    p.stopPropagation(), o.value && (i("", !0), a(!r.value), t.emit("clear"));
   }
   function F(p) {
-    r.value && !m.value && a(!0);
+    o.value && !m.value && a(!0);
   }
-  function i(p) {
-    r.value && a(!1);
+  function s(p) {
+    o.value && a(!1);
   }
-  return { clearButtonClass: u, clearButtonStyle: c, hasShownClearButton: o, onClearValue: y, onMouseEnter: F, onMouseLeave: i, shouldShowClearButton: r };
+  return { clearButtonClass: u, clearButtonStyle: c, hasShownClearButton: r, onClearValue: y, onMouseEnter: F, onMouseLeave: s, shouldShowClearButton: o };
 }
-const Qn = ["moz", "ms", "webkit"];
-function _n() {
+const Zn = ["moz", "ms", "webkit"];
+function Xn() {
   let e = 0;
   return (t) => {
-    const n = (/* @__PURE__ */ new Date()).getTime(), o = Math.max(0, 16 - (n - e)), r = setTimeout(() => {
-      t(n + o);
-    }, o);
-    return e = n + o, r;
+    const n = (/* @__PURE__ */ new Date()).getTime(), r = Math.max(0, 16 - (n - e)), o = setTimeout(() => {
+      t(n + r);
+    }, r);
+    return e = n + r, o;
   };
 }
-function Zn() {
+function Yn() {
   if (typeof window > "u")
     return () => 0;
   if (window.requestAnimationFrame)
     return window.requestAnimationFrame.bind(window);
-  const e = Qn.filter((t) => `${t}RequestAnimationFrame` in window)[0];
-  return e ? window[`${e}RequestAnimationFrame`] : _n();
+  const e = Zn.filter((t) => `${t}RequestAnimationFrame` in window)[0];
+  return e ? window[`${e}RequestAnimationFrame`] : Xn();
 }
-Zn();
+Yn();
 function Ce(e, t) {
-  const n = f(e.groupText), o = P(() => e.showButtonWhenDisabled && (e.readonly || e.disabled)), r = P(() => e.enableClear || !!e.groupText);
+  const n = f(e.groupText), r = P(() => e.showButtonWhenDisabled && (e.readonly || e.disabled)), o = P(() => e.enableClear || !!e.groupText);
   return { appendedButtonClass: P(() => ({
     "input-group-append": !0,
-    "append-force-show": o.value
-  })), appendedContent: n, shouldShowAppendedButton: r };
+    "append-force-show": r.value
+  })), appendedContent: n, shouldShowAppendedButton: o };
 }
-function Te(e, t, n, o) {
-  const { appendedContent: r } = o, l = f(e.enableViewPassword), s = P(() => e.type === "password"), d = '<span class="f-icon f-icon-eye" style="color: rgb(56, 143, 255);"></span>', m = '<span class="f-icon f-icon-eye"></span>', a = f(!1);
-  I(() => [e.readonly, e.disabled], ([y, F]) => {
-    s.value && (n.value = y || F ? "password" : n.value, r.value = y || F ? m : r.value);
+function Te(e, t, n, r) {
+  const { appendedContent: o } = r, i = f(e.enableViewPassword), l = P(() => e.type === "password"), d = '<span class="f-icon f-icon-eye" style="color: rgb(56, 143, 255);"></span>', m = '<span class="f-icon f-icon-eye"></span>', a = f(!1);
+  $(() => [e.readonly, e.disabled], ([y, F]) => {
+    l.value && (n.value = y || F ? "password" : n.value, o.value = y || F ? m : o.value);
   });
   function u() {
-    return a.value = !a.value, n.value = a.value ? "text" : "password", r.value = a.value ? d : m, !1;
+    return a.value = !a.value, n.value = a.value ? "text" : "password", o.value = a.value ? d : m, !1;
   }
   function c() {
-    n.value = s.value ? "password" : "text", r.value = s.value ? l.value ? m : "" : r.value;
+    n.value = l.value ? "password" : "text", o.value = l.value ? i.value ? m : "" : o.value;
   }
-  return c(), { isPassword: s, onClickAppendedButton: u };
+  return c(), { isPassword: l, onClickAppendedButton: u };
 }
-function Xn(e, t, n) {
-  const o = f(), {
-    onBlurTextBox: r,
-    onFocusTextBox: l,
-    onInput: s,
+function Kn(e, t, n) {
+  const r = f(), {
+    onBlurTextBox: o,
+    onFocusTextBox: i,
+    onInput: l,
     onKeyDown: d,
     textBoxValue: m
   } = n, a = P(() => e.disabled || e.readonly || !e.editable ? "" : e.placeholder), u = P(() => ({
@@ -1890,13 +1892,13 @@ function Xn(e, t, n) {
   function F() {
     e.selectOnCreated, e.focusOnCreated;
   }
-  async function i(p) {
-    l(p), await te, F();
+  async function s(p) {
+    i(p), await te, F();
   }
   return U(async () => {
     await te, F();
   }), () => A("input", {
-    ref: o,
+    ref: r,
     class: u.value,
     style: c.value,
     type: "text",
@@ -1904,19 +1906,19 @@ function Xn(e, t, n) {
     disabled: e.disabled,
     readonly: e.readonly || !e.editable,
     placeholder: a.value,
-    onBlur: r,
+    onBlur: o,
     onChange: y,
-    onFocus: i,
-    onInput: s,
+    onFocus: s,
+    onInput: l,
     onKeydown: d
   }, null);
 }
-function Yn(e, t, n) {
+function Jn(e, t, n) {
   const {
-    canDownward: o,
-    canUpward: r,
-    onClickDownButton: l,
-    onClickUpButton: s
+    canDownward: r,
+    canUpward: o,
+    onClickDownButton: i,
+    onClickUpButton: l
   } = n, d = P(() => ({
     "input-group-append": !0,
     "btn-group": !0,
@@ -1926,10 +1928,10 @@ function Yn(e, t, n) {
     "btn-secondary": !0,
     "btn-number-flag": !0
   })), a = P(() => ({
-    cursor: r() ? "pointer" : "not-allowed",
+    cursor: o() ? "pointer" : "not-allowed",
     "margin-left": 0
   })), u = P(() => ({
-    cursor: o() ? "pointer" : "not-allowed",
+    cursor: r() ? "pointer" : "not-allowed",
     "margin-left": 0
   }));
   return () => A("div", {
@@ -1938,52 +1940,52 @@ function Yn(e, t, n) {
     title: "upButton",
     class: m.value,
     style: a.value,
-    onClick: s,
-    disabled: !r()
+    onClick: l,
+    disabled: !o()
   }, [A("span", {
     class: "f-icon f-icon-arrow-chevron-up number-arrow-chevron"
   }, null)]), A("button", {
     title: "downButton",
     class: m.value,
     style: u.value,
-    onClick: l,
-    disabled: !o()
+    onClick: i,
+    disabled: !r()
   }, [A("span", {
     class: "f-icon f-icon-arrow-chevron-down number-arrow-chevron"
   }, null)])]);
 }
-function Kn(e, t) {
-  const n = $e(e, t), o = Re(e, t, n), r = Ge(e, t, o, n), l = qe(e, t, o, n, r), s = Yn(e, t, r), {
+function eo(e, t) {
+  const n = $e(e, t), r = Re(e, t, n), o = Ge(e, t, r, n), i = qe(e, t, r, n, o), l = Jn(e, t, o), {
     displayValue: d,
     modelValue: m,
     getRealValue: a
-  } = n, u = Xn(e, t, l), {
+  } = n, u = Kn(e, t, i), {
     format: c
-  } = o, {
+  } = r, {
     isFocus: y
-  } = l, F = P(() => !e.disabled && !e.readonly);
+  } = i, F = P(() => !e.disabled && !e.readonly);
   return U(() => {
-    const i = a(e.modelValue);
-    d.value = c(i);
-  }), I(() => [e.value], ([i]) => {
-    const p = a(i);
+    const s = a(e.modelValue);
+    d.value = c(s);
+  }), $(() => [e.value], ([s]) => {
+    const p = a(s);
     m.value = p, d.value = c(p);
-  }), I(() => [e.modelValue], ([i]) => {
-    i !== m.value && (m.value = i, !y.value && (d.value = c(a(i))));
-  }), I(() => [e.precision, e.useThousands, e.prefix, e.suffix, e.showZero], () => {
+  }), $(() => [e.modelValue], ([s]) => {
+    s !== m.value && (m.value = s, !y.value && (d.value = c(a(s))));
+  }), $(() => [e.precision, e.useThousands, e.prefix, e.suffix, e.showZero], () => {
     d.value = c(m.value);
   }), () => A("div", {
     class: "input-group  f-state-hover flex-row f-cmp-number-spinner"
-  }, [u(), F.value && s()]);
+  }, [u(), F.value && l()]);
 }
-function Jn(e, t, n, o) {
-  const r = f(), l = f(e.autocomplete), s = f(e.enableTitle), {
+function to(e, t, n, r) {
+  const o = f(), i = f(e.autocomplete), l = f(e.enableTitle), {
     isPassword: d
   } = n, m = f(e.minLength), a = f(e.maxLength), u = f(e.tabIndex), {
     disabled: c,
     displayText: y,
     inputType: F,
-    onBlur: i,
+    onBlur: s,
     onFocus: p,
     onInput: g,
     onClick: w,
@@ -1992,27 +1994,27 @@ function Jn(e, t, n, o) {
     onMousedown: M,
     onTextBoxValueChange: L,
     readonly: S,
-    placeholder: k,
+    placeholder: x,
     textBoxClass: B,
     textBoxTitle: E
-  } = o;
+  } = r;
   return U(() => {
     e.selectOnCreated, e.focusOnCreated;
   }), () => A("input", {
-    ref: r,
+    ref: o,
     name: "input-group-value",
-    autocomplete: l.value,
+    autocomplete: i.value,
     class: B.value,
     disabled: c == null ? void 0 : c.value,
     maxlength: a.value,
     minlength: m.value,
-    placeholder: k.value,
+    placeholder: x.value,
     readonly: S == null ? void 0 : S.value,
     tabindex: u.value,
-    title: s.value && !d.value ? E.value : "",
+    title: l.value && !d.value ? E.value : "",
     type: F.value,
     value: y == null ? void 0 : y.value,
-    onBlur: i,
+    onBlur: s,
     onClick: w,
     onChange: L,
     onFocus: p,
@@ -2022,61 +2024,61 @@ function Jn(e, t, n, o) {
     onMousedown: M
   }, null);
 }
-function eo(e, t) {
-  const n = P(() => e.useExtendInfo && !!e.extendInfo), o = Ve({
+function no(e, t) {
+  const n = P(() => e.useExtendInfo && !!e.extendInfo), r = Ve({
     content: e.extendInfo
   });
-  function r() {
+  function o() {
     t.emit("updateExtendInfo");
   }
   return () => n.value && Oe(A("span", {
     class: "input-group-before-tips",
-    onMouseenter: r
+    onMouseenter: o
   }, [A("i", {
     class: "f-icon f-icon-info-circle"
   }, null), A("b", {
     class: "tips-arrow"
-  }, null)]), [[Le("tooltip"), o]]);
+  }, null)]), [[Le("tooltip"), r]]);
 }
-function Fe(e, t, n, o, r) {
+function Fe(e, t, n, r, o) {
   const {
-    appendedButtonClass: l,
-    appendedContent: s
-  } = n, d = P(() => e.showButtonWhenDisabled && (!e.editable || !e.readonly) && !e.disabled), m = P(() => s.value && !t.slots.groupTextTemplate), a = P(() => !!t.slots.groupTextTemplate), {
+    appendedButtonClass: i,
+    appendedContent: l
+  } = n, d = P(() => e.showButtonWhenDisabled && (!e.editable || !e.readonly) && !e.disabled), m = P(() => l.value && !t.slots.groupTextTemplate), a = P(() => !!t.slots.groupTextTemplate), {
     clearButtonClass: u,
     clearButtonStyle: c,
     onClearValue: y,
     shouldShowClearButton: F
-  } = o;
-  function i() {
+  } = r;
+  function s() {
     return A("span", {
       id: "clearIcon",
       class: u.value,
       style: c.value,
-      onClick: (k) => y(k)
+      onClick: (x) => y(x)
     }, [A("i", {
       class: "f-icon modal_close"
     }, null)]);
   }
-  function p(k) {
-    t.emit("iconMouseEnter", k);
+  function p(x) {
+    t.emit("iconMouseEnter", x);
   }
-  function g(k) {
-    t.emit("iconMouseLeave", k);
+  function g(x) {
+    t.emit("iconMouseLeave", x);
   }
-  function w(k) {
+  function w(x) {
     d.value && t.emit("clickHandle", {
-      originalEvent: k
-    }), k.stopPropagation();
+      originalEvent: x
+    }), x.stopPropagation();
   }
-  const D = e.type === "password" ? r.onClickAppendedButton : w;
+  const D = e.type === "password" ? o.onClickAppendedButton : w;
   function j() {
     return A("span", {
       class: "input-group-text",
-      onMouseenter: (k) => p(k),
-      onMouseleave: (k) => g(k),
-      innerHTML: s.value,
-      onClick: (k) => D(k)
+      onMouseenter: (x) => p(x),
+      onMouseleave: (x) => g(x),
+      innerHTML: l.value,
+      onClick: (x) => D(x)
     }, null);
   }
   function M() {
@@ -2087,56 +2089,56 @@ function Fe(e, t, n, o, r) {
   }
   const S = L();
   return () => A("div", {
-    class: l.value
-  }, [F.value && i(), S && S()]);
+    class: i.value
+  }, [F.value && s(), S && S()]);
 }
-const to = /* @__PURE__ */ G({
+const oo = /* @__PURE__ */ G({
   name: "FInputGroup",
   props: ae,
   emits: ["clear", "change", "blur", "click", "clickHandle", "focus", "input", "keydown", "keyup", "iconMouseEnter", "iconMouseLeave", "update:modelValue", "update:value", "updateExtendInfo", "valueChange"],
   setup(e, t) {
-    const n = f(e.modelValue), o = f(e.modelValue), r = Wn(e, t, n, o), {
-      inputGroupClass: l,
-      inputType: s,
+    const n = f(e.modelValue), r = f(e.modelValue), o = Qn(e, t, n, r), {
+      inputGroupClass: i,
+      inputType: l,
       inputGroupStyle: d
-    } = r, m = Ce(e), {
+    } = o, m = Ce(e), {
       shouldShowAppendedButton: a
-    } = m, u = ve(e, t, r), {
+    } = m, u = ve(e, t, o), {
       onMouseEnter: c,
       onMouseLeave: y
-    } = u, F = Te(e, t, s, m), i = Kn(e, t), p = Jn(e, t, F, r), g = Fe(e, t, m, u, F), w = eo(e, t), D = P(() => e.type === "number");
-    I(() => [e.value], ([M]) => {
-      n.value = M, o.value = M;
-    }), I(() => [e.modelValue], ([M]) => {
-      n.value = M, o.value = M;
+    } = u, F = Te(e, t, l, m), s = eo(e, t), p = to(e, t, F, o), g = Fe(e, t, m, u, F), w = no(e, t), D = P(() => e.type === "number");
+    $(() => [e.value], ([M]) => {
+      n.value = M, r.value = M;
+    }), $(() => [e.modelValue], ([M]) => {
+      n.value = M, r.value = M;
     }), U(() => {
-      e.value && (n.value = e.value, o.value = e.value);
+      e.value && (n.value = e.value, r.value = e.value);
     });
     const j = () => A(le, null, [A("div", {
       id: "inputGroup",
-      class: l.value,
+      class: i.value,
       style: d.value,
       onMouseenter: c,
       onMouseleave: y
-    }, [D.value ? i() : A(le, null, [w(), p(), a.value && g()])])]);
+    }, [D.value ? s() : A(le, null, [w(), p(), a.value && g()])])]);
     return () => j();
   }
 }), b = {}, h = {}, v = {}, C = {};
 let pe = !1;
-function no() {
-  pe || (pe = !0, He.register(b, h, v, C), Ue.register(b, h, v, C), We.register(b, h, v, C), ze.register(b, h, v, C), Qe.register(b, h, v, C), _e.register(b, h, v, C), Ze.register(b, h, v, C), Xe.register(b, h, v, C), Ye.register(b, h, v, C), Je.register(b, h, v, C), Ke.register(b, h, v, C), et.register(b, h, v, C), tt.register(b, h, v, C), nt.register(b, h, v, C), ot.register(b, h, v, C), rt.register(b, h, v, C), at.register(b, h, v, C), it.register(b, h, v, C), st.register(b, h, v, C), lt.register(b, h, v, C), ct.register(b, h, v, C), pt.register(b, h, v, C), ut.register(b, h, v, C), dt.register(b, h, v, C), mt.register(b, h, v, C), ft.register(b, h, v, C), yt.register(b, h, v, C), Ie.register(b, h, v, C), gt.register(b, h, v, C), bt.register(b, h, v, C), ht.register(b, h, v, C), vt.register(b, h, v, C), Ct.register(b, h, v, C), Tt.register(b, h, v, C), Ft.register(b, h, v, C), wt.register(b, h, v, C), St.register(b, h, v, C), Pt.register(b, h, v, C), Bt.register(b, h, v, C), Ht.register(b, h, v), xt.register(b, h, v, C), kt.register(b, h, v, C), Mt.register(b, h, v, C), jt.register(b, h, v, C), At.register(b, h, v, C), Dt.register(b, h, v, C), Et.register(b, h, v, C), Vt.register(b, h, v, C), Ot.register(b, h, v, C), Lt.register(b, h, v, C), Nt.register(b, h, v, C), It.register(b, h, v, C), Rt.register(b, h, v, C), $t.register(b, h, v, C), Gt.register(b, h, v, C), qt.register(b, h, v, C), Ut.register(b, h, v, C));
+function ro() {
+  pe || (pe = !0, He.register(b, h, v, C), Ue.register(b, h, v, C), We.register(b, h, v, C), ze.register(b, h, v, C), Qe.register(b, h, v, C), _e.register(b, h, v, C), Ze.register(b, h, v, C), Xe.register(b, h, v, C), Ye.register(b, h, v, C), Ke.register(b, h, v, C), et.register(b, h, v, C), Je.register(b, h, v, C), tt.register(b, h, v, C), nt.register(b, h, v, C), ot.register(b, h, v, C), rt.register(b, h, v, C), at.register(b, h, v, C), it.register(b, h, v, C), st.register(b, h, v, C), lt.register(b, h, v, C), ct.register(b, h, v, C), ut.register(b, h, v, C), dt.register(b, h, v, C), pt.register(b, h, v, C), mt.register(b, h, v, C), ft.register(b, h, v, C), yt.register(b, h, v, C), gt.register(b, h, v, C), Ie.register(b, h, v, C), bt.register(b, h, v, C), ht.register(b, h, v, C), vt.register(b, h, v, C), Ct.register(b, h, v, C), Tt.register(b, h, v, C), Ft.register(b, h, v, C), wt.register(b, h, v, C), Bt.register(b, h, v, C), Pt.register(b, h, v, C), kt.register(b, h, v, C), St.register(b, h, v, C), Wt.register(b, h, v), xt.register(b, h, v, C), Mt.register(b, h, v, C), jt.register(b, h, v, C), At.register(b, h, v, C), Dt.register(b, h, v, C), Et.register(b, h, v, C), Vt.register(b, h, v, C), Ot.register(b, h, v, C), Lt.register(b, h, v, C), Nt.register(b, h, v, C), It.register(b, h, v, C), $t.register(b, h, v, C), Gt.register(b, h, v, C), Rt.register(b, h, v, C), qt.register(b, h, v, C), Ut.register(b, h, v, C), Ht.register(b, h, v, C), zt.register(b, h, v, C));
 }
 function we() {
-  no();
-  function e(r, l) {
-    const s = h[r];
-    return s ? s(l) : {};
+  ro();
+  function e(o, i) {
+    const l = h[o];
+    return l ? l(i) : {};
   }
-  function t(r) {
-    return b[r] || to;
+  function t(o) {
+    return b[o] || oo;
   }
-  function n(r) {
-    switch (r) {
+  function n(o) {
+    switch (o) {
       case "check-box":
         return "onChangeValue";
       case "switch":
@@ -2144,6 +2146,7 @@ function we() {
       case "check-group":
         return "onChangeValue";
       case "combo-list":
+      case "combo-tree":
         return "onChange";
       case "combo-lookup":
         return "";
@@ -2189,26 +2192,26 @@ function we() {
         return "onMappingFieldsChanged";
     }
   }
-  function o(r) {
-    switch (r) {
+  function r(o) {
+    switch (o) {
       case "combo-list":
       case "input-group":
         return "onClear";
     }
   }
-  return { resolveEditorProps: e, resolveEditorType: t, getChangeFunctionName: n, getClearFunctionName: o };
+  return { resolveEditorProps: e, resolveEditorType: t, getChangeFunctionName: n, getClearFunctionName: r };
 }
 const ee = /* @__PURE__ */ G({
   name: "FDynamicFormGroup",
   props: Q,
   emits: ["change", "update:modelValue"],
   setup(e, t) {
-    const n = f(e.id), o = f(e.customClass), r = f(e.editor), l = f(e.label), s = f(e.modelValue), d = f(e.readonly), m = f(e.required), a = f(e.showLabel), u = f(e.visible);
+    const n = f(e.id), r = f(e.customClass), o = f(e.editor), i = f(e.label), l = f(e.modelValue), d = f(e.readonly), m = f(e.required), a = f(e.showLabel), u = f(e.visible);
     f(e.type);
     const c = f(), {
       resolveEditorProps: y,
       resolveEditorType: F,
-      getChangeFunctionName: i,
+      getChangeFunctionName: s,
       getClearFunctionName: p
     } = we(), g = P(() => ({
       "form-group": !0,
@@ -2217,27 +2220,27 @@ const ee = /* @__PURE__ */ G({
       "q-state-readonly": d.value
     }));
     function w(M, L) {
-      s.value = L !== void 0 ? L : M, t.emit("update:modelValue", s.value), t.emit("change", s.value);
+      l.value = L !== void 0 ? L : M, t.emit("update:modelValue", l.value), t.emit("change", l.value);
     }
     function D() {
       t.emit("update:modelValue", "");
     }
     const j = P(() => {
-      const M = r.value.type || "input-group", L = F(M), S = y(M, r.value), k = i(M), B = p(r.value.type);
-      return S[k] = w, S[B] = D, () => A(L, _({
+      const M = o.value.type || "input-group", L = F(M), S = y(M, o.value), x = s(M), B = p(o.value.type);
+      return S[x] = w, S[B] = D, () => A(L, _({
         ref: c
       }, S, {
-        modelValue: s.value,
-        "onUpdate:modelValue": (E) => s.value = E
+        modelValue: l.value,
+        "onUpdate:modelValue": (E) => l.value = E
       }), null);
     });
-    return I([() => e.id, () => e.customClass, () => e.editor, () => e.label, () => e.modelValue, () => e.readonly, () => e.required, () => e.showLabel, () => e.visible], ([M, L, S, k, B, E, N, O, R]) => {
-      n.value = M, o.value = L, r.value = S, l.value = k, s.value = B, d.value = E, m.value = N, a.value = O, u.value = R;
+    return $([() => e.id, () => e.customClass, () => e.editor, () => e.label, () => e.modelValue, () => e.readonly, () => e.required, () => e.showLabel, () => e.visible], ([M, L, S, x, B, E, N, O, R]) => {
+      n.value = M, r.value = L, o.value = S, i.value = x, l.value = B, d.value = E, m.value = N, a.value = O, u.value = R;
     }), t.expose({
       editorRef: c
     }), () => u.value && A("div", {
       id: `${n.value}-input-group`,
-      class: o.value
+      class: r.value
     }, [A("div", {
       class: "farris-group-wrap"
     }, [A("div", {
@@ -2245,23 +2248,23 @@ const ee = /* @__PURE__ */ G({
     }, [a.value && A(he, {
       id: `${n.value}-lable`,
       required: m.value,
-      text: l.value,
-      title: l.value
+      text: i.value,
+      title: i.value
     }, null), A("div", {
       class: "farris-input-wrap"
     }, [j.value()])])])]);
   }
-}), oo = {}, ro = {};
-function ao(e, t) {
+}), ao = {}, io = {};
+function so(e, t) {
   e.schema;
-  const n = f(!0), o = f(!0);
-  function r(c) {
+  const n = f(!0), r = f(!0);
+  function o(c) {
     return !1;
   }
-  function l() {
+  function i() {
     return !1;
   }
-  function s() {
+  function l() {
     return !1;
   }
   function d() {
@@ -2275,26 +2278,27 @@ function ao(e, t) {
     return null;
   }
   return {
-    canAccepts: r,
-    checkCanDeleteComponent: l,
-    checkCanMoveComponent: s,
+    canAccepts: o,
+    checkCanDeleteComponent: i,
+    checkCanMoveComponent: l,
     hideNestedPaddingInDesginerView: d,
     onAcceptMovedChildElement: m,
     resolveComponentContext: a,
     triggerBelongedComponentToMoveWhenMoved: n,
-    triggerBelongedComponentToDeleteWhenDeleted: o,
+    triggerBelongedComponentToDeleteWhenDeleted: r,
     getPropsConfig: u
   };
 }
 class Be {
   static getEditorTypesByMDataType(t) {
-    return this.fieldControlTypeMapping[t];
+    const n = this.fieldControlTypeMapping[t];
+    return n || [{ key: "", value: "" }];
   }
 }
 /**
  * <字段类型,可配置的控件类型列表>的映射
  */
-$(Be, "fieldControlTypeMapping", {
+I(Be, "fieldControlTypeMapping", {
   String: [
     { key: T["input-group"].type, value: T["input-group"].name },
     { key: T.lookup.type, value: T.lookup.name },
@@ -2349,31 +2353,36 @@ $(Be, "fieldControlTypeMapping", {
     { key: T.AdminOrganizationSelector.type, value: T.AdminOrganizationSelector.name }
   ]
 });
-class io {
+class lo {
   constructor(t, n) {
-    $(this, "componentId");
-    $(this, "viewModelId");
-    $(this, "eventsEditorUtils");
-    $(this, "formSchemaUtils");
-    $(this, "formMetadataConverter");
-    $(this, "designViewModelUtils");
-    $(this, "designViewModelField");
-    $(this, "controlCreatorUtils");
-    $(this, "designerHostService");
-    $(this, "metadataService", null);
-    $(this, "propertyConfig", {
+    I(this, "componentId");
+    I(this, "viewModelId");
+    I(this, "eventsEditorUtils");
+    I(this, "formSchemaUtils");
+    I(this, "formMetadataConverter");
+    I(this, "designViewModelUtils");
+    I(this, "designViewModelField");
+    I(this, "controlCreatorUtils");
+    I(this, "designerHostService");
+    I(this, "schemaService", null);
+    I(this, "metadataService", null);
+    I(this, "propertyConfig", {
       type: "object",
       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;
+    var r;
+    this.componentId = t, this.designerHostService = n, this.eventsEditorUtils = n.eventsEditorUtils, this.formSchemaUtils = n.formSchemaUtils, this.formMetadataConverter = n.formMetadataConverter, this.viewModelId = ((r = this.formSchemaUtils) == null ? void 0 : r.getViewModelIdByComponentId(t)) || "", this.designViewModelUtils = n.designViewModelUtils, this.controlCreatorUtils = n.controlCreatorUtils, this.metadataService = n.metadataService, this.schemaService = n.schemaService;
+  }
+  getTableInfo() {
+    var t;
+    return (t = this.schemaService) == null ? void 0 : t.getTableInfoByViewModelId(this.viewModelId);
   }
   setDesignViewModelField(t) {
     const n = t.binding && t.binding.type === "Form" && t.binding.field;
     if (n) {
       if (!this.designViewModelField) {
-        const o = this.designViewModelUtils.getDgViewModel(this.viewModelId);
-        this.designViewModelField = o.fields.find((r) => r.id === n);
+        const r = this.designViewModelUtils.getDgViewModel(this.viewModelId);
+        this.designViewModelField = r.fields.find((o) => o.id === n);
       }
       t.updateOn = this.designViewModelField.updateOn;
     }
@@ -2381,6 +2390,7 @@ class io {
   changeFieldEditorType(t, n) {
   }
   getBasicPropConfig(t) {
+    var r, o;
     var n = this;
     return this.setDesignViewModelField(t), {
       description: "Basic Information",
@@ -2402,7 +2412,8 @@ class io {
             type: "combo-list",
             textField: "value",
             valueField: "key",
-            data: Be.getEditorTypesByMDataType(n.designViewModelField.type.name)
+            data: Be.getEditorTypesByMDataType(((o = (r = n.designViewModelField) == null ? void 0 : r.type) == null ? void 0 : o.name) || ""),
+            editable: !1
           }
         },
         label: {
@@ -2411,11 +2422,11 @@ class io {
           $converter: "/converter/form-group-label.converter"
         }
       },
-      setPropertyRelates(o, r) {
-        if (o)
-          switch (o && o.propertyID) {
+      setPropertyRelates(i, l) {
+        if (i)
+          switch (i && i.propertyID) {
             case "type": {
-              n.changeControlType(t, o);
+              n.changeControlType(t, i);
               break;
             }
           }
@@ -2429,33 +2440,33 @@ class io {
   */
   changeControlType(t, n) {
     var a, u, c, y, F;
-    const o = n.propertyValue, r = this.formSchemaUtils.getComponentById(this.componentId);
-    let l = this.getControlParentContainer(t.id, r);
-    if (!l)
+    const r = n.propertyValue, o = this.formSchemaUtils.getComponentById(this.componentId);
+    let i = this.getControlParentContainer(t.id, o);
+    if (!i)
       return;
-    const s = l.contents.findIndex((i) => i.id === t.id), d = l.contents[s];
+    const l = i.contents.findIndex((s) => s.id === t.id), d = i.contents[l];
     let m;
     this.designViewModelField && (this.designViewModelUtils.getDgViewModel(this.viewModelId).changeField(this.designViewModelField.id, {
       editor: {
-        $type: o
+        $type: r
       },
       name: this.designViewModelField.name,
       require: this.designViewModelField.require,
       readonly: this.designViewModelField.readonly
-    }, !1), m = this.controlCreatorUtils.setFormFieldProperty("Form", this.designViewModelField, null, o)), Object.assign(m, {
+    }, !1), m = this.controlCreatorUtils.setFormFieldProperty("Form", this.designViewModelField, null, r)), Object.assign(m, {
       id: d.id,
       appearance: d.appearance,
       size: d.size,
       label: d.label
     }), Object.assign(m.editor, {
       isTextArea: m.isTextArea && d.isTextArea,
-      type: o || "",
+      type: r || "",
       placeHolder: (a = d.editor) == null ? void 0 : a.placeHolder,
       holdPlace: (u = d.editor) == null ? void 0 : u.holdPlace,
       readonly: (c = d.editor) == null ? void 0 : c.readonly,
       require: (y = d.editor) == null ? void 0 : y.require,
       visible: (F = d.editor) == null ? void 0 : F.visible
-    }), l.contents.splice(s, 1, m);
+    }), i.contents.splice(l, 1, m);
   }
   getAppearanceConfig(t = null) {
     return {
@@ -2493,39 +2504,18 @@ class io {
   * @param domJson 容器
   */
   getControlParentContainer(t, n) {
-    let o;
+    let r;
     if (!n || !n.contents || n.contents.length === 0)
       return null;
-    for (const r of n.contents) {
-      if (r.id === t)
-        return o = n, n;
-      if (o = this.getControlParentContainer(t, r), o)
-        return o;
+    for (const o of n.contents) {
+      if (o.id === t)
+        return r = n, n;
+      if (r = this.getControlParentContainer(t, o), r)
+        return r;
     }
   }
-  getBindingFieldEditorOptions(t) {
-    const n = this.formSchemaUtils.getFormMetadataBasicInfo();
-    return {
-      type: "field-selector",
-      bindingType: { enable: !1 },
-      editorParams: {
-        propertyData: t,
-        formBasicInfo: n
-      },
-      columns: [
-        { field: "name", title: "字段名称" },
-        { field: "bindingField", title: "绑定字段" },
-        { field: "fieldType", title: "字段类型" }
-      ],
-      beforeOpenDialog: (o) => {
-        const r = this.designViewModelUtils.getAllFields2TreeByVMId(this.viewModelId);
-        o.instance.loadData(r);
-      },
-      textField: "bindingField"
-    };
-  }
 }
-class so extends io {
+class co extends lo {
   constructor(t, n) {
     super(t, n);
   }
@@ -2543,7 +2533,7 @@ class so extends io {
     return this.propertyConfig.categories.basic = this.getBasicProperties(t), this.propertyConfig.categories.appearance = this.getAppearanceProperties(t), this.propertyConfig.categories.editor = this.getEditorProperties(t), this.propertyConfig;
   }
   getFieldSelectorOptions(t) {
-    const n = this.formSchemaUtils.getFormMetadataBasicInfo(), o = this.designViewModelUtils.getAllFields2TreeByVMId(this.viewModelId);
+    const n = this.formSchemaUtils.getFormMetadataBasicInfo(), r = this.designViewModelUtils.getAllFields2TreeByVMId(this.viewModelId);
     return {
       description: "绑定的表单字段",
       title: "绑定",
@@ -2560,17 +2550,21 @@ class so extends io {
           { field: "bindingField", title: "绑定字段" },
           { field: "fieldType", title: "字段类型" }
         ],
-        data: o
+        textField: "bindingField",
+        data: r
       }
     };
   }
-  getComponentConfig(t, n = {}, o = {}) {
-    const r = Object.assign({
+  getBindingOtions(t) {
+    return this.getFieldSelectorOptions(t);
+  }
+  getComponentConfig(t, n = {}, r = {}) {
+    const o = Object.assign({
       description: "组件信息",
       title: "组件信息",
       type: "input-group",
       $converter: "/converter/property-editor.converter"
-    }, n), l = Object.assign({
+    }, n), i = Object.assign({
       readonly: {
         description: "",
         title: "只读",
@@ -2591,64 +2585,64 @@ class so extends io {
         title: "提示文本",
         type: "string"
       }
-    }, o);
-    return { ...r, properties: { ...l } };
+    }, r);
+    return { ...o, properties: { ...i } };
   }
 }
-class lo extends so {
+class uo extends co {
   constructor(t, n) {
     super(t, n);
   }
 }
-function co(e, t) {
+function po(e, t) {
   const {
     canAccepts: n,
-    checkCanDeleteComponent: o,
-    checkCanMoveComponent: r,
-    hideNestedPaddingInDesginerView: l,
-    onAcceptMovedChildElement: s,
+    checkCanDeleteComponent: r,
+    checkCanMoveComponent: o,
+    hideNestedPaddingInDesginerView: i,
+    onAcceptMovedChildElement: l,
     resolveComponentContext: d,
     triggerBelongedComponentToMoveWhenMoved: m,
     triggerBelongedComponentToDeleteWhenDeleted: a
-  } = ao(e), u = e.schema;
+  } = so(e), u = e.schema;
   function c(y) {
-    return new lo(y, t).getPropertyConfig(u);
+    return new uo(y, t).getPropertyConfig(u);
   }
   return {
     canAccepts: n,
-    checkCanDeleteComponent: o,
-    checkCanMoveComponent: r,
-    hideNestedPaddingInDesginerView: l,
-    onAcceptMovedChildElement: s,
+    checkCanDeleteComponent: r,
+    checkCanMoveComponent: o,
+    hideNestedPaddingInDesginerView: i,
+    onAcceptMovedChildElement: l,
     resolveComponentContext: d,
     triggerBelongedComponentToMoveWhenMoved: m,
     triggerBelongedComponentToDeleteWhenDeleted: a,
     getPropsConfig: c
   };
 }
-const uo = /* @__PURE__ */ G({
+const mo = /* @__PURE__ */ G({
   name: "FInputGroupDesign",
   props: ae,
   emits: ["updateExtendInfo", "clear", "valueChange", "clickHandle", "blurHandle", "focusHandle", "enterHandle", "iconMouseEnter", "iconMouseLeave", "keyupHandle", "keydownHandle", "inputClick"],
   setup(e, t) {
-    const n = f(e.modelValue), o = f(e.modelValue), r = zn(e, t, n, o), {
-      inputGroupClass: l,
-      inputType: s,
+    const n = f(e.modelValue), r = f(e.modelValue), o = _n(e, t, n, r), {
+      inputGroupClass: i,
+      inputType: l,
       inputGroupStyle: d
-    } = r, m = Ce(e), {
+    } = o, m = Ce(e), {
       shouldShowAppendedButton: a
-    } = m, u = ve(e, t, r), {
+    } = m, u = ve(e, t, o), {
       onMouseEnter: c,
       onMouseLeave: y
-    } = u, F = Te(e, t, s, m), i = f(), p = W("designer-host-service"), g = W("design-item-context"), w = co(g, p), D = re(i, g, w);
+    } = u, F = Te(e, t, l, m), s = f(), p = W("designer-host-service"), g = W("design-item-context"), w = po(g, p), D = re(s, g, w);
     U(() => {
-      i.value.componentInstance = D;
+      s.value.componentInstance = D;
     }), t.expose(D.value);
     const j = Fe(e, t, m, u, F), M = f();
     return () => A("div", {
       id: "inputGroup",
-      ref: i,
-      class: l.value,
+      ref: s,
+      class: i.value,
       style: d.value,
       onMouseenter: c,
       onMouseleave: y
@@ -2660,48 +2654,48 @@ const uo = /* @__PURE__ */ G({
     }, null), a.value && j()]);
   }
 });
-function po() {
-  function e(n, o) {
-    const r = ro[n];
-    return r ? r(o) : {};
+function fo() {
+  function e(n, r) {
+    const o = io[n];
+    return o ? o(r) : {};
   }
   function t(n) {
-    return oo[n] || uo;
+    return ao[n] || mo;
   }
   return { resolveEditorProps: e, resolveEditorType: t };
 }
-const mo = /* @__PURE__ */ G({
+const yo = /* @__PURE__ */ G({
   name: "FDynamicFormGroupDesign",
   props: Q,
   emits: ["change", "update:modelValue"],
   setup(e, t) {
-    const n = f(e.id), o = f(e.customClass), r = f(e.editor), l = f(e.label), s = f(e.modelValue), d = f(!0), m = f(e.required), a = f(e.showLabel);
+    const n = f(e.id), r = f(e.customClass), o = f(e.editor), i = f(e.label), l = f(e.modelValue), d = f(!0), m = f(e.required), a = f(e.showLabel);
     f(e.type);
     const u = f(), {
       resolveEditorProps: c,
       resolveEditorType: y
-    } = po(), F = P(() => ({
+    } = fo(), F = P(() => ({
       "form-group": !0,
       "farris-form-group": !0,
       "common-group": !0,
       "q-state-readonly": d.value,
       "form-group-in-canvas": !0
-    })), i = P(() => {
-      const p = r.value.type || "input-group", g = y(p), w = c(p, r.value);
+    })), s = P(() => {
+      const p = o.value.type || "input-group", g = y(p), w = c(p, o.value);
       return () => A(g, _({
         ref: u
       }, w, {
-        modelValue: s.value,
-        "onUpdate:modelValue": (D) => s.value = D
+        modelValue: l.value,
+        "onUpdate:modelValue": (D) => l.value = D
       }), null);
     });
-    return I([() => e.id, () => e.customClass, () => e.editor, () => e.label, () => e.modelValue, () => e.readonly, () => e.required, () => e.showLabel], ([p, g, w, D, j, M, L, S]) => {
-      n.value = p, o.value = g, r.value = w, l.value = D, s.value = j, d.value = M, m.value = L, a.value = S;
+    return $([() => e.id, () => e.customClass, () => e.editor, () => e.label, () => e.modelValue, () => e.readonly, () => e.required, () => e.showLabel], ([p, g, w, D, j, M, L, S]) => {
+      n.value = p, r.value = g, o.value = w, i.value = D, l.value = j, d.value = M, m.value = L, a.value = S;
     }), t.expose({
       editorRef: u
     }), () => A("div", {
       id: `${n.value}-input-group`,
-      class: o.value,
+      class: r.value,
       design_test: !0
     }, [A("div", {
       class: "farris-group-wrap"
@@ -2710,25 +2704,25 @@ const mo = /* @__PURE__ */ G({
     }, [a.value && A(he, {
       id: `${n.value}-lable`,
       required: m.value,
-      text: l.value,
-      title: l.value
+      text: i.value,
+      title: i.value
     }, null), A("div", {
       class: "farris-input-wrap"
-    }, [i.value()])])])]);
+    }, [s.value()])])])]);
   }
-}), fo = /* @__PURE__ */ G({
+}), go = /* @__PURE__ */ G({
   name: "FFormGroupDesign",
   props: Q,
   emits: [],
   setup(e, t) {
-    const n = f(), o = W("design-item-context"), r = re(n, o);
-    return r.value.canNested = !1, r.value.canMove = !0, r.value.canDelete = !0, U(() => {
-      n.value.componentInstance = r, r.value.getPropConfig = (...l) => {
+    const n = f(), r = W("design-item-context"), o = re(n, r);
+    return o.value.canNested = !1, o.value.canMove = !0, o.value.canDelete = !0, U(() => {
+      n.value.componentInstance = o, o.value.getPropConfig = (...i) => {
         var d, m, a;
-        let s = fe[e.editor.type];
-        return s && Object.keys(s).length === 0 && ((d = n.value) != null && d.editorRef) && ((a = (m = n.value) == null ? void 0 : m.editorRef) != null && a.getPropConfig) && (s = n.value.editorRef.getPropConfig(...l)), s;
+        let l = fe[e.editor.type];
+        return l && Object.keys(l).length === 0 && ((d = n.value) != null && d.editorRef) && ((a = (m = n.value) == null ? void 0 : m.editorRef) != null && a.getPropConfig) && (l = n.value.editorRef.getPropConfig(...i)), l;
       };
-    }), t.expose(r.value), () => A(mo, _(e, {
+    }), t.expose(o.value), () => A(yo, _(e, {
       ref: n
     }), null);
   }
@@ -2746,54 +2740,54 @@ const mo = /* @__PURE__ */ G({
    * 作为内嵌编辑器被创建后默认选中文本
    */
   selectOnCreated: { type: Boolean, default: !1 }
-}, yo = Z(
+}, bo = Z(
   Se,
   be,
   oe,
   void 0
-), go = /* @__PURE__ */ G({
+), ho = /* @__PURE__ */ G({
   name: "FDynamicFormInput",
   props: Se,
   emits: ["change", "update:modelValue"],
   setup(e, t) {
-    const n = f(e.id), o = f(e.editor), r = f(e.modelValue), {
-      resolveEditorProps: l,
-      resolveEditorType: s,
+    const n = f(e.id), r = f(e.editor), o = f(e.modelValue), {
+      resolveEditorProps: i,
+      resolveEditorType: l,
       getChangeFunctionName: d
     } = we();
     function m(u, c) {
-      r.value = c !== void 0 ? c : u, t.emit("update:modelValue", r.value), t.emit("change", r.value);
+      o.value = c !== void 0 ? c : u, t.emit("update:modelValue", o.value), t.emit("change", o.value);
     }
     const a = P(() => {
-      const u = s(o.value.type), c = l(o.value.type, o.value);
+      const u = l(r.value.type), c = i(r.value.type, r.value);
       c.focusOnCreated = e.focusOnCreated, c.selectOnCreated = e.selectOnCreated;
-      const y = d(o.value.type);
+      const y = d(r.value.type);
       return c[y] = m, () => A(u, _(c, {
-        modelValue: r.value,
-        "onUpdate:modelValue": (F) => r.value = F
+        modelValue: o.value,
+        "onUpdate:modelValue": (F) => o.value = F
       }), null);
     });
-    return I([() => e.id, () => e.editor, () => e.modelValue], ([u, c, y]) => {
-      n.value = u, o.value = c, r.value = y;
+    return $([() => e.id, () => e.editor, () => e.modelValue], ([u, c, y]) => {
+      n.value = u, r.value = c, o.value = y;
     }), () => a.value();
   }
-}), Sr = {
+}), Mr = {
   install(e) {
     e.component(K.name, K).component(ee.name, ee);
   },
-  register(e, t, n, o) {
-    e["form-group"] = ee, t["form-group"] = ue, e["response-form"] = K, t["response-form"] = ce, e["form-input"] = go, t["form-input"] = yo, o["form-group"] = { editorResolver: Tn };
+  register(e, t, n, r) {
+    e["form-group"] = ee, t["form-group"] = ue, e["response-form"] = K, t["response-form"] = ce, e["form-input"] = ho, t["form-input"] = bo, r["form-group"] = { editorResolver: wn };
   },
   registerDesigner(e, t, n) {
-    e["form-group"] = fo, t["form-group"] = ue, e["response-form"] = En, t["response-form"] = ce;
+    e["form-group"] = go, t["form-group"] = ue, e["response-form"] = On, t["response-form"] = ce;
   }
 };
 export {
   ee as FDynamicFormGroup,
   K as FResponseForm,
-  Sr as default,
+  Mr as default,
   Q as dynamicFormGroupProps,
-  Tn as editorResolver,
+  wn as editorResolver,
   ue as formGroupPropsResolver,
   ce as formPropsResolver,
   ge as responseFormProps