@farris/ui-vue 1.3.0 → 1.3.3

package/components/property-panel/index.esm.js

@@ -1,66 +1,71 @@
-import { ref as h, computed as S, defineComponent as H, watch as V, createVNode as l, createTextVNode as ce, onMounted as W, nextTick as ie, reactive as je, withDirectives as Re, resolveDirective as Ae, Fragment as Z, mergeProps as De, inject as Ve, onBeforeMount as $e } from "vue";
-import { isPlainObject as le, cloneDeep as Me } from "lodash-es";
-import "bignumber.js";
-import Ge, { useNumber as qe, useFormat as We, useSpinner as He, useTextBox as Ue } from "../number-spinner/index.esm.js";
-import _e from "../accordion/index.esm.js";
-import ze from "../avatar/index.esm.js";
-import Qe from "../button-edit/index.esm.js";
-import Ze from "../button-group/index.esm.js";
-import Je from "../calendar/index.esm.js";
-import Xe from "../capsule/index.esm.js";
-import Ye from "../checkbox/index.esm.js";
-import Ke from "../combo-list/index.esm.js";
-import et from "../combo-tree/index.esm.js";
-import tt from "../component/index.esm.js";
-import nt from "../color-picker/index.esm.js";
-import ot from "../content-container/index.esm.js";
-import rt from "../date-picker/index.esm.js";
-import at from "../data-grid/index.esm.js";
-import it from "../dropdown/index.esm.js";
-import lt from "../dynamic-form/index.esm.js";
-import st from "../events-editor/index.esm.js";
-import ut from "../filter-bar/index.esm.js";
-import ct from "../field-selector/index.esm.js";
-import dt from "../image-cropper/index.esm.js";
-import pt from "../input-group/index.esm.js";
-import ft from "../layout/index.esm.js";
-import mt from "../list-nav/index.esm.js";
-import gt from "../list-view/index.esm.js";
-import vt from "../lookup/index.esm.js";
-import yt from "../mapping-editor/index.esm.js";
-import bt from "../nav/index.esm.js";
-import ht from "../number-range/index.esm.js";
-import Ct from "../order/index.esm.js";
-import Ft from "../page-header/index.esm.js";
-import xt from "../page-footer/index.esm.js";
-import Tt from "../pagination/index.esm.js";
-import wt from "../progress/index.esm.js";
-import Bt from "../query-solution/index.esm.js";
-import Pt from "../radio-group/index.esm.js";
-import St from "../rate/index.esm.js";
-import kt from "../response-toolbar/index.esm.js";
-import Et from "../response-layout/index.esm.js";
-import It from "../response-layout-editor/index.esm.js";
-import Ot from "../search-box/index.esm.js";
-import Nt from "../section/index.esm.js";
-import Lt from "../smoke-detector/index.esm.js";
-import jt from "../splitter/index.esm.js";
-import Rt from "../step/index.esm.js";
-import At from "../switch/index.esm.js";
-import Dt from "../tabs/index.esm.js";
-import Vt from "../tags/index.esm.js";
-import $t from "../text/index.esm.js";
-import Mt from "../time-picker/index.esm.js";
-import Gt from "../transfer/index.esm.js";
-import qt from "../tree-view/index.esm.js";
-import Wt from "../uploader/index.esm.js";
-import Ht from "../verify-detail/index.esm.js";
-import Ut from "../weather/index.esm.js";
-import _t from "../video/index.esm.js";
-import zt from "../textarea/index.esm.js";
-import Qt from "../schema-selector/index.esm.js";
-import Zt from "../tree-grid/index.esm.js";
-const Jt = {
+var $e = Object.defineProperty;
+var Ae = (e, t, n) => t in e ? $e(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
+var D = (e, t, n) => Ae(e, typeof t != "symbol" ? t + "" : t, n);
+import { ref as F, computed as N, defineComponent as W, watch as R, createVNode as l, createTextVNode as pe, onMounted as q, nextTick as le, reactive as Ge, withDirectives as Ue, resolveDirective as qe, Fragment as z, mergeProps as We, inject as He, onBeforeMount as Qe } from "vue";
+import { isPlainObject as se, cloneDeep as fe } from "lodash-es";
+import { useTextBox as _e, useClear as ze } from "../common/index.esm.js";
+import Ze, { useNumber as Je, useFormat as Xe, useSpinner as Ye, useTextBox as Ke } from "../number-spinner/index.esm.js";
+import et from "../accordion/index.esm.js";
+import tt from "../avatar/index.esm.js";
+import nt from "../button-edit/index.esm.js";
+import ot from "../button-group/index.esm.js";
+import rt from "../calendar/index.esm.js";
+import at from "../capsule/index.esm.js";
+import it from "../checkbox/index.esm.js";
+import lt from "../combo-list/index.esm.js";
+import st from "../combo-tree/index.esm.js";
+import ut from "../component/index.esm.js";
+import ct from "../color-picker/index.esm.js";
+import dt from "../content-container/index.esm.js";
+import pt from "../date-picker/index.esm.js";
+import ft from "../data-grid/index.esm.js";
+import mt from "../dropdown/index.esm.js";
+import gt from "../dynamic-form/index.esm.js";
+import yt from "../events-editor/index.esm.js";
+import vt from "../filter-bar/index.esm.js";
+import bt from "../field-selector/index.esm.js";
+import ht from "../binding-selector/index.esm.js";
+import Ct from "../image-cropper/index.esm.js";
+import Ft from "../input-group/index.esm.js";
+import xt from "../layout/index.esm.js";
+import Tt from "../list-nav/index.esm.js";
+import wt from "../list-view/index.esm.js";
+import kt from "../lookup/index.esm.js";
+import Bt from "../mapping-editor/index.esm.js";
+import St from "../nav/index.esm.js";
+import Pt from "../number-range/index.esm.js";
+import Et from "../order/index.esm.js";
+import It from "../page-header/index.esm.js";
+import Ot from "../page-footer/index.esm.js";
+import Nt from "../pagination/index.esm.js";
+import Mt from "../progress/index.esm.js";
+import Vt from "../query-solution/index.esm.js";
+import jt from "../radio-group/index.esm.js";
+import Lt from "../rate/index.esm.js";
+import Dt from "../response-toolbar/index.esm.js";
+import Rt from "../response-layout/index.esm.js";
+import $t from "../response-layout-editor/index.esm.js";
+import At from "../search-box/index.esm.js";
+import Gt from "../section/index.esm.js";
+import Ut from "../smoke-detector/index.esm.js";
+import qt from "../splitter/index.esm.js";
+import Wt from "../step/index.esm.js";
+import Ht from "../switch/index.esm.js";
+import Qt from "../tabs/index.esm.js";
+import _t from "../tags/index.esm.js";
+import zt from "../text/index.esm.js";
+import Zt from "../time-picker/index.esm.js";
+import Jt from "../transfer/index.esm.js";
+import Xt from "../tree-view/index.esm.js";
+import Yt from "../uploader/index.esm.js";
+import Kt from "../verify-detail/index.esm.js";
+import en from "../weather/index.esm.js";
+import tn from "../video/index.esm.js";
+import nn from "../textarea/index.esm.js";
+import on from "../schema-selector/index.esm.js";
+import rn from "../tree-grid/index.esm.js";
+import an from "../event-parameter/index.esm.js";
+const ln = {
   width: { type: String, default: "300px" },
   height: { type: Number, default: 10 },
   isWidePanel: { type: Boolean, default: !1 },
@@ -89,114 +94,121 @@ const Jt = {
   /** 属性变更后事件 */
   propertyChanged: { type: Function }
 };
-function Xt(e = {}) {
-  function t(i, p, a, f) {
+function sn(e = {}) {
+  function t(i, g, a, v) {
     if (typeof a == "number")
-      return f[i].length === a;
+      return v[i].length === a;
     if (typeof a == "object") {
-      const s = Object.keys(a)[0], m = a[s];
+      const s = Object.keys(a)[0], b = a[s];
       if (s === "not")
-        return Number(f[i].length) !== Number(m);
+        return Number(v[i].length) !== Number(b);
       if (s === "moreThan")
-        return Number(f[i].length) >= Number(m);
+        return Number(v[i].length) >= Number(b);
       if (s === "lessThan")
-        return Number(f[i].length) <= Number(m);
+        return Number(v[i].length) <= Number(b);
     }
     return !1;
   }
-  function n(i, p, a, f) {
-    return f[i] && f[i].propertyValue && String(f[i].propertyValue.value) === String(a);
+  function n(i, g, a, v) {
+    return v[i] && v[i].propertyValue && String(v[i].propertyValue.value) === String(a);
   }
   const o = /* @__PURE__ */ new Map([
     ["length", t],
     ["getProperty", n]
   ]);
-  Object.keys(e).reduce((i, p) => (i.set(p, e[p]), i), o);
-  function r(i, p) {
+  Object.keys(e).reduce((i, g) => (i.set(g, e[g]), i), o);
+  function r(i, g) {
     const a = i;
-    return typeof p == "number" ? [{ target: a, operator: "length", param: null, value: Number(p) }] : typeof p == "boolean" ? [{ target: a, operator: "getProperty", param: i, value: !!p }] : typeof p == "object" ? Object.keys(p).map((f) => {
-      if (f === "length")
-        return { target: a, operator: "length", param: null, value: p[f] };
-      const s = f, m = p[f];
-      return { target: a, operator: "getProperty", param: s, value: m };
+    return typeof g == "number" ? [{ target: a, operator: "length", param: null, value: Number(g) }] : typeof g == "boolean" ? [{ target: a, operator: "getProperty", param: i, value: !!g }] : typeof g == "object" ? Object.keys(g).map((v) => {
+      if (v === "length")
+        return { target: a, operator: "length", param: null, value: g[v] };
+      const s = v, b = g[v];
+      return { target: a, operator: "getProperty", param: s, value: b };
     }) : [];
   }
   function d(i) {
-    return Object.keys(i).reduce((a, f) => {
-      const s = r(f, i[f]);
+    return Object.keys(i).reduce((a, v) => {
+      const s = r(v, i[v]);
       return a.push(...s), a;
     }, []);
   }
-  function c(i, p) {
+  function u(i, g) {
     if (o.has(i.operator)) {
       const a = o.get(i.operator);
-      return a && a(i.target, i.param, i.value, p) || !1;
+      return a && a(i.target, i.param, i.value, g) || !1;
     }
     return !1;
   }
-  function C(i, p) {
-    return d(i).reduce((s, m) => s && c(m, p), !0);
+  function T(i, g) {
+    return d(i).reduce((s, b) => s && u(b, g), !0);
   }
-  function u(i, p) {
-    const a = Object.keys(i), f = a.includes("allOf"), s = a.includes("anyOf"), m = f || s, L = (m ? i[m ? f ? "allOf" : "anyOf" : "allOf"] : [i]).map((R) => C(R, p));
-    return f ? !L.includes(!1) : L.includes(!0);
+  function c(i, g) {
+    const a = Object.keys(i), v = a.includes("allOf"), s = a.includes("anyOf"), b = v || s, M = (b ? i[b ? v ? "allOf" : "anyOf" : "allOf"] : [i]).map((L) => T(L, g));
+    return v ? !M.includes(!1) : M.includes(!0);
   }
-  return { parseValueSchema: u };
+  return { parseValueSchema: c };
 }
-const ee = {}, Yt = {};
-function de(e) {
-  const { properties: t, title: n, ignore: o } = e, r = o && Array.isArray(o), d = Object.keys(t).reduce((c, C) => ((!r || !o.find((u) => u == C)) && (c[C] = t[C].type === "object" && t[C].properties ? de(t[C]) : Me(t[C].default)), c), {});
-  return (!r || !o.find((c) => c == "id")) && (d.id = `${n}-${Date.now()}`), d;
+const ee = {}, un = {};
+function me(e) {
+  const { properties: t, title: n, ignore: o } = e, r = o && Array.isArray(o), d = Object.keys(t).reduce((u, T) => ((!r || !o.find((c) => c === T)) && (u[T] = t[T].type === "object" && t[T].properties ? me(t[T]) : fe(t[T].default)), u), {});
+  if (n && (!r || !o.find((u) => u === "id"))) {
+    const u = n.toLowerCase().replace(/-/g, "_");
+    d.id = `${u}_${Math.random().toString().slice(2, 6)}`;
+  }
+  return d;
 }
 function te(e, t) {
-  const n = de(t);
-  return Object.keys(e).reduce((o, r) => (o[r] && le(o[r]) && le(e[r]) ? Object.assign(o[r], e[r]) : o[r] = e[r], o), n), n;
+  const n = me(t);
+  return Object.keys(n).reduce((o, r) => (o[r] && se(o[r]) && se(e[r] || !e[r]) ? Object.assign(o[r], e[r] || {}) : o[r] = e[r], o), n), n;
 }
-function Kt(e, t) {
+function cn(e, t) {
   return Object.keys(e).filter((o) => e[o] != null).reduce((o, r) => {
     if (t.has(r)) {
       const d = t.get(r);
       if (typeof d == "string")
         o[d] = e[r];
       else {
-        const c = d(r, e[r], e);
-        Object.assign(o, c);
+        const u = d(r, e[r], e);
+        Object.assign(o, u);
       }
     } else
       o[r] = e[r];
     return o;
   }, {});
 }
-function en(e, t, n = /* @__PURE__ */ new Map()) {
+function dn(e, t, n = /* @__PURE__ */ new Map()) {
   const o = te(e, t);
-  return Kt(o, n);
+  return cn(o, n);
 }
-function pe(e) {
+function ge(e) {
   var n;
   const t = e.type;
   if (t) {
-    const o = ee[t], r = te(e, o), d = ((n = e.editor) == null ? void 0 : n.type) || "";
+    const o = ee[t];
+    if (!o)
+      return e;
+    const r = te(e, o), d = ((n = e.editor) == null ? void 0 : n.type) || "";
     if (d) {
-      const c = ee[d], C = te(e.editor, c);
-      r.editor = C;
+      const u = ee[d], T = te(e.editor, u);
+      r.editor = T;
     }
     return r;
   }
   return e;
 }
-const tn = {
+const pn = {
   convertTo: (e, t, n, o) => {
-    e.appearance && (e.appearance[t] = n);
+    e.appearance || (e.appearance = {}), e.appearance[t] = n;
   },
   convertFrom: (e, t, n) => e.appearance ? e.appearance[t] : e[t]
-}, nn = {
+}, fn = {
   convertFrom: (e, t, n) => e.buttons && e.buttons.length ? `共 ${e.buttons.length} 项` : "无"
-}, on = {
+}, mn = {
   convertTo: (e, t, n, o) => {
     e.editor && (e.editor[t] = n);
   },
-  convertFrom: (e, t, n) => e.editor && e.editor.hasOwnProperty(t) ? e.editor[t] : e[t]
-}, rn = {
+  convertFrom: (e, t, n) => e.editor && Object.prototype.hasOwnProperty.call(e.editor, t) ? e.editor[t] : e[t]
+}, w = {
   button: { type: "button", name: "按钮", icon: "Button" },
   "response-toolbar": { type: "response-toolbar", name: "工具栏", icon: "ButtonGroup" },
   "response-toolbar-item": { type: "response-toolbar-item", name: "按钮", icon: "Button" },
@@ -234,19 +246,20 @@ const tn = {
   "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" }
-}, an = {
+  fieldset: { type: "fieldset", name: "分组", icon: "fieldset" },
+  "query-solution": { type: "query-solution", name: "筛选方案", icon: "QueryScheme" }
+}, gn = {
   convertFrom: (e, t, n) => {
     var r;
     const o = e.editor && e.editor[t] ? e.editor[t] : e[t];
-    return ((r = rn[o]) == null ? void 0 : r.name) || o;
+    return ((r = w[o]) == null ? void 0 : r.name) || o;
   }
-}, ln = {
+}, yn = {
   convertTo: (e, t, n, o) => {
     e[t] = e[t];
   },
   convertFrom: (e, t, n) => e.editor ? n.getRealEditorType(e.editor.type) : ""
-}, sn = {
+}, vn = {
   convertFrom: (e, t) => e.binding ? e.binding.path : "",
   convertTo: (e, t, n) => {
     if (n && n.length > 0) {
@@ -254,34 +267,41 @@ const tn = {
       e.binding || (e.binding = {}), e.binding.type = "Form", e.binding.path = o.bindingField, e.binding.field = o.id, e.binding.fullPath = o.path, e.path = o.bindingPath;
     }
   }
-}, un = {
+}, bn = {
   convertTo: (e, t, n, o) => {
     e.pagination || (e.pagination = {}), e.pagination[t] = n;
   },
   convertFrom: (e, t, n) => e.pagination ? e.pagination[t] : e[t]
-}, cn = {
+}, hn = {
+  convertTo: (e, t, n, o) => {
+    e.rowNumber || (e.rowNumber = {}), e.rowNumber[t] = n;
+  },
+  convertFrom: (e, t, n) => e.rowNumber ? e.rowNumber[t] : e[t]
+}, Cn = {
   convertFrom: (e, t, n) => e[t] && e[t].length ? `共 ${e[t].length} 项` : ""
-}, dn = {
+}, Fn = {
   convertFrom: (e, t) => e[t] || "",
   convertTo: (e, t, n) => {
     e[t] = n;
   }
 }, oe = {}, ne = /* @__PURE__ */ new Map([
-  ["/converter/appearance.converter", tn],
-  ["/converter/buttons.converter", nn],
-  ["/converter/property-editor.converter", on],
-  ["/converter/items-count.converter", cn],
-  ["/converter/type.converter", an],
-  ["/converter/change-editor.converter", ln],
-  ["/converter/form-group-label.converter", dn],
-  ["/converter/field-selector.converter", sn],
-  ["/converter/pagination.converter", un]
-]), pn = {}, fn = /* @__PURE__ */ new Map([
+  ["/converter/appearance.converter", pn],
+  ["/converter/buttons.converter", fn],
+  ["/converter/property-editor.converter", mn],
+  ["/converter/items-count.converter", Cn],
+  ["/converter/type.converter", gn],
+  ["/converter/change-editor.converter", yn],
+  ["/converter/form-group-label.converter", Fn],
+  ["/converter/field-selector.converter", vn],
+  ["/converter/pagination.converter", bn],
+  ["/converter/row-number.converter", hn]
+]), xn = {}, Tn = /* @__PURE__ */ new Map([
   ["string", { type: "input-group", enableClear: !1 }],
   ["boolean", {
     type: "combo-list",
     textField: "name",
     valueField: "value",
+    idField: "value",
     maxHeight: 64,
     data: [
       {
@@ -298,72 +318,73 @@ const tn = {
   ["array", { type: "button-edit" }],
   ["number", { type: "number-spinner" }],
   ["events-editor", { type: "events-editor", hide: !0 }]
-]), mn = Xt();
-function fe(e, t) {
-  return () => mn.parseValueSchema(e, t);
+]), wn = sn();
+function ye(e, t) {
+  return () => wn.parseValueSchema(e, t);
 }
-function gn(e, t, n) {
-  return e.includes("visible") && t.visible !== void 0 ? typeof t.visible == "boolean" ? () => !!t.visible : t.visible === void 0 ? !0 : fe(t.visible, n) : () => !0;
+function kn(e, t, n) {
+  return e.includes("visible") && t.visible !== void 0 ? typeof t.visible == "boolean" ? () => !!t.visible : t.visible === void 0 ? !0 : ye(t.visible, n) : () => !0;
 }
-function vn(e, t, n) {
-  return e.includes("readonly") && t.readonly !== void 0 ? typeof t.visible == "boolean" ? () => !!t.visible : fe(t.readonly, n) : () => !1;
+function Bn(e, t, n) {
+  return e.includes("readonly") && t.readonly !== void 0 ? typeof t.readonly == "boolean" ? () => !!t.readonly : ye(t.readonly, n) : () => !1;
 }
-function yn(e, t) {
+function Sn(e, t) {
   const n = e.$converter || t;
   return typeof n == "string" && n && ne.has(n) ? ne.get(n) || null : n || null;
 }
-function re(e, t, n, o, r, d = "", c = "") {
-  return Object.keys(e).map((u) => {
-    const i = h(1), p = u, a = e[u], f = Object.keys(a), s = a.title, m = a.type, w = fn.get(m) || { type: "input-group", enableClear: !1 }, k = a.editor ? Object.assign({}, w, a.editor) : w, L = gn(f, a, t), A = vn(f, a, t), R = a.type === "cascade" ? re(a.properties, t, n, o, r, d, c) : [], E = !0;
-    let I = yn(a, c);
-    const O = S({
+function re(e, t, n, o, r, d = "", u = "") {
+  return Object.keys(e).map((c) => {
+    const i = F(1), g = c, a = e[c], v = Object.keys(a), s = a.title, b = a.type, B = Tn.get(b) || { type: "input-group", enableClear: !1 }, S = a.editor ? Object.assign({}, B, a.editor) : Object.assign({}, B), M = kn(v, a, t), j = Bn(v, a, t);
+    S.readonly = j();
+    const L = a.type === "cascade" ? re(a.properties, t, n, o, r, d, u) : [], P = !0;
+    let E = Sn(a, u);
+    const O = N({
       get() {
         if (i.value) {
-          if (["class", "style"].find((G) => G == p) && !I && (I = ne.get("/converter/appearance.converter") || null), I && I.convertFrom)
-            return I.convertFrom(n, u, r, d);
-          const j = n[u];
-          return typeof j == "string" && j == "" ? a.defaultValue || "" : j;
+          if (["class", "style"].find((G) => G === g) && !E && (E = ne.get("/converter/appearance.converter") || null), E && E.convertFrom)
+            return E.convertFrom(n, c, r, d);
+          const V = n[c];
+          return typeof V == "string" && V === "" ? a.defaultValue || "" : V;
         }
         return null;
       },
-      set(j) {
-        i.value += 1, I && I.convertTo ? (I.convertTo(o, u, j, r, d), I.convertTo(n, u, j, r, d)) : (o[u] = j, n[u] = j);
+      set(V) {
+        i.value += 1, E && E.convertTo ? (E.convertTo(o, c, V, r, d), E.convertTo(n, c, V, r, d)) : (o[c] = V, n[c] = V);
       }
-    }), B = a.refreshPanelAfterChanged, $ = { propertyID: p, propertyName: s, propertyType: m, propertyValue: O, editor: k, visible: L, readonly: A, cascadeConfig: R, hideCascadeTitle: E, refreshPanelAfterChanged: B };
-    return t[p] = $, $;
+    }), { refreshPanelAfterChanged: k } = a, $ = { propertyID: g, propertyName: s, propertyType: b, propertyValue: O, editor: S, visible: M, readonly: j, cascadeConfig: L, hideCascadeTitle: P, refreshPanelAfterChanged: k };
+    return t[g] = $, $;
   });
 }
-function bn(e, t, n, o, r = "") {
-  const d = t.$ref.schema, c = t.$ref.converter, C = n[d], u = C.type, i = pe(C), p = {}, a = oe[u];
+function Pn(e, t, n, o, r = "") {
+  const d = t.$ref.schema, u = t.$ref.converter, T = n[d], c = T.type, i = ge(T), g = {}, a = oe[c];
   if (a && a.categories) {
-    const f = a.categories[e], s = f == null ? void 0 : f.title;
-    c && Object.keys(f.properties).forEach((k) => {
-      f.properties[k].$converter = c;
+    const v = a.categories[e], s = v == null ? void 0 : v.title;
+    u && Object.keys(v.properties).forEach((S) => {
+      v.properties[S].$converter = u;
     });
-    const m = (f == null ? void 0 : f.properties) || {}, w = re(m, p, i, C, o, r);
-    return { categoryId: e, categoryName: s, properties: w };
+    const b = (v == null ? void 0 : v.properties) || {}, B = re(b, g, i, T, o, r);
+    return { categoryId: e, categoryName: s, properties: B };
   }
   return { categoryId: e, categoryName: "", properties: [] };
 }
 function K(e, t, n, o, r) {
-  let d = e.type;
-  const c = pe(e), C = {};
-  let u = r || oe[d];
-  if (Object.keys(u).length === 0 && n && n.getPropConfig && (u = n.getPropConfig(o)), u && u.categories) {
+  const d = e.type, u = ge(e), T = {};
+  let c = r || oe[d];
+  if (c && Object.keys(c).length === 0 && n && n.getPropConfig && (c = n.getPropConfig(o)), c && c.categories) {
     const i = [];
-    return Object.keys(u.categories).map((p) => {
-      const a = u.categories[p];
+    return Object.keys(c.categories).map((g) => {
+      const a = c.categories[g];
       if (a.$ref) {
-        i.push(bn(p, a, e, t, o));
+        i.push(Pn(g, a, e, t, o));
         return;
       }
-      const f = a == null ? void 0 : a.title, s = a == null ? void 0 : a.tabId, m = a == null ? void 0 : a.tabName, w = a == null ? void 0 : a.hide, k = a == null ? void 0 : a.hideTitle, L = re(a.properties || {}, C, c, e, t, o, a.$converter), A = a.setPropertyRelates;
-      i.push({ categoryId: p, categoryName: f, tabId: s, tabName: m, hide: w, properties: L, hideTitle: k, setPropertyRelates: A });
+      const v = a == null ? void 0 : a.title, s = a == null ? void 0 : a.tabId, b = a == null ? void 0 : a.tabName, B = a == null ? void 0 : a.hide, S = a == null ? void 0 : a.hideTitle, M = re(a.properties || {}, T, u, e, t, o, a.$converter), { setPropertyRelates: j } = a;
+      i.push({ categoryId: g, categoryName: v, tabId: s, tabName: b, hide: B, properties: M, hideTitle: S, setPropertyRelates: j });
     }), i;
   }
   return [];
 }
-const hn = {
+const En = {
   /** 某一分类下的属性配置 */
   // as PropType<ElementPropertyConfig>
   category: { type: Object, default: {} },
@@ -372,22 +393,22 @@ const hn = {
   propertyData: { type: Object, default: {} },
   valueChanged: { type: Function },
   triggerRefreshPanel: { type: Function }
-}, Cn = {
+}, In = {
   elementConfig: { type: Object, default: {} },
   category: { type: Object, default: {} }
 };
-function me(e, t, n = /* @__PURE__ */ new Map(), o = (c, C, u) => C, r = {}, d = (c) => c) {
-  return ee[t.title] = t, Yt[t.title] = o, oe[t.title] = r, pn[t.title] = d, (c = {}) => {
-    const C = en(c, t, n), u = Object.keys(e).reduce((i, p) => (i[p] = e[p].default, i), {});
-    return Object.assign(u, C);
+function ve(e, t, n = /* @__PURE__ */ new Map(), o = (u, T, c, i) => T, r = {}, d = (u) => u) {
+  return ee[t.title] = t, un[t.title] = o, oe[t.title] = r, xn[t.title] = d, (u = {}) => {
+    const T = dn(u, t, n), c = Object.keys(e).reduce((i, g) => (i[g] = e[g].default, i), {});
+    return Object.assign(c, T);
   };
 }
-function ge(e, t) {
+function be(e, t) {
   return { customClass: t.class, customStyle: t.style };
 }
-const Fn = /* @__PURE__ */ new Map([
-  ["appearance", ge]
-]), xn = "https://json-schema.org/draft/2020-12/schema", Tn = "https://farris-design.gitee.io/form-group.schema.json", wn = "form-group", Bn = "A Farris Input Component", Pn = "object", Sn = {
+const On = /* @__PURE__ */ new Map([
+  ["appearance", be]
+]), Nn = "https://json-schema.org/draft/2020-12/schema", Mn = "https://farris-design.gitee.io/form-group.schema.json", Vn = "form-group", jn = "A Farris Input Component", Ln = "object", Dn = {
   id: {
     description: "The unique identifier for a form group",
     type: "string"
@@ -427,21 +448,27 @@ const Fn = /* @__PURE__ */ new Map([
   lableWidth: {
     description: "",
     type: "number"
+  },
+  binding: {
+    description: "",
+    type: "object",
+    default: {}
   }
-}, kn = [
+}, Rn = [
   "id",
   "type"
-], En = {
-  $schema: xn,
-  $id: Tn,
-  title: wn,
-  description: Bn,
-  type: Pn,
-  properties: Sn,
-  required: kn
-}, ve = {
+], $n = {
+  $schema: Nn,
+  $id: Mn,
+  title: Vn,
+  description: jn,
+  type: Ln,
+  properties: Dn,
+  required: Rn
+}, he = {
   id: { type: String, default: "" },
   customClass: { type: String, default: "" },
+  customStyle: { type: String, default: "" },
   /** 筛选组件配置器，具体配置项可查看各组件文档 */
   editor: { type: Object, default: {} },
   label: { type: String, default: "" },
@@ -453,43 +480,43 @@ const Fn = /* @__PURE__ */ new Map([
   showLabel: { type: Boolean, default: !0 },
   type: { type: String, default: "input-group" }
 };
-me(
-  ve,
-  En,
-  Fn,
+ve(
+  he,
+  $n,
+  On,
   void 0
 );
-const In = {
+const An = {
   id: { type: String },
   required: { type: Boolean, default: !1 },
   text: { type: String, default: "" },
   title: { type: String }
-}, On = /* @__PURE__ */ H({
+}, Gn = /* @__PURE__ */ W({
   name: "FDynamicFormLabel",
-  props: In,
+  props: An,
   emits: [],
   setup(e, t) {
-    const n = h(e.title || e.text), o = h(e.required), r = h(e.text);
-    return V(() => e.text, () => {
+    const n = F(e.title || e.text), o = F(e.required), r = F(e.text);
+    return R(() => e.text, () => {
       r.value = e.text;
-    }), V(() => e.required, (d, c) => {
-      d !== c && (o.value = d);
+    }), R(() => e.required, (d, u) => {
+      d !== u && (o.value = d);
     }), () => r.value && l("label", {
       class: "col-form-label",
       title: n.value
     }, [o.value && l("span", {
       class: "farris-label-info text-danger"
-    }, [ce("*")]), l("span", {
+    }, [pe("*")]), l("span", {
       class: "farris-label-text"
     }, [r.value])]);
   }
-}), Nn = /* @__PURE__ */ new Map([
-  ["appearance", ge]
+}), Un = /* @__PURE__ */ new Map([
+  ["appearance", be]
 ]);
-function Ln(e, t, n) {
+function qn(e, t, n) {
   return t;
 }
-const jn = "https://json-schema.org/draft/2020-12/schema", Rn = "https://farris-design.gitee.io/input-group.schema.json", An = "input-group", Dn = "A Farris Input Component", Vn = "object", $n = {
+const Wn = "https://json-schema.org/draft/2020-12/schema", Hn = "https://farris-design.gitee.io/input-group.schema.json", Qn = "input-group", _n = "A Farris Input Component", zn = "object", Zn = {
   id: {
     description: "The unique identifier for a Input Group",
     type: "string"
@@ -551,11 +578,6 @@ const jn = "https://json-schema.org/draft/2020-12/schema", Rn = "https://farris-
     type: "boolean",
     default: !1
   },
-  required: {
-    description: "",
-    type: "boolean",
-    default: !1
-  },
   tabIndex: {
     description: "",
     type: "number",
@@ -691,18 +713,24 @@ const jn = "https://json-schema.org/draft/2020-12/schema", Rn = "https://farris-
     type: "string",
     default: ""
   }
-}, Mn = [
+}, Jn = [
   "id",
   "type"
-], Gn = {
-  $schema: jn,
-  $id: Rn,
-  title: An,
-  description: Dn,
-  type: Vn,
-  properties: $n,
-  required: Mn
-}, ye = {
+], Xn = [
+  "id",
+  "appearance",
+  "binding",
+  "visible"
+], Yn = {
+  $schema: Wn,
+  $id: Hn,
+  title: Qn,
+  description: _n,
+  type: zn,
+  properties: Zn,
+  required: Jn,
+  ignore: Xn
+}, Ce = {
   id: { Type: String, default: "" },
   /** 是否自动完成 */
   autocomplete: { Type: String, default: "off" },
@@ -770,281 +798,153 @@ const jn = "https://json-schema.org/draft/2020-12/schema", Rn = "https://farris-
    */
   updateOn: { type: String, default: "blur" }
 };
-me(ye, Gn, Nn, Ln);
-function qn(e, t, n, o) {
-  const r = h(e.disabled), d = h(!1), c = h("text"), C = h(e.showBorder), u = h(e.textAlign), i = h(e.updateOn), p = S(() => e.editable || !e.readonly), a = S(() => e.editable && !e.disabled && !e.readonly), f = S(() => !e.disabled && d.value), s = S(() => n.value === "" || n.value === null || n.value === void 0), m = S(() => (e.disabled || e.readonly) && !e.forcePlaceholder ? "" : e.placeholder), w = S(() => e.readonly || !e.editable), k = S(() => e.enableTitle ? n.value : ""), L = S(() => ({
-    "form-control": !0,
-    "f-utils-fill": !0,
-    "text-left": u.value === "left",
-    "text-center": u.value === "center",
-    "text-right": u.value === "right"
-  })), A = S(() => {
-    const P = {
-      "f-cmp-inputgroup": !0,
-      "input-group": !0,
-      "f-state-disable": r.value,
-      "f-state-editable": a.value,
-      "f-state-readonly": w.value,
-      "f-state-focus": f.value
-    };
-    return (e.customClass || "").split(" ").reduce((q, J) => (q[J] = !0, q), P), P;
-  }), R = S(() => C.value ? "" : "border-width : 0 ");
-  function E(P, D = !0) {
-    n.value = P, o.value !== P && (o.value = P), D && t.emit("change", P), t.emit("update:modelValue", P), t.emit("update:value", P);
-  }
-  V(
-    () => e.modelValue,
-    (P, D) => {
-      P !== D && (n.value = P, o.value = P);
-    }
-  ), V(() => e.disabled, (P, D) => {
-    P !== D && (r.value = P);
-  });
-  function I(P) {
-    return d.value = !1, t.emit("blur", P), P.stopPropagation(), !1;
-  }
-  function O(P) {
-    t.emit("click", P);
-  }
-  function B(P) {
-    e.disabled || (C.value && (d.value = !0), p.value && t.emit("focus", P));
-  }
-  function $(P) {
-    t.emit("input", P.target.value);
-    const D = P.target.value;
-    o.value = D, i.value === "change" && (t.emit("update:modelValue", D), t.emit("update:value", D));
-  }
-  function j(P) {
-    t.emit("keydown", P);
-  }
-  function G(P) {
-    t.emit("keyup", P);
-  }
-  function U(P) {
-    P.target.tagName !== "INPUT" && P.preventDefault(), P.stopPropagation();
-  }
-  function _(P) {
-    if (i.value === "blur") {
-      const D = P.target.value;
-      P.stopPropagation(), E(D);
-    }
-  }
-  return {
-    changeTextBoxValue: E,
-    disabled: r,
-    displayText: o,
-    editable: a,
-    hasFocused: f,
-    inputGroupClass: A,
-    inputType: c,
-    isEmpty: s,
-    modelValue: n,
-    readonly: w,
-    onBlur: I,
-    onClick: O,
-    onFocus: B,
-    onInput: $,
-    onKeydown: j,
-    onKeyup: G,
-    onMousedown: U,
-    onTextBoxValueChange: _,
-    placeholder: m,
-    textBoxClass: L,
-    textBoxTitle: k,
-    inputGroupStyle: R
-  };
-}
-function Wn(e, t, n) {
-  const o = h(!1), r = S(() => e.enableClear && !e.readonly && !e.disabled), { changeTextBoxValue: d, displayText: c, hasFocused: C, isEmpty: u } = n;
-  function i(w) {
-    o.value = w;
-  }
-  V(c, () => {
-    C != null && C.value ? i(!!(c != null && c.value)) : i(!1);
-  });
-  const p = S(() => ({
-    "input-group-text": !0,
-    "input-group-clear": !0
-  })), a = S(() => ({
-    width: "24px",
-    display: o.value ? "flex" : "none"
-  }));
-  function f(w) {
-    w.stopPropagation(), r.value && (d("", !0), i(!o.value), t.emit("clear"));
-  }
-  function s(w) {
-    r.value && !u.value && i(!0);
-  }
-  function m(w) {
-    r.value && i(!1);
-  }
-  return { clearButtonClass: p, clearButtonStyle: a, hasShownClearButton: o, onClearValue: f, onMouseEnter: s, onMouseLeave: m, shouldShowClearButton: r };
-}
-const Hn = ["moz", "ms", "webkit"];
-function Un() {
-  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;
-  };
-}
-function _n() {
-  if (typeof window > "u")
-    return () => 0;
-  if (window.requestAnimationFrame)
-    return window.requestAnimationFrame.bind(window);
-  const e = Hn.filter((t) => `${t}RequestAnimationFrame` in window)[0];
-  return e ? window[`${e}RequestAnimationFrame`] : Un();
-}
-_n();
-function zn(e, t) {
-  const n = h(e.groupText), o = S(() => e.showButtonWhenDisabled && (e.readonly || e.disabled)), r = S(() => e.enableClear || !!e.groupText);
-  return { appendedButtonClass: S(() => ({
+ve(Ce, Yn, Un, qn);
+function Kn(e, t) {
+  const n = F(e.groupText), o = N(() => e.showButtonWhenDisabled && (e.readonly || e.disabled)), r = N(() => e.enableClear || !!e.groupText);
+  return { appendedButtonClass: N(() => ({
     "input-group-append": !0,
     "append-force-show": o.value
   })), appendedContent: n, shouldShowAppendedButton: r };
 }
-function Qn(e, t, n, o) {
-  const { appendedContent: r } = o, d = h(e.enableViewPassword), c = S(() => 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>', i = h(!1);
-  V(() => [e.readonly, e.disabled], ([f, s]) => {
-    c.value && (n.value = f || s ? "password" : n.value, r.value = f || s ? u : r.value);
+function eo(e, t, n, o) {
+  const { appendedContent: r } = o, d = F(e.enableViewPassword), u = N(() => e.type === "password"), T = '<span class="f-icon f-icon-eye" style="color: rgb(56, 143, 255);"></span>', c = '<span class="f-icon f-icon-eye"></span>', i = F(!1);
+  R(() => [e.readonly, e.disabled], ([v, s]) => {
+    u.value && (n.value = v || s ? "password" : n.value, r.value = v || s ? c : r.value);
   });
-  function p() {
-    return i.value = !i.value, n.value = i.value ? "text" : "password", r.value = i.value ? C : u, !1;
+  function g() {
+    return i.value = !i.value, n.value = i.value ? "text" : "password", r.value = i.value ? T : c, !1;
   }
   function a() {
-    n.value = c.value ? "password" : "text", r.value = c.value ? d.value ? u : "" : r.value;
+    n.value = u.value ? "password" : "text", r.value = u.value ? d.value ? c : "" : r.value;
   }
-  return a(), { isPassword: c, onClickAppendedButton: p };
+  return a(), { isPassword: u, onClickAppendedButton: g };
 }
-function Zn(e, t, n) {
-  const o = h(), {
+function to(e, t, n) {
+  const o = F(), {
     onBlurTextBox: r,
     onFocusTextBox: d,
-    onInput: c,
-    onKeyDown: C,
-    textBoxValue: u
-  } = n, i = S(() => e.disabled || e.readonly || !e.editable ? "" : e.placeholder), p = S(() => ({
+    onInput: u,
+    onKeyDown: T,
+    textBoxValue: c
+  } = n, i = N(() => e.disabled || e.readonly || !e.editable ? "" : e.placeholder), g = N(() => ({
     "form-control": !0,
     "f-utils-fill": !0
-  })), a = S(() => ({
+  })), a = N(() => ({
     "text-align": e.textAlign
   }));
-  function f(w) {
-    w.stopPropagation();
+  function v(B) {
+    B.stopPropagation();
   }
   function s() {
     e.selectOnCreated, e.focusOnCreated;
   }
-  async function m(w) {
-    d(w), await ie, s();
+  async function b(B) {
+    d(B), await le, s();
   }
-  return W(async () => {
-    await ie, s();
+  return q(async () => {
+    await le, s();
   }), () => l("input", {
     ref: o,
-    class: p.value,
+    class: g.value,
     style: a.value,
     type: "text",
-    value: u.value,
+    value: c.value,
     disabled: e.disabled,
     readonly: e.readonly || !e.editable,
     placeholder: i.value,
     onBlur: r,
-    onChange: f,
-    onFocus: m,
-    onInput: c,
-    onKeydown: C
+    onChange: v,
+    onFocus: b,
+    onInput: u,
+    onKeydown: T
   }, null);
 }
-function Jn(e, t, n) {
+function no(e, t, n) {
   const {
     canDownward: o,
     canUpward: r,
     onClickDownButton: d,
-    onClickUpButton: c
-  } = n, C = S(() => ({
+    onClickUpButton: u
+  } = n, T = N(() => ({
     "input-group-append": !0,
     "btn-group": !0,
     "btn-group-number": !0
-  })), u = S(() => ({
+  })), c = N(() => ({
     btn: !0,
     "btn-secondary": !0,
     "btn-number-flag": !0
-  })), i = S(() => ({
+  })), i = N(() => ({
     cursor: r() ? "pointer" : "not-allowed",
     "margin-left": 0
-  })), p = S(() => ({
+  })), g = N(() => ({
     cursor: o() ? "pointer" : "not-allowed",
     "margin-left": 0
   }));
   return () => l("div", {
-    class: C.value
+    class: T.value
   }, [l("button", {
     title: "upButton",
-    class: u.value,
+    class: c.value,
     style: i.value,
-    onClick: c,
+    onClick: u,
     disabled: !r()
   }, [l("span", {
     class: "f-icon f-icon-arrow-chevron-up number-arrow-chevron"
   }, null)]), l("button", {
     title: "downButton",
-    class: u.value,
-    style: p.value,
+    class: c.value,
+    style: g.value,
     onClick: d,
     disabled: !o()
   }, [l("span", {
     class: "f-icon f-icon-arrow-chevron-down number-arrow-chevron"
   }, null)])]);
 }
-function Xn(e, t) {
-  const n = qe(e, t), o = We(e, t, n), r = He(e, t, o, n), d = Ue(e, t, o, n, r), c = Jn(e, t, r), {
-    displayValue: C,
-    modelValue: u,
+function oo(e, t) {
+  const n = Je(e, t), o = Xe(e, t, n), r = Ye(e, t, o, n), d = Ke(e, t, o, n, r), u = no(e, t, r), {
+    displayValue: T,
+    modelValue: c,
     getRealValue: i
-  } = n, p = Zn(e, t, d), {
+  } = n, g = to(e, t, d), {
     format: a
   } = o, {
-    isFocus: f
-  } = d, s = S(() => !e.disabled && !e.readonly);
-  return W(() => {
-    const m = i(e.modelValue);
-    C.value = a(m);
-  }), V(() => [e.value], ([m]) => {
-    const w = i(m);
-    u.value = w, C.value = a(w);
-  }), V(() => [e.modelValue], ([m]) => {
-    m !== u.value && (u.value = m, !f.value && (C.value = a(i(m))));
-  }), V(() => [e.precision, e.useThousands, e.prefix, e.suffix, e.showZero], () => {
-    C.value = a(u.value);
+    isFocus: v
+  } = d, s = N(() => !e.disabled && !e.readonly);
+  return q(() => {
+    const b = i(e.modelValue);
+    T.value = a(b);
+  }), R(() => [e.value], ([b]) => {
+    const B = i(b);
+    c.value = B, T.value = a(B);
+  }), R(() => [e.modelValue], ([b]) => {
+    b !== c.value && (c.value = b, !v.value && (T.value = a(i(b))));
+  }), R(() => [e.precision, e.useThousands, e.prefix, e.suffix, e.showZero], () => {
+    T.value = a(c.value);
   }), () => l("div", {
     class: "input-group  f-state-hover flex-row f-cmp-number-spinner"
-  }, [p(), s.value && c()]);
+  }, [g(), s.value && u()]);
 }
-function Yn(e, t, n, o) {
-  const r = h(), d = h(e.autocomplete), c = h(e.enableTitle), {
-    isPassword: C
-  } = n, u = h(e.minLength), i = h(e.maxLength), p = h(e.tabIndex), {
+function ro(e, t, n, o) {
+  const r = F(), d = F(e.autocomplete), u = F(e.enableTitle), {
+    isPassword: T
+  } = n, c = F(e.minLength), i = F(e.maxLength), g = F(e.tabIndex), {
     disabled: a,
-    displayText: f,
+    displayText: v,
     inputType: s,
-    onBlur: m,
-    onFocus: w,
-    onInput: k,
-    onClick: L,
-    onKeydown: A,
-    onKeyup: R,
-    onMousedown: E,
-    onTextBoxValueChange: I,
+    onBlur: b,
+    onFocus: B,
+    onInput: S,
+    onClick: M,
+    onKeydown: j,
+    onKeyup: L,
+    onMousedown: P,
+    onTextBoxValueChange: E,
     readonly: O,
-    placeholder: B,
+    placeholder: k,
     textBoxClass: $,
-    textBoxTitle: j
+    textBoxTitle: V
   } = o;
-  return W(() => {
+  return q(() => {
     e.selectOnCreated, e.focusOnCreated;
   }), () => l("input", {
     ref: r,
@@ -1053,135 +953,135 @@ function Yn(e, t, n, o) {
     class: $.value,
     disabled: a == null ? void 0 : a.value,
     maxlength: i.value,
-    minlength: u.value,
-    placeholder: B.value,
+    minlength: c.value,
+    placeholder: k.value,
     readonly: O == null ? void 0 : O.value,
-    tabindex: p.value,
-    title: c.value && !C.value ? j.value : "",
+    tabindex: g.value,
+    title: u.value && !T.value ? V.value : "",
     type: s.value,
-    value: f == null ? void 0 : f.value,
-    onBlur: m,
-    onClick: L,
-    onChange: I,
-    onFocus: w,
-    onInput: k,
-    onKeydown: A,
-    onKeyup: R,
-    onMousedown: E
+    value: v == null ? void 0 : v.value,
+    onBlur: b,
+    onClick: M,
+    onChange: E,
+    onFocus: B,
+    onInput: S,
+    onKeydown: j,
+    onKeyup: L,
+    onMousedown: P
   }, null);
 }
-function Kn(e, t) {
-  const n = S(() => e.useExtendInfo && !!e.extendInfo), o = je({
+function ao(e, t) {
+  const n = N(() => e.useExtendInfo && !!e.extendInfo), o = Ge({
     content: e.extendInfo
   });
   function r() {
     t.emit("updateExtendInfo");
   }
-  return () => n.value && Re(l("span", {
+  return () => n.value && Ue(l("span", {
     class: "input-group-before-tips",
     onMouseenter: r
   }, [l("i", {
     class: "f-icon f-icon-info-circle"
   }, null), l("b", {
     class: "tips-arrow"
-  }, null)]), [[Ae("tooltip"), o]]);
+  }, null)]), [[qe("tooltip"), o]]);
 }
-function eo(e, t, n, o, r) {
+function io(e, t, n, o, r) {
   const {
     appendedButtonClass: d,
-    appendedContent: c
-  } = n, C = S(() => e.showButtonWhenDisabled && (!e.editable || !e.readonly) && !e.disabled), u = S(() => c.value && !t.slots.groupTextTemplate), i = S(() => !!t.slots.groupTextTemplate), {
-    clearButtonClass: p,
+    appendedContent: u
+  } = n, T = N(() => e.showButtonWhenDisabled && (!e.editable || !e.readonly) && !e.disabled), c = N(() => u.value && !t.slots.groupTextTemplate), i = N(() => !!t.slots.groupTextTemplate), {
+    clearButtonClass: g,
     clearButtonStyle: a,
-    onClearValue: f,
+    onClearValue: v,
     shouldShowClearButton: s
   } = o;
-  function m() {
+  function b() {
     return l("span", {
       id: "clearIcon",
-      class: p.value,
+      class: g.value,
       style: a.value,
-      onClick: (B) => f(B)
+      onClick: (k) => v(k)
     }, [l("i", {
       class: "f-icon modal_close"
     }, null)]);
   }
-  function w(B) {
-    t.emit("iconMouseEnter", B);
+  function B(k) {
+    t.emit("iconMouseEnter", k);
   }
-  function k(B) {
-    t.emit("iconMouseLeave", B);
+  function S(k) {
+    t.emit("iconMouseLeave", k);
   }
-  function L(B) {
-    C.value && t.emit("clickHandle", {
-      originalEvent: B
-    }), B.stopPropagation();
+  function M(k) {
+    T.value && t.emit("clickHandle", {
+      originalEvent: k
+    }), k.stopPropagation();
   }
-  const A = e.type === "password" ? r.onClickAppendedButton : L;
-  function R() {
+  const j = e.type === "password" ? r.onClickAppendedButton : M;
+  function L() {
     return l("span", {
       class: "input-group-text",
-      onMouseenter: (B) => w(B),
-      onMouseleave: (B) => k(B),
-      innerHTML: c.value,
-      onClick: (B) => A(B)
+      onMouseenter: (k) => B(k),
+      onMouseleave: (k) => S(k),
+      innerHTML: u.value,
+      onClick: (k) => j(k)
     }, null);
   }
-  function E() {
+  function P() {
     return t.slots.groupTextTemplate && t.slots.groupTextTemplate();
   }
-  function I() {
-    return u.value ? R : i.value ? E : "";
+  function E() {
+    return c.value ? L : i.value ? P : "";
   }
-  const O = I();
+  const O = E();
   return () => l("div", {
     class: d.value
-  }, [s.value && m(), O && O()]);
+  }, [s.value && b(), O && O()]);
 }
-const to = /* @__PURE__ */ H({
+const lo = /* @__PURE__ */ W({
   name: "FInputGroup",
-  props: ye,
+  props: Ce,
   emits: ["clear", "change", "blur", "click", "clickHandle", "focus", "input", "keydown", "keyup", "iconMouseEnter", "iconMouseLeave", "update:modelValue", "update:value", "updateExtendInfo", "valueChange"],
   setup(e, t) {
-    const n = h(e.modelValue), o = h(e.modelValue), r = qn(e, t, n, o), {
+    const n = F(e.modelValue), o = F(e.modelValue), r = _e(e, t, n, o), {
       inputGroupClass: d,
-      inputType: c,
-      inputGroupStyle: C
-    } = r, u = zn(e), {
+      inputType: u,
+      inputGroupStyle: T
+    } = r, c = Kn(e), {
       shouldShowAppendedButton: i
-    } = u, p = Wn(e, t, r), {
+    } = c, g = ze(e, t, r), {
       onMouseEnter: a,
-      onMouseLeave: f
-    } = p, s = Qn(e, t, c, u), m = Xn(e, t), w = Yn(e, t, s, r), k = eo(e, t, u, p, s), L = Kn(e, t), A = S(() => e.type === "number");
-    V(() => [e.value], ([E]) => {
-      n.value = E, o.value = E;
-    }), V(() => [e.modelValue], ([E]) => {
-      n.value = E, o.value = E;
-    }), W(() => {
+      onMouseLeave: v
+    } = g, s = eo(e, t, u, c), b = oo(e, t), B = ro(e, t, s, r), S = io(e, t, c, g, s), M = ao(e, t), j = N(() => e.type === "number");
+    R(() => [e.value], ([P]) => {
+      n.value = P, o.value = P;
+    }), R(() => [e.modelValue], ([P]) => {
+      n.value = P, o.value = P;
+    }), q(() => {
       e.value && (n.value = e.value, o.value = e.value);
     });
-    const R = () => l(Z, null, [l("div", {
+    const L = () => l(z, null, [l("div", {
       id: e.id,
       class: d.value,
-      style: C.value,
+      style: T.value,
       onMouseenter: a,
-      onMouseleave: f
-    }, [A.value ? m() : l(Z, null, [L(), w(), i.value && k()])])]);
-    return () => R();
+      onMouseleave: v
+    }, [j.value ? b() : l(z, null, [M(), B(), i.value && S()])])]);
+    return () => L();
   }
-}), g = {}, v = {}, y = {}, b = {};
-let se = !1;
-function no() {
-  se || (se = !0, ze.register(g, v, y, b), _e.register(g, v, y, b), Qe.register(g, v, y, b), Ze.register(g, v, y, b), Je.register(g, v, y, b), Xe.register(g, v, y, b), Ye.register(g, v, y, b), Ke.register(g, v, y, b), et.register(g, v, y, b), tt.register(g, v, y, b), ot.register(g, v, y, b), nt.register(g, v, y, b), rt.register(g, v, y, b), at.register(g, v, y, b), it.register(g, v, y, b), lt.register(g, v, y, b), st.register(g, v, y, b), ut.register(g, v, y, b), ct.register(g, v, y, b), dt.register(g, v, y, b), pt.register(g, v, y, b), ft.register(g, v, y, b), gt.register(g, v, y, b), mt.register(g, v, y, b), vt.register(g, v, y, b), yt.register(g, v, y, b), bt.register(g, v, y, b), ht.register(g, v, y, b), Ge.register(g, v, y, b), Ct.register(g, v, y, b), Ft.register(g, v, y, b), xt.register(g, v, y, b), Tt.register(g, v, y, b), wt.register(g, v, y, b), Bt.register(g, v, y, b), Pt.register(g, v, y, b), St.register(g, v, y, b), Et.register(g, v, y, b), It.register(g, v, y, b), kt.register(g, v, y, b), Qt.register(g, v, y), Ot.register(g, v, y, b), Nt.register(g, v, y, b), Lt.register(g, v, y, b), jt.register(g, v, y, b), Rt.register(g, v, y, b), At.register(g, v, y, b), Dt.register(g, v, y, b), Vt.register(g, v, y, b), $t.register(g, v, y, b), Mt.register(g, v, y, b), Gt.register(g, v, y, b), qt.register(g, v, y, b), Ht.register(g, v, y, b), Wt.register(g, v, y, b), Ut.register(g, v, y, b), _t.register(g, v, y, b), zt.register(g, v, y, b), Zt.register(g, v, y, b));
+}), p = {}, f = {}, m = {}, y = {};
+let ue = !1;
+function so() {
+  ue || (ue = !0, tt.register(p, f, m, y), et.register(p, f, m, y), nt.register(p, f, m, y), ot.register(p, f, m, y), rt.register(p, f, m, y), at.register(p, f, m, y), it.register(p, f, m, y), lt.register(p, f, m, y), st.register(p, f, m, y), ut.register(p, f, m, y), dt.register(p, f, m, y), ct.register(p, f, m, y), pt.register(p, f, m, y), ft.register(p, f, m, y), mt.register(p, f, m, y), gt.register(p, f, m, y), yt.register(p, f, m, y), vt.register(p, f, m, y), bt.register(p, f, m, y), Ct.register(p, f, m, y), Ft.register(p, f, m, y), xt.register(p, f, m, y), wt.register(p, f, m, y), Tt.register(p, f, m, y), kt.register(p, f, m, y), Bt.register(p, f, m, y), St.register(p, f, m, y), Pt.register(p, f, m, y), Ze.register(p, f, m, y), Et.register(p, f, m, y), It.register(p, f, m, y), Ot.register(p, f, m, y), Nt.register(p, f, m, y), Mt.register(p, f, m, y), Vt.register(p, f, m, y), jt.register(p, f, m, y), Lt.register(p, f, m, y), Rt.register(p, f, m, y), $t.register(p, f, m, y), Dt.register(p, f, m, y), on.register(p, f, m), At.register(p, f, m, y), Gt.register(p, f, m, y), Ut.register(p, f, m, y), qt.register(p, f, m, y), Wt.register(p, f, m, y), Ht.register(p, f, m, y), Qt.register(p, f, m, y), _t.register(p, f, m, y), zt.register(p, f, m, y), Zt.register(p, f, m, y), Jt.register(p, f, m, y), Xt.register(p, f, m, y), Kt.register(p, f, m, y), Yt.register(p, f, m, y), en.register(p, f, m, y), tn.register(p, f, m, y), nn.register(p, f, m, y), rn.register(p, f, m, y), ht.register(p, f, m, y), an.register(p, f, m, y));
 }
-function oo() {
-  no();
-  function e(r, d) {
-    const c = v[r];
-    return c ? c(d) : {};
+function uo() {
+  so();
+  function e(r) {
+    return p[r] || lo;
   }
-  function t(r) {
-    return g[r] || to;
+  function t(r, d) {
+    const u = f[r];
+    return u ? u(d) : {};
   }
   function n(r) {
     switch (r) {
@@ -1230,9 +1130,12 @@ function oo() {
         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";
@@ -1240,6 +1143,8 @@ function oo() {
         return "onMappingFieldsChanged";
       case "textarea":
         return "onValueChange";
+      case "query-solution-config":
+        return "onFieldsChanged";
     }
   }
   function o(r) {
@@ -1250,109 +1155,110 @@ function oo() {
         return "onClear";
     }
   }
-  return { resolveEditorProps: e, resolveEditorType: t, getChangeFunctionName: n, getClearFunctionName: o };
+  return { resolveEditorProps: t, resolveEditorType: e, getChangeFunctionName: n, getClearFunctionName: o };
 }
-const ro = /* @__PURE__ */ H({
+const co = /* @__PURE__ */ W({
   name: "FDynamicFormGroup",
-  props: ve,
+  props: he,
   emits: ["change", "update:modelValue"],
   setup(e, t) {
-    const n = h(e.id), o = h(e.customClass), r = h(e.editor), d = h(e.label), c = h(e.modelValue), C = h(e.readonly), u = h(e.required), i = h(e.showLabel), p = h(e.visible);
-    h(e.type);
-    const a = h(), {
-      resolveEditorProps: f,
+    const n = F(e.id), o = F(e.customClass), r = F(e.editor), d = F(e.label), u = F(e.modelValue), T = F(e.readonly), c = F(e.required), i = F(e.showLabel), g = F(e.visible);
+    F(e.type);
+    const a = F(), {
+      resolveEditorProps: v,
       resolveEditorType: s,
-      getChangeFunctionName: m,
-      getClearFunctionName: w
-    } = oo(), k = S(() => ({
+      getChangeFunctionName: b,
+      getClearFunctionName: B
+    } = uo(), S = N(() => ({
       "form-group": !0,
       "farris-form-group": !0,
       "common-group": !0,
-      "q-state-readonly": C.value
+      "q-state-readonly": T.value
     }));
-    function L(E, I) {
-      c.value = I !== void 0 ? I : E, t.emit("update:modelValue", c.value), t.emit("change", c.value);
+    function M(P, E) {
+      u.value = E !== void 0 ? E : P, t.emit("update:modelValue", u.value), t.emit("change", u.value);
     }
-    function A() {
+    function j() {
       t.emit("update:modelValue", "");
     }
-    const R = S(() => {
-      const E = r.value.type || "input-group", I = s(E), O = f(E, r.value), B = m(E), $ = w(r.value.type);
-      return O[B] = L, O[$] = A, (O.id == null || O.id === "") && (O.id = n.value), () => l(I, De({
+    const L = N(() => {
+      const P = r.value.type || "input-group", E = s(P), O = v(P, r.value), k = b(P), $ = B(r.value.type);
+      return $ && (O[$] = j), O[k] = M, (O.id == null || O.id === "") && (O.id = n.value), () => l(E, We({
         ref: a
       }, O, {
-        modelValue: c.value,
-        "onUpdate:modelValue": (j) => c.value = j
-      }), null);
+        modelValue: u.value,
+        "onUpdate:modelValue": (V) => u.value = V
+      }), t.slots);
     });
-    return V([() => e.id, () => e.customClass, () => e.editor, () => e.label, () => e.modelValue, () => e.readonly, () => e.required, () => e.showLabel, () => e.visible], ([E, I, O, B, $, j, G, U, _]) => {
-      n.value = E, o.value = I, r.value = O, d.value = B, c.value = $, C.value = j, u.value = G, i.value = U, p.value = _;
+    return R([() => e.id, () => e.customClass, () => e.editor, () => e.label, () => e.modelValue, () => e.readonly, () => e.required, () => e.showLabel, () => e.visible], ([P, E, O, k, $, V, G, Z, J]) => {
+      n.value = P, o.value = E, r.value = O, d.value = k, u.value = $, T.value = V, c.value = G, i.value = Z, g.value = J;
     }), t.expose({
       editorRef: a
-    }), () => p.value && l("div", {
+    }), () => g.value && l("div", {
       id: `${n.value}-input-group`,
-      class: o.value
+      class: o.value,
+      style: e.customStyle
     }, [l("div", {
       class: "farris-group-wrap"
     }, [l("div", {
-      class: k.value
-    }, [i.value && l(On, {
+      class: S.value
+    }, [i.value && l(Gn, {
       id: `${n.value}-lable`,
-      required: u.value,
+      required: c.value,
       text: d.value,
       title: d.value
     }, null), l("div", {
       class: "farris-input-wrap"
-    }, [R.value()])])])]);
+    }, [L.value()])])])]);
   }
-}), ao = /* @__PURE__ */ H({
+}), po = /* @__PURE__ */ W({
   name: "FPropertyPanelItem",
-  props: Cn,
+  props: In,
   emits: ["propertyChange", "triggerRefreshPanel"],
   setup(e, t) {
-    var u;
-    const n = h((u = e.category) == null ? void 0 : u.categoryId), o = h(e.elementConfig.propertyID), r = h(e.elementConfig.propertyName);
-    h(e.elementConfig.editor);
-    const d = h(e.elementConfig.propertyValue), c = S(() => {
+    var c;
+    const n = F((c = e.category) == null ? void 0 : c.categoryId), o = F(e.elementConfig.propertyID), r = F(e.elementConfig.propertyName);
+    F(e.elementConfig.editor);
+    const d = F(e.elementConfig.propertyValue), u = N(() => {
       const i = e.elementConfig.visible;
       return {
         "farris-group-wrap": !0,
         "property-item": !0,
-        "d-none": !(typeof i == "boolean" ? i : i == null ? !0 : i())
+        "d-none": !(typeof i == "boolean" ? i : i === void 0 ? !0 : i())
       };
     });
-    V(() => {
+    R(() => {
       var i;
       return (i = e.elementConfig) == null ? void 0 : i.propertyValue;
     }, (i) => {
       d.value = i;
     });
-    function C(i) {
+    function T(i) {
       e.elementConfig.propertyValue = i;
-      const p = {
+      const g = {
         propertyID: e.elementConfig.propertyID,
         propertyValue: i
       };
-      t.emit("propertyChange", p), e.elementConfig.refreshPanelAfterChanged && t.emit("triggerRefreshPanel");
+      t.emit("propertyChange", g), e.elementConfig.refreshPanelAfterChanged && t.emit("triggerRefreshPanel");
     }
     return () => l("div", {
-      class: c.value
-    }, [l(ro, {
+      class: u.value
+    }, [l(co, {
       id: o.value,
       customClass: `${n.value}-${o.value}`,
       label: r.value,
       editor: e.elementConfig.editor,
       modelValue: d.value,
-      onChange: C,
+      onChange: T,
       editorParams: e.elementConfig.editorParams
     }, null)]);
   }
-}), io = /* @__PURE__ */ H({
+}), fo = /* @__PURE__ */ W({
   name: "FPropertyPanelItemList",
-  props: hn,
+  props: En,
   emits: ["valueChanged", "submitModal", "triggerRefreshPanel"],
   setup(e, t) {
-    const n = h(e.category);
+    const n = F(e.category);
     function o(s) {
       if (!s.hideCascadeTitle)
         return l("div", {
@@ -1365,8 +1271,8 @@ const ro = /* @__PURE__ */ H({
           readonly: !0
         }, null)]);
     }
-    function r(s, m) {
-      m.isExpand = !m.isExpand;
+    function r(s, b) {
+      b.isExpand = !b.isExpand;
     }
     function d(s) {
       return l("div", {
@@ -1376,10 +1282,10 @@ const ro = /* @__PURE__ */ H({
         class: ["btn f-btn-collapse-expand f-btn-mx px-1", {
           "f-state-expand": s.isExpand
         }],
-        onClick: (m) => r(m, s)
+        onClick: (b) => r(b, s)
       }, [l("span", null, null)])]);
     }
-    function c(s) {
+    function u(s) {
       return l("div", {
         class: "f-section-formgroup-legend"
       }, [l("div", {
@@ -1396,10 +1302,10 @@ const ro = /* @__PURE__ */ H({
         class: "farris-label-text"
       }, [s.propertyName])])])]);
     }
-    function C(s) {
+    function T(s) {
       return `${e.categoryKey}_${s.propertyID}`;
     }
-    function u(s) {
+    function c(s) {
       s.categoryId = n.value.categoryId, n.value.enableCascade && (s.propertyPath = n.value.parentPropertyID), n.value.setPropertyRelates && n.value.setPropertyRelates(s, e.propertyData), t.emit("valueChanged", {
         changeObject: s
       });
@@ -1407,19 +1313,19 @@ const ro = /* @__PURE__ */ H({
     function i() {
       t.emit("triggerRefreshPanel");
     }
-    function p(s) {
+    function g(s) {
       return l("div", {
         class: "px-2 mb-2"
-      }, [l(ao, {
-        key: C(s),
+      }, [l(po, {
+        key: T(s),
         elementConfig: s,
         category: n.value,
-        onPropertyChange: u,
+        onPropertyChange: c,
         onTriggerRefreshPanel: i
       }, null)]);
     }
     function a(s) {
-      var m;
+      var b;
       return l("div", {
         class: "propertyCascadeItem farris-panel px-2 mb-2"
       }, [l("div", {
@@ -1428,163 +1334,163 @@ const ro = /* @__PURE__ */ H({
         }]
       }, [l("div", {
         class: "card-header",
-        onClick: (w) => r(w, s)
+        onClick: (B) => r(B, s)
       }, [l("div", {
         class: "panel-item-title"
       }, [l("div", {
         class: "form-group farris-form-group line-item"
-      }, [c(s), o(s), d(s)])])]), l("div", {
+      }, [u(s), o(s), d(s)])])]), l("div", {
         class: ["card-body", {
           hidden: !s.isExpand
         }]
-      }, [(m = s.cascadeConfig) == null ? void 0 : m.map((w) => p(w))])])]);
+      }, [(b = s.cascadeConfig) == null ? void 0 : b.map((B) => g(B))])])]);
     }
-    V(() => e.category, () => {
+    R(() => e.category, () => {
       n.value = e.category;
     });
-    function f(s) {
-      return s.propertyType === "cascade" ? a : p;
+    function v(s) {
+      return s.propertyType === "cascade" ? a : g;
     }
-    return () => l(Z, null, [n.value.properties.map((s) => f(s)(s))]);
+    return () => l(z, null, [n.value.properties.map((s) => v(s)(s))]);
   }
-}), ue = /* @__PURE__ */ H({
+}), ce = /* @__PURE__ */ W({
   name: "FPropertyPanel",
-  props: Jt,
+  props: ln,
   emits: ["propertyChanged"],
   setup(e, t) {
-    const n = h(e.width), o = h(e.isWidePanel), r = h(e.enableSearch), d = h(e.mode), c = h(e.isPersitOpenState), C = h(e.isShowPanel), u = h(), i = h(), p = h(e.showCloseBtn), a = h(e.selectedTabId), f = h(!0), s = h(e.isWhiteTheme);
-    let m = [], w = [];
-    const k = h(""), L = h(), A = h(), R = Ve("SchemaService");
-    let E = [], I = null, O = "";
-    const B = h(), $ = h(0);
-    function j() {
-      w = [], B.value && B.value.categoryList && Array.isArray(B.value.categoryList) && B.value.categoryList.length > 0 && B.value.categoryList.forEach((x) => {
-        if (x.properties.forEach((F) => F.categoryId = x.categoryId), x.properties && Array.isArray(x.properties) && x.properties.length > 0) {
-          const F = x.properties.map((N) => (N.category = x, N));
-          w = w.concat(F);
+    const n = F(e.width), o = F(e.isWidePanel), r = F(e.enableSearch), d = F(e.mode), u = F(e.isPersitOpenState), T = F(e.isShowPanel), c = F(), i = F(), g = F(e.showCloseBtn), a = F(e.selectedTabId), v = F(!0), s = F(e.isWhiteTheme);
+    let b = [], B = [];
+    const S = F(""), M = F(), j = F(), L = He("SchemaService");
+    let P = [], E = null, O = "";
+    const k = F(), $ = F(0);
+    function V() {
+      B = [], k.value && k.value.categoryList && Array.isArray(k.value.categoryList) && k.value.categoryList.length > 0 && k.value.categoryList.forEach((C) => {
+        if (C.properties.forEach((h) => h.categoryId = C.categoryId), C.properties && Array.isArray(C.properties) && C.properties.length > 0) {
+          const h = C.properties.map((I) => (I.category = C, I));
+          B = B.concat(h);
         }
       });
     }
-    function G(T) {
-      let x = T.offsetTop, F = T.offsetParent;
-      for (; F !== null; )
-        x += F.offsetTop, F = F.offsetParent;
-      return x;
+    function G(x) {
+      let C = x.offsetTop, h = x.offsetParent;
+      for (; h !== null; )
+        C += h.offsetTop, h = h.offsetParent;
+      return C;
     }
-    function U(T, x) {
-      T && x && Object.keys(x).length > 0 && Object.keys(x).forEach((F) => {
-        var M;
-        const N = x[F];
-        (M = T.style) == null || M.setProperty(F, N);
+    function Z(x, C) {
+      x && C && Object.keys(C).length > 0 && Object.keys(C).forEach((h) => {
+        var A;
+        const I = C[h];
+        (A = x.style) == null || A.setProperty(h, I);
       });
     }
-    function _() {
-      return w.filter((x) => x.visible ? !!(x.propertyID && x.propertyID.startsWith(k.value) || x.propertyName && (x.propertyName.startsWith(k.value) || x.propertyName.includes(k.value))) : !1);
+    function J() {
+      return B.filter((C) => C.visible ? !!(C.propertyID && C.propertyID.startsWith(S.value) || C.propertyName && (C.propertyName.startsWith(S.value) || C.propertyName.includes(S.value))) : !1);
     }
-    function P(T, x, F) {
-      if (T === 0) {
-        const N = G(x), Y = G(F) - N - 5;
-        x == null || x.scroll({
+    function Fe(x, C, h) {
+      if (x === 0) {
+        const I = G(C), Y = G(h) - I - 5;
+        C == null || C.scroll({
           top: Y,
           behavior: "smooth"
         });
       }
     }
-    function D(T) {
-      E && E.length > 0 && (E.forEach((F) => {
-        F.style.cssText = "";
-      }), E = []), k.value = T || k.value;
-      const x = document.querySelector(".panel-body");
-      if (!k.value)
-        L.value && x && (x.scrollTop = 0);
-      else if (j(), w && w.length > 0) {
-        const F = _();
-        F && F.length > 0 && (F[0].category.status === "closed" && (F[0].category.status = "open"), setTimeout(() => {
-          F.forEach((N, M) => {
-            const Y = N.propertyType === "cascade" ? `.${N.categoryId}-${N.propertyID} div.col-form-label` : `.property-item .${N.categoryId}-${N.propertyID} label.col-form-label`, Q = document.querySelector(Y);
-            Q && (P(M, x, Q), U(Q, {
+    function ae(x) {
+      P && P.length > 0 && (P.forEach((h) => {
+        h.style.cssText = "";
+      }), P = []), S.value = x || S.value;
+      const C = document.querySelector(".panel-body");
+      if (!S.value)
+        M.value && C && (C.scrollTop = 0);
+      else if (V(), B && B.length > 0) {
+        const h = J();
+        h && h.length > 0 && (h[0].category.status === "closed" && (h[0].category.status = "open"), setTimeout(() => {
+          h.forEach((I, A) => {
+            const Y = I.propertyType === "cascade" ? `.${I.categoryId}-${I.propertyID} div.col-form-label` : `.property-item .${I.categoryId}-${I.propertyID} label.col-form-label`, _ = document.querySelector(Y);
+            _ && (Fe(A, C, _), Z(_, {
               color: "#5B89FE"
-            }), E.push(Q));
+            }), P.push(_));
           });
         }, 50));
       }
     }
-    function q(T) {
-      D(T);
+    function H(x) {
+      ae(x);
     }
-    function J(T) {
+    function xe(x) {
       const {
-        value: x
-      } = T.target;
-      T.key === "Enter" && q(x);
+        value: C
+      } = x.target;
+      x.key === "Enter" && H(C);
     }
-    function be(T) {
+    function Te(x) {
       const {
-        value: x
-      } = T.target;
-      q(x);
+        value: C
+      } = x.target;
+      H(C);
     }
-    function he() {
-      c.value || (f.value = !1), t.emit("closePropertyPanel");
+    function we() {
+      u.value || (v.value = !1), t.emit("closePropertyPanel");
     }
-    function X(T) {
-      k.value = "", D();
+    function X(x) {
+      S.value = "", ae();
     }
-    function Ce(T) {
-      !T.status || T.status === "open" ? T.status = "closed" : T.status = "open";
+    function ke(x) {
+      !x.status || x.status === "open" ? x.status = "closed" : x.status = "open";
     }
-    function z() {
-      var T, x;
-      if (m = [], !u.value || u.value.length === 0) {
-        m = [{
+    function Q() {
+      var x, C;
+      if (b = [], !c.value || c.value.length === 0) {
+        b = [{
           tabId: "default",
           tabName: "属性",
           categoryList: []
-        }], B.value = null;
+        }], k.value = null;
         return;
       }
-      if ((T = u == null ? void 0 : u.value) == null || T.forEach((F) => {
-        if (F.tabId) {
-          const N = m.find((M) => M.tabId === F.tabId);
-          N ? (N.categoryList.push(F), N.hide && (N.hide = F.hide || F.properties.length === 0)) : m.push({
-            tabId: F.tabId,
-            tabName: F.tabName,
-            categoryList: [F],
-            hide: F.hide || F.properties.length === 0
+      if ((x = c == null ? void 0 : c.value) == null || x.forEach((h) => {
+        if (h.tabId) {
+          const I = b.find((A) => A.tabId === h.tabId);
+          I ? (I.categoryList.push(h), I.hide && (I.hide = h.hide || h.properties.length === 0)) : b.push({
+            tabId: h.tabId,
+            tabName: h.tabName,
+            categoryList: [h],
+            hide: h.hide || h.properties.length === 0
           });
         } else {
-          const N = m.find((M) => M.tabId === "default");
-          N ? N.categoryList.push(F) : m.push({
+          const I = b.find((A) => A.tabId === "default");
+          I ? I.categoryList.push(h) : b.push({
             tabId: "default",
             tabName: "属性",
-            categoryList: [F]
+            categoryList: [h]
           });
         }
       }), a.value) {
-        let F = m == null ? void 0 : m.find((N) => N.tabId === a.value && !N.hide);
-        B.value = F || m[0];
+        const h = b == null ? void 0 : b.find((I) => I.tabId === a.value && !I.hide);
+        k.value = h || b[0];
       } else
-        B.value = m[0];
-      a.value = (x = B.value) == null ? void 0 : x.tabId;
+        k.value = b[0];
+      a.value = (C = k.value) == null ? void 0 : C.tabId;
     }
-    V(() => [e.schema, e.isShowPanel], () => {
-      i.value = e.schema, !e.schema || !e.schema.type ? u.value = [] : u.value = K(i.value, R, I, O), z(), X(k.value), $.value++;
-    }), W(() => {
-      z();
+    R(() => [e.schema, e.isShowPanel], () => {
+      i.value = e.schema, !e.schema || !e.schema.type ? c.value = [] : c.value = K(i.value, L, E, O), Q(), X(S.value), $.value++;
+    }), q(() => {
+      Q();
     });
-    function Fe(T, x) {
-      (!i.value || x) && (i.value = x || e.schema), u.value = K(i.value, R, I, O, T), z(), X(k.value);
+    function Be(x, C) {
+      (!i.value || C) && (i.value = C || e.schema), c.value = K(i.value, L, E, O, x), Q(), X(S.value);
     }
-    function xe(T, x) {
-      I = T, O = x;
+    function Se(x, C) {
+      E = x, O = C;
     }
-    function ae() {
+    function ie() {
       d.value = d.value === "panel" ? "sidebar" : "panel", d.value === "panel" ? (setTimeout(() => {
-        q();
+        H();
       }, 100), n.value = "300px") : n.value = "41px";
     }
-    function Te() {
-      if (p.value)
+    function Pe() {
+      if (g.value)
         return l("div", {
           class: "title-actions"
         }, [l("div", {
@@ -1596,17 +1502,17 @@ const ro = /* @__PURE__ */ H({
           role: "toolbar"
         }, [l("li", {
           class: "action-item",
-          onClick: he
+          onClick: we
         }, [l("span", {
           class: "f-icon f-icon-close"
         }, null)])])])])]);
     }
-    function we() {
-      u.value = K(i.value, R, I, O), z();
+    function Ee() {
+      c.value = K(i.value, L, E, O), Q();
     }
-    function Be() {
-      var T;
-      if (r.value && ((T = B.value) == null ? void 0 : T.tabId) !== "commands")
+    function Ie() {
+      var x;
+      if (r.value && ((x = k.value) == null ? void 0 : x.tabId) !== "commands")
         return l("div", {
           class: "search"
         }, [l("div", {
@@ -1616,80 +1522,80 @@ const ro = /* @__PURE__ */ H({
           type: "text",
           placeholder: "输入属性名称或编号快速定位",
           autocomplete: "off",
-          onKeyup: (x) => J(x),
-          value: k.value
+          onKeyup: (C) => xe(C),
+          value: S.value
         }, null), l("div", {
           class: "input-group-append",
           style: "margin-left: 0px;"
         }, [l("span", {
           class: "input-group-text input-group-clear",
           style: [{
-            display: k.value && k.value.length > 0 ? "" : "none"
+            display: S.value && S.value.length > 0 ? "" : "none"
           }],
-          onClick: (x) => X()
+          onClick: (C) => X()
         }, [l("i", {
           class: "f-icon modal_close"
         }, null)]), l("span", {
           class: "input-group-text input-group-clear",
-          onClick: (x) => be(x)
+          onClick: (C) => Te(C)
         }, [l("i", {
           class: "f-icon f-icon-search"
         }, null)])])])]);
     }
-    function Pe(T) {
-      return `${e.propertyName}_${T.categoryId}`;
+    function Oe(x) {
+      return `${e.propertyName}_${x.categoryId}`;
     }
-    function Se(T) {
-      t.emit("propertyChanged", T);
+    function Ne(x) {
+      t.emit("propertyChanged", x);
     }
-    function ke() {
-      var T, x;
-      if (B.value)
+    function Me() {
+      var x, C;
+      if (k.value)
         return l("div", {
           class: "panel-body",
-          ref: A
+          ref: j
         }, [l("ul", {
           class: ["property-grid", {
             "wide-panel": o.value
           }]
-        }, [(x = (T = B.value) == null ? void 0 : T.categoryList) == null ? void 0 : x.map((F) => l("li", {
-          key: Pe(F),
-          "data-category-id": F == null ? void 0 : F.categoryId
-        }, [!F.hide && !F.hideTitle && l("span", {
+        }, [(C = (x = k.value) == null ? void 0 : x.categoryList) == null ? void 0 : C.map((h) => l("li", {
+          key: Oe(h),
+          "data-category-id": h == null ? void 0 : h.categoryId
+        }, [!h.hide && !h.hideTitle && l("span", {
           class: "group-label",
-          onClick: () => Ce(F)
+          onClick: () => ke(h)
         }, [l("span", {
           class: ["f-icon  mr-2", {
-            "f-legend-show": F.status === "closed"
+            "f-legend-show": h.status === "closed"
           }, {
-            "f-legend-collapse": F.status === "open" || F.status === void 0
+            "f-legend-collapse": h.status === "open" || h.status === void 0
           }]
-        }, null), F.categoryName]), l("div", {
-          hidden: F.status === "closed"
-        }, [l(io, {
-          key: `${F == null ? void 0 : F.categoryId}-${$.value}`,
-          category: F,
+        }, null), h.categoryName]), l("div", {
+          hidden: h.status === "closed"
+        }, [l(fo, {
+          key: `${h == null ? void 0 : h.categoryId}-${$.value}`,
+          category: h,
           propertyData: i.value,
-          onTriggerRefreshPanel: we,
-          onValueChanged: Se
+          onTriggerRefreshPanel: Ee,
+          onValueChanged: Ne
         }, null)])]))])]);
     }
-    function Ee() {
+    function Ve() {
       if (d.value === "sidebar")
         return l("div", {
           class: "side-panel h-100",
-          onClick: ae
+          onClick: ie
         }, [l("i", {
           class: "f-icon f-icon-engineering w-100 icon"
-        }, null), l("span", null, [ce("属性")])]);
+        }, null), l("span", null, [pe("属性")])]);
     }
-    function Ie() {
+    function je() {
       return {
-        display: f.value ? "block" : "none",
+        display: v.value ? "block" : "none",
         width: n.value
       };
     }
-    function Oe() {
+    function Le() {
       return l("div", {
         class: "switcher"
       }, [l("i", {
@@ -1697,58 +1603,227 @@ const ro = /* @__PURE__ */ H({
         style: [{
           transform: d.value === "sidebar" ? "none" : "rotate(180deg)"
         }],
-        onClick: ae
+        onClick: ie
       }, null)]);
     }
-    function Ne(T) {
-      B.value = T, a.value = B.value.tabId, k.value = "";
+    function De(x) {
+      k.value = x, a.value = k.value.tabId, S.value = "";
     }
-    function Le() {
-      return m.map((T) => l("div", {
+    function Re() {
+      return b.map((x) => l("div", {
         class: ["title-label", {
-          active: B.value && B.value.tabId === T.tabId
+          active: k.value && k.value.tabId === x.tabId
         }, {
-          hidden: T.hide
+          hidden: x.hide
         }],
-        onClick: () => Ne(T)
-      }, [l("span", null, [T.tabName])]));
+        onClick: () => De(x)
+      }, [l("span", null, [x.tabName])]));
     }
-    return W(() => {
-      q(k.value);
-    }), $e(() => {
-      c.value && (f.value = C.value), z(), q(k.value);
-    }), V(B, () => {
+    return q(() => {
+      H(S.value);
+    }), Qe(() => {
+      u.value && (v.value = T.value), Q(), H(S.value);
+    }), R(k, () => {
     }), t.expose({
-      updatePropertyConfig: Fe,
-      updateDesignerItem: xe
-    }), () => l(Z, null, [l("div", {
-      ref: L,
+      updatePropertyConfig: Be,
+      updateDesignerItem: Se
+    }), () => l(z, null, [l("div", {
+      ref: M,
       class: ["property-panel", {
         "white-theme": s.value
       }],
-      style: Ie()
+      style: je()
     }, [l("div", {
       class: "propertyPanel panel flex-column",
       hidden: d.value !== "panel"
     }, [l("div", {
       class: ["title d-flex", {
-        "p-right": p.value
+        "p-right": g.value
       }, {
-        only: m.length === 1
+        only: b.length === 1
       }]
-    }, [Le(), Te()]), Be(), ke()]), Oe(), Ee()])]);
+    }, [Re(), Pe()]), Ie(), Me()]), Le(), Ve()])]);
+  }
+});
+class Br {
+  constructor(t, n) {
+    D(this, "componentId");
+    D(this, "viewModelId");
+    D(this, "eventsEditorUtils");
+    D(this, "formSchemaUtils");
+    D(this, "formMetadataConverter");
+    D(this, "designViewModelUtils");
+    D(this, "designViewModelField");
+    D(this, "controlCreatorUtils");
+    D(this, "designerHostService");
+    D(this, "schemaService", null);
+    D(this, "metadataService", null);
+    D(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, this.schemaService = n.schemaService;
+  }
+  getTableInfo() {
+    var t;
+    return (t = this.schemaService) == null ? void 0 : t.getTableInfoByViewModelId(this.viewModelId);
   }
+  setDesignViewModelField(t) {
+    var o;
+    const n = t.binding && t.binding.type === "Form" && t.binding.field;
+    if (n) {
+      if (!this.designViewModelField) {
+        const r = this.designViewModelUtils.getDgViewModel(this.viewModelId);
+        this.designViewModelField = r.fields.find((d) => d.id === n);
+      }
+      t.updateOn = (o = this.designViewModelField) == null ? void 0 : o.updateOn;
+    }
+  }
+  changeFieldEditorType(t, n) {
+  }
+  getBasicPropConfig(t) {
+    return {
+      description: "Basic Information",
+      title: "基本信息",
+      properties: {
+        id: {
+          description: "组件标识",
+          title: "标识",
+          type: "string",
+          readonly: !0
+        },
+        type: {
+          description: "组件类型",
+          title: "控件类型",
+          type: "select",
+          editor: {
+            type: "combo-list",
+            textField: "name",
+            valueField: "value",
+            data: [{ value: t.type, name: w[t.type].name }]
+          }
+        }
+      }
+    };
+  }
+  getAppearanceConfig(t = null) {
+    return {
+      title: "样式",
+      description: "Appearance",
+      properties: {
+        class: {
+          title: "class样式",
+          type: "string",
+          description: "组件的CSS样式",
+          $converter: "/converter/appearance.converter"
+        },
+        style: {
+          title: "style样式",
+          type: "string",
+          description: "组件的样式",
+          $converter: "/converter/appearance.converter"
+        }
+      }
+    };
+  }
+  /**
+  * 
+  * @param propertyId 
+  * @param componentInstance 
+  * @returns 
+  */
+  updateElementByParentContainer(t, n) {
+    const o = n && n.parent && n.parent.schema;
+    if (!o)
+      return;
+    const r = o.contents.findIndex((u) => u.id === t), d = fe(o.contents[r]);
+    o.contents.splice(r, 1), o.contents.splice(r, 0, d);
+  }
+}
+const U = class U {
+  /**
+   * 根据绑定字段类型获取可用的输入类控件
+   */
+  static getEditorTypesByMDataType(t) {
+    const n = U.fieldControlTypeMapping[t];
+    return n || [{ key: "", value: "" }];
+  }
+  /**
+   * 获取所有输入类控件
+   */
+  static getAllInputTypes() {
+    const t = [];
+    for (const n in U.fieldControlTypeMapping)
+      U.fieldControlTypeMapping[n].forEach((o) => {
+        t.find((r) => r.key === o.key && r.value === o.value) || t.push({ key: o.key, value: o.value });
+      });
+    return t;
+  }
+};
+/**
+ * <字段类型,可配置的控件类型列表>的映射
+ */
+D(U, "fieldControlTypeMapping", {
+  String: [
+    { key: w["input-group"].type, value: w["input-group"].name },
+    { key: w.lookup.type, value: w.lookup.name },
+    { key: w["date-picker"].type, value: w["date-picker"].name },
+    { key: w["check-box"].type, value: w["check-box"].name },
+    { key: w["check-group"].type, value: w["check-group"].name },
+    { key: w["radio-group"].type, value: w["radio-group"].name },
+    { key: w["combo-list"].type, value: w["combo-list"].name },
+    { key: w.textarea.type, value: w.textarea.name }
+  ],
+  Text: [
+    { key: w.textarea.type, value: w.textarea.name },
+    { key: w.lookup.type, value: w.lookup.name }
+  ],
+  Decimal: [
+    { key: w["number-spinner"].type, value: w["number-spinner"].name }
+  ],
+  Integer: [
+    { key: w["number-spinner"].type, value: w["number-spinner"].name }
+  ],
+  Number: [
+    { key: w["number-spinner"].type, value: w["number-spinner"].name }
+  ],
+  BigNumber: [
+    { key: w["number-spinner"].type, value: w["number-spinner"].name }
+  ],
+  Date: [
+    { key: w["date-picker"].type, value: w["date-picker"].name }
+  ],
+  DateTime: [
+    { key: w["date-picker"].type, value: w["date-picker"].name }
+  ],
+  Boolean: [
+    { key: w.switch.type, value: w.switch.name },
+    { key: w["check-box"].type, value: w["check-box"].name }
+  ],
+  Enum: [
+    { key: w["combo-list"].type, value: w["combo-list"].name },
+    { key: w["radio-group"].type, value: w["radio-group"].name }
+  ],
+  Object: [
+    { key: w.lookup.type, value: w.lookup.name },
+    { key: w["combo-list"].type, value: w["combo-list"].name },
+    { key: w["radio-group"].type, value: w["radio-group"].name }
+  ]
 });
-var lo = /* @__PURE__ */ ((e) => (e.string = "string", e.boolean = "boolean", e.number = "number", e.select = "select", e.boolOrExp = "boolOrExp", e.editableSelect = "editableSelect", e.multiSelect = "multiSelect", e.date = "date", e.datetime = "datetime", e.modal = "modal", e.cascade = "cascade", e.custom = "custom", e.unity = "unity", e.events = "events", e.switch = "switch", e.multiLanguage = "multiLanguage", e))(lo || {});
-const yr = {
+let de = U;
+var mo = /* @__PURE__ */ ((e) => (e.string = "string", e.boolean = "boolean", e.number = "number", e.select = "select", e.boolOrExp = "boolOrExp", e.editableSelect = "editableSelect", e.multiSelect = "multiSelect", e.date = "date", e.datetime = "datetime", e.modal = "modal", e.cascade = "cascade", e.custom = "custom", e.unity = "unity", e.events = "events", e.switch = "switch", e.multiLanguage = "multiLanguage", e))(mo || {});
+const Sr = {
   install(e) {
-    e.component(ue.name, ue);
+    e.component(ce.name, ce);
   }
 };
 export {
-  ue as FPropertyPanel,
-  lo as PropertyType,
-  yr as default,
-  Cn as propertyPanelItemProps,
-  Jt as propertyPanelProps
+  Br as BaseControlProperty,
+  ce as FPropertyPanel,
+  mo as PropertyType,
+  de as SchemaDOMMapping,
+  Sr as default,
+  In as propertyPanelItemProps,
+  ln as propertyPanelProps
 };