@farris/ui-vue 1.6.5-beta.7 → 1.6.5

package/components/order/index.esm.js

@@ -1,6 +1,6 @@
-import { ref as w, computed as D, createVNode as C, Fragment as U, watch as G, withModifiers as Ne, withDirectives as Ge, vModelText as _e, defineComponent as q, onMounted as le, inject as ie } from "vue";
-import { isPlainObject as de, cloneDeep as fe, isUndefined as ze } from "lodash-es";
-import { getCustomStyle as me, getCustomClass as re, FormSchemaEntityFieldType$Type as qe, withInstall as We } from "../common/index.esm.js";
+import { ref as F, computed as L, createVNode as C, Fragment as U, watch as G, withModifiers as Ne, withDirectives as Ge, vModelText as _e, defineComponent as q, onMounted as le, inject as ie } from "vue";
+import { cloneDeep as de, isPlainObject as fe, isUndefined as ze } from "lodash-es";
+import { getCustomClass as re, getCustomStyle as me, FormSchemaEntityFieldType$Type as qe, withInstall as We } from "../common/index.esm.js";
 import { useFilter as Ue, useIdentify as Xe, useHierarchy as Ye, useGroupData as Je, useDataView as Qe, useSelection as Ze, usePagination as Ke, useRow as et, useEdit as tt, useVisualDataBound as nt, useVisualDataCell as ot, useVisualDataRow as it, useVisualGroupRow as rt, useVisualSummaryRow as lt, useVisualData as at, useSidebar as st, useColumn as ct, useVirtualScroll as ut, getPagination as dt } from "../data-view/index.esm.js";
 import { useI18n as ae } from "vue-i18n";
 import { FCheckbox as se } from "../checkbox/index.esm.js";
@@ -12,145 +12,145 @@ import { useDesignerComponent as yt } from "../designer-canvas/index.esm.js";
 import { InputBaseProperty as bt } from "../property-panel/index.esm.js";
 function ye(e, t) {
   let n;
-  function i(r) {
-    const { properties: o, title: s, ignore: l } = r, a = l && Array.isArray(l), u = Object.keys(o).reduce((y, c) => ((!a || !l.find((g) => g === c)) && (y[c] = o[c].type === "object" && o[c].properties ? i(o[c]) : fe(o[c].default)), y), {});
-    if (s && (!a || !l.find((y) => y === "id"))) {
-      const y = s.toLowerCase().replace(/-/g, "_");
-      u.id = `${y}_${Math.random().toString().slice(2, 6)}`;
-    }
-    return u;
-  }
-  function m(r) {
-    const { properties: o, title: s, required: l } = r;
-    if (l && Array.isArray(l)) {
-      const a = l.reduce((u, y) => (u[y] = o[y].type === "object" && o[y].properties ? i(o[y]) : fe(o[y].default), u), {});
-      if (s && l.find((u) => u === "id")) {
-        const u = s.toLowerCase().replace(/-/g, "_");
-        a.id = `${u}_${Math.random().toString().slice(2, 6)}`;
+  function o(r) {
+    const { properties: i, title: c, ignore: a } = r, l = a && Array.isArray(a), s = Object.keys(i).reduce((h, u) => ((!l || !a.find((g) => g === u)) && (h[u] = i[u].type === "object" && i[u].properties ? o(i[u]) : de(i[u].default)), h), {});
+    if (c && (!l || !a.find((h) => h === "id"))) {
+      const h = c.toLowerCase().replace(/-/g, "_");
+      s.id = `${h}_${Math.random().toString().slice(2, 6)}`;
+    }
+    return s;
+  }
+  function f(r) {
+    const { properties: i, title: c, required: a } = r;
+    if (a && Array.isArray(a)) {
+      const l = a.reduce((s, h) => (s[h] = i[h].type === "object" && i[h].properties ? o(i[h]) : de(i[h].default), s), {});
+      if (c && a.find((s) => s === "id")) {
+        const s = c.toLowerCase().replace(/-/g, "_");
+        l.id = `${s}_${Math.random().toString().slice(2, 6)}`;
       }
-      return a;
+      return l;
     }
     return {
-      type: s
+      type: c
     };
   }
-  function v(r, o = {}, s) {
-    const l = e[r];
-    if (l) {
-      let a = m(l);
-      const u = t[r];
-      return a = u ? u({ getSchemaByType: v }, a, o, s) : a, n != null && n.appendIdentifyForNewControl && n.appendIdentifyForNewControl(a), a;
+  function v(r, i = {}, c) {
+    const a = e[r];
+    if (a) {
+      let l = f(a);
+      const s = t[r];
+      return l = s ? s({ getSchemaByType: v }, l, i, c) : l, n != null && n.appendIdentifyForNewControl && n.appendIdentifyForNewControl(l), l;
     }
     return null;
   }
-  function f(r, o) {
-    const s = i(o);
-    return Object.keys(s).reduce((l, a) => (Object.prototype.hasOwnProperty.call(r, a) && (l[a] && de(l[a]) && de(r[a] || !r[a]) ? Object.assign(l[a], r[a] || {}) : l[a] = r[a]), l), s), s;
+  function m(r, i) {
+    const c = o(i);
+    return Object.keys(c).reduce((a, l) => (Object.prototype.hasOwnProperty.call(r, l) && (a[l] && fe(a[l]) && fe(r[l] || !r[l]) ? Object.assign(a[l], r[l] || {}) : a[l] = r[l]), a), c), c;
   }
-  function S(r, o) {
-    return Object.keys(r).filter((l) => r[l] != null).reduce((l, a) => {
-      if (o.has(a)) {
-        const u = o.get(a);
-        if (typeof u == "string")
-          l[u] = r[a];
+  function S(r, i) {
+    return Object.keys(r).filter((a) => r[a] != null).reduce((a, l) => {
+      if (i.has(l)) {
+        const s = i.get(l);
+        if (typeof s == "string")
+          a[s] = r[l];
         else {
-          const y = u(a, r[a], r);
-          Object.assign(l, y);
+          const h = s(l, r[l], r);
+          Object.assign(a, h);
         }
       } else
-        l[a] = r[a];
-      return l;
+        a[l] = r[l];
+      return a;
     }, {});
   }
-  function T(r, o, s = /* @__PURE__ */ new Map()) {
-    const l = f(r, o);
-    return S(l, s);
+  function k(r, i, c = /* @__PURE__ */ new Map()) {
+    const a = m(r, i);
+    return S(a, c);
   }
   function p(r) {
-    var s;
-    const o = r.type;
-    if (o) {
-      const l = e[o];
-      if (!l)
+    var c;
+    const i = r.type;
+    if (i) {
+      const a = e[i];
+      if (!a)
         return r;
-      const a = f(r, l), u = ((s = r.editor) == null ? void 0 : s.type) || "";
-      if (u) {
-        const y = e[u], c = f(r.editor, y);
-        a.editor = c;
+      const l = m(r, a), s = ((c = r.editor) == null ? void 0 : c.type) || "";
+      if (s) {
+        const h = e[s], u = m(r.editor, h);
+        l.editor = u;
       }
-      return a;
+      return l;
     }
     return r;
   }
-  function b(r) {
+  function y(r) {
     n = r;
   }
-  return { getSchemaByType: v, resolveSchemaWithDefaultValue: p, resolveSchemaToProps: T, mappingSchemaToProps: S, setDesignerContext: b };
+  return { getSchemaByType: v, resolveSchemaWithDefaultValue: p, resolveSchemaToProps: k, mappingSchemaToProps: S, setDesignerContext: y };
 }
-const be = {}, Se = {}, { resolveSchemaWithDefaultValue: St, resolveSchemaToProps: Ct, mappingSchemaToProps: wt } = ye(be, Se);
+const be = {}, Se = {}, { getSchemaByType: ro, resolveSchemaWithDefaultValue: St, resolveSchemaToProps: Ct, mappingSchemaToProps: wt, setDesignerContext: lo } = ye(be, Se);
 function Ft(e = {}) {
-  function t(p, b, r, o) {
+  function t(p, y, r, i) {
     if (typeof r == "number")
-      return o[p].length === r;
+      return i[p].length === r;
     if (typeof r == "object") {
-      const s = Object.keys(r)[0], l = r[s];
-      if (s === "not")
-        return Number(o[p].length) !== Number(l);
-      if (s === "moreThan")
-        return Number(o[p].length) >= Number(l);
-      if (s === "lessThan")
-        return Number(o[p].length) <= Number(l);
+      const c = Object.keys(r)[0], a = r[c];
+      if (c === "not")
+        return Number(i[p].length) !== Number(a);
+      if (c === "moreThan")
+        return Number(i[p].length) >= Number(a);
+      if (c === "lessThan")
+        return Number(i[p].length) <= Number(a);
     }
     return !1;
   }
-  function n(p, b, r, o) {
-    return o[p] && o[p].propertyValue && String(o[p].propertyValue.value) === String(r);
+  function n(p, y, r, i) {
+    return i[p] && i[p].propertyValue && String(i[p].propertyValue.value) === String(r);
   }
-  const i = /* @__PURE__ */ new Map([
+  const o = /* @__PURE__ */ new Map([
     ["length", t],
     ["getProperty", n]
   ]);
-  Object.keys(e).reduce((p, b) => (p.set(b, e[b]), p), i);
-  function m(p, b) {
+  Object.keys(e).reduce((p, y) => (p.set(y, e[y]), p), o);
+  function f(p, y) {
     const r = p;
-    return typeof b == "number" ? [{ target: r, operator: "length", param: null, value: Number(b) }] : typeof b == "boolean" ? [{ target: r, operator: "getProperty", param: p, value: !!b }] : typeof b == "object" ? Object.keys(b).map((o) => {
-      if (o === "length")
-        return { target: r, operator: "length", param: null, value: b[o] };
-      const s = o, l = b[o];
-      return { target: r, operator: "getProperty", param: s, value: l };
+    return typeof y == "number" ? [{ target: r, operator: "length", param: null, value: Number(y) }] : typeof y == "boolean" ? [{ target: r, operator: "getProperty", param: p, value: !!y }] : typeof y == "object" ? Object.keys(y).map((i) => {
+      if (i === "length")
+        return { target: r, operator: "length", param: null, value: y[i] };
+      const c = i, a = y[i];
+      return { target: r, operator: "getProperty", param: c, value: a };
     }) : [];
   }
   function v(p) {
-    return Object.keys(p).reduce((r, o) => {
-      const s = m(o, p[o]);
-      return r.push(...s), r;
+    return Object.keys(p).reduce((r, i) => {
+      const c = f(i, p[i]);
+      return r.push(...c), r;
     }, []);
   }
-  function f(p, b) {
-    if (i.has(p.operator)) {
-      const r = i.get(p.operator);
-      return r && r(p.target, p.param, p.value, b) || !1;
+  function m(p, y) {
+    if (o.has(p.operator)) {
+      const r = o.get(p.operator);
+      return r && r(p.target, p.param, p.value, y) || !1;
     }
     return !1;
   }
-  function S(p, b) {
-    return v(p).reduce((s, l) => s && f(l, b), !0);
+  function S(p, y) {
+    return v(p).reduce((c, a) => c && m(a, y), !0);
   }
-  function T(p, b) {
-    const r = Object.keys(p), o = r.includes("allOf"), s = r.includes("anyOf"), l = o || s, y = (l ? p[l ? o ? "allOf" : "anyOf" : "allOf"] : [p]).map((g) => S(g, b));
-    return o ? !y.includes(!1) : y.includes(!0);
+  function k(p, y) {
+    const r = Object.keys(p), i = r.includes("allOf"), c = r.includes("anyOf"), a = i || c, h = (a ? p[a ? i ? "allOf" : "anyOf" : "allOf"] : [p]).map((g) => S(g, y));
+    return i ? !h.includes(!1) : h.includes(!0);
   }
-  return { parseValueSchema: T };
+  return { parseValueSchema: k };
 }
 const Tt = {
-  convertTo: (e, t, n, i) => {
+  convertTo: (e, t, n, o) => {
     e.appearance || (e.appearance = {}), e.appearance[t] = n;
   },
   convertFrom: (e, t, n) => e.appearance ? e.appearance[t] : e[t]
 }, kt = {
   convertFrom: (e, t, n) => e.buttons && e.buttons.length ? `共 ${e.buttons.length} 项` : "无"
 }, Ot = {
-  convertTo: (e, t, n, i) => {
+  convertTo: (e, t, n, o) => {
     e.editor && (e.editor[t] = n);
   },
   convertFrom: (e, t, n) => e.editor && Object.prototype.hasOwnProperty.call(e.editor, t) ? e.editor[t] : e[t]
@@ -203,17 +203,17 @@ const Tt = {
   "language-textbox": { type: "language-textbox", name: "多语输入框" }
 }, Vt = {
   convertFrom: (e, t, n) => {
-    var m;
-    const i = e.editor && e.editor[t] ? e.editor[t] : e[t];
-    return ((m = Ce[i]) == null ? void 0 : m.name) || i;
+    var f;
+    const o = e.editor && e.editor[t] ? e.editor[t] : e[t];
+    return ((f = Ce[o]) == null ? void 0 : f.name) || o;
   }
 }, Pt = {
-  convertTo: (e, t, n, i) => {
+  convertTo: (e, t, n, o) => {
     e[t] = e[t];
   },
   convertFrom: (e, t, n) => e.editor ? n.getRealEditorType(e.editor.type) : ""
-}, Mt = {
-  convertTo: (e, t, n, i) => {
+}, Bt = {
+  convertTo: (e, t, n, o) => {
     (e.type === "data-grid-column" || e.type === "tree-grid-column") && (e.formatter ? e.formatter[t] = n : e.formatter = {
       [t]: n
     });
@@ -244,7 +244,7 @@ const Tt = {
     return "none";
   }
 }, It = {
-  convertTo: (e, t, n, i) => {
+  convertTo: (e, t, n, o) => {
     e.command ? e.command[t] = n : e.command = {
       [t]: n
     }, t === "enable" && n && (e.command.commands || (e.command.commands = [
@@ -261,8 +261,8 @@ const Tt = {
     ]));
   },
   convertFrom: (e, t, n) => e.command && t === "enable" ? e.command.enable : ""
-}, Bt = {
-  convertTo: (e, t, n, i) => {
+}, Mt = {
+  convertTo: (e, t, n, o) => {
     e.column ? e.column[t] = n : e.column = {
       [t]: n
     }, t === "fitColumns" && n && (e.column.fitMode || (e.column.fitMode = "average"));
@@ -277,7 +277,7 @@ const Tt = {
     return "";
   }
 }, Rt = {
-  convertTo: (e, t, n, i) => {
+  convertTo: (e, t, n, o) => {
     e.summary ? e.summary[t] = n : e.summary = {
       [t]: n
     }, t === "enable" && n && (e.summary ? e.summary.groupFields || (e.summary.groupFields = []) : e.summary = {
@@ -287,7 +287,7 @@ const Tt = {
   },
   convertFrom: (e, t, n) => e.summary && t === "enable" ? e.summary.enable : e.type === "data-grid-column" ? e.enableSummary === void 0 ? !1 : e.enableSummary : ""
 }, Et = {
-  convertTo: (e, t, n, i) => {
+  convertTo: (e, t, n, o) => {
     e.group ? e.group[t] = n : e.group = {
       [t]: n
     }, t === "enable" && n && (e.group ? e.group.groupFields || (e.group.groupFields = []) : e.group = {
@@ -304,33 +304,33 @@ const Tt = {
         return e.group.showSummary;
     }
   }
-}, jt = {
+}, Dt = {
   convertFrom: (e, t) => e.binding ? e.binding.path : "",
   convertTo: (e, t, n) => {
     if (n && n.length > 0) {
-      const i = n[0];
-      e.binding || (e.binding = {}), e.binding.type = "Form", e.binding.path = i.bindingField, e.binding.field = i.id, e.binding.fullPath = i.path, e.path = i.bindingPath;
+      const o = n[0];
+      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;
     }
   }
-}, Lt = {
-  convertTo: (e, t, n, i) => {
+}, jt = {
+  convertTo: (e, t, n, o) => {
     e.pagination || (e.pagination = {}), e.pagination[t] = n;
   },
   convertFrom: (e, t, n) => e.pagination ? e.pagination[t] : e[t]
-}, At = {
-  convertTo: (e, t, n, i) => {
+}, Lt = {
+  convertTo: (e, t, n, o) => {
     e.rowNumber || (e.rowNumber = {}), e.rowNumber[t] = n;
   },
   convertFrom: (e, t, n) => e.rowNumber ? e.rowNumber[t] : e[t]
-}, Dt = {
-  convertTo: (e, t, n, i) => {
+}, $t = {
+  convertTo: (e, t, n, o) => {
     e.selection || (e.selection = {}), e.selection[t] = n;
   },
   convertFrom: (e, t, n) => {
-    var i, m;
-    return t === "showCheckbox" ? (i = e.selection) != null && i.multiSelect ? !0 : (m = e.selection) == null ? void 0 : m.showCheckbox : e.selection ? e.selection[t] : e[t];
+    var o, f;
+    return t === "showCheckbox" ? (o = e.selection) != null && o.multiSelect ? !0 : (f = e.selection) == null ? void 0 : f.showCheckbox : e.selection ? e.selection[t] : e[t];
   }
-}, $t = {
+}, At = {
   convertFrom: (e, t, n) => e[t] && e[t].length ? `共 ${e[t].length} 项` : ""
 }, xt = {
   convertFrom: (e, t) => e[t] || "",
@@ -338,37 +338,37 @@ const Tt = {
     e[t] = n;
   }
 }, Ht = {
-  convertTo: (e, t, n, i) => {
+  convertTo: (e, t, n, o) => {
     e.size || (e.size = {}), e.size[t] = n;
   },
   convertFrom: (e, t, n) => e.size ? e.size[t] : e[t]
 }, Nt = {
   convertFrom: (e, t, n) => {
-    var i, m;
-    return (i = e.formatter) != null && i.data && t === "formatterEnumData" && !e.formatterEnumData ? (m = e.formatter) == null ? void 0 : m.data : e.formatterEnumData;
+    var o, f;
+    return (o = e.formatter) != null && o.data && t === "formatterEnumData" && !e.formatterEnumData ? (f = e.formatter) == null ? void 0 : f.data : e.formatterEnumData;
   }
 }, Gt = {
-  convertTo: (e, t, n, i) => {
+  convertTo: (e, t, n, o) => {
     e.sort || (e.sort = {}), e.sort[t] = n;
   },
   convertFrom: (e, t, n) => {
-    var i, m;
+    var o, f;
     if (t === "mode")
-      return ((i = e.sort) == null ? void 0 : i.mode) || "client";
+      return ((o = e.sort) == null ? void 0 : o.mode) || "client";
     if (t === "multiSort")
-      return !!((m = e.sort) != null && m.multiSort);
+      return !!((f = e.sort) != null && f.multiSort);
   }
 }, _t = {
-  convertTo: (e, t, n, i) => {
+  convertTo: (e, t, n, o) => {
     e.filter || (e.filter = {}), e.filter[t] = n;
   },
   convertFrom: (e, t, n) => {
-    var i;
+    var o;
     if (t === "mode")
-      return ((i = e.filter) == null ? void 0 : i.mode) || "client";
+      return ((o = e.filter) == null ? void 0 : o.mode) || "client";
   }
 }, zt = {
-  convertTo: (e, t, n, i) => {
+  convertTo: (e, t, n, o) => {
     e.rowOption ? e.rowOption[t] = n : e.rowOption = {
       [t]: n
     };
@@ -384,29 +384,29 @@ const Tt = {
   }
 };
 function we(e, t, n) {
-  const i = /* @__PURE__ */ new Map([
+  const o = /* @__PURE__ */ new Map([
     ["/converter/appearance.converter", Tt],
     ["/converter/buttons.converter", kt],
     ["/converter/property-editor.converter", Ot],
-    ["/converter/items-count.converter", $t],
+    ["/converter/items-count.converter", At],
     ["/converter/type.converter", Vt],
     ["/converter/change-editor.converter", Pt],
-    ["/converter/change-formatter.converter", Mt],
+    ["/converter/change-formatter.converter", Bt],
     ["/converter/column-command.converter", It],
-    ["/converter/column-option.converter", Bt],
+    ["/converter/column-option.converter", Mt],
     ["/converter/summary.converter", Rt],
     ["/converter/group.converter", Et],
     ["/converter/form-group-label.converter", xt],
-    ["/converter/field-selector.converter", jt],
-    ["/converter/pagination.converter", Lt],
-    ["/converter/row-number.converter", At],
-    ["/converter/grid-selection.converter", Dt],
+    ["/converter/field-selector.converter", Dt],
+    ["/converter/pagination.converter", jt],
+    ["/converter/row-number.converter", Lt],
+    ["/converter/grid-selection.converter", $t],
     ["/converter/size.converter", Ht],
     ["/converter/change-formatter-enum.converter", Nt],
     ["/converter/grid-sort.converter", Gt],
     ["/converter/grid-filter.converter", _t],
     ["/converter/row-option.converter", zt]
-  ]), m = /* @__PURE__ */ new Map([
+  ]), f = /* @__PURE__ */ new Map([
     ["string", { type: "input-group", enableClear: !1 }],
     ["boolean", {
       type: "combo-list",
@@ -431,94 +431,94 @@ function we(e, t, n) {
     ["number", { type: "number-spinner", placeholder: "" }],
     ["events-editor", { type: "events-editor", hide: !0 }]
   ]), v = Ft();
-  function f(l, a) {
-    return () => v.parseValueSchema(l, a);
-  }
-  function S(l, a, u) {
-    return l.includes("visible") && a.visible !== void 0 ? typeof a.visible == "boolean" ? () => !!a.visible : a.visible === void 0 ? !0 : f(a.visible, u) : () => !0;
-  }
-  function T(l, a, u) {
-    return l.includes("readonly") && a.readonly !== void 0 ? typeof a.readonly == "boolean" ? () => !!a.readonly : f(a.readonly, u) : () => !1;
-  }
-  function p(l, a) {
-    const u = l.$converter || a;
-    return typeof u == "string" && u && i.has(u) ? i.get(u) || null : u || null;
-  }
-  function b(l, a, u, y, c, g = "", P = "") {
-    return Object.keys(l).map((O) => {
-      const V = w(1), B = O, d = l[O], I = Object.keys(d), j = d.title, h = d.type, E = m.get(h) || { type: "input-group", enableClear: !1 }, k = d.editor ? Object.assign({}, E, d.editor) : Object.assign({}, E), F = S(I, d, a), M = T(I, d, a);
-      k.readonly = k.readonly === void 0 ? M() : k.readonly;
-      const A = d.type === "cascade" ? b(d.properties, a, u, y, c, g, P) : [], L = !0;
-      let x = p(d, P);
-      const H = D({
+  function m(a, l) {
+    return () => v.parseValueSchema(a, l);
+  }
+  function S(a, l, s) {
+    return a.includes("visible") && l.visible !== void 0 ? typeof l.visible == "boolean" ? () => !!l.visible : l.visible === void 0 ? !0 : m(l.visible, s) : () => !0;
+  }
+  function k(a, l, s) {
+    return a.includes("readonly") && l.readonly !== void 0 ? typeof l.readonly == "boolean" ? () => !!l.readonly : m(l.readonly, s) : () => !1;
+  }
+  function p(a, l) {
+    const s = a.$converter || l;
+    return typeof s == "string" && s && o.has(s) ? o.get(s) || null : s || null;
+  }
+  function y(a, l, s, h, u, g = "", I = "") {
+    return Object.keys(a).map((O) => {
+      const P = F(1), R = O, d = a[O], M = Object.keys(d), A = d.title, T = d.type, B = f.get(T) || { type: "input-group", enableClear: !1 }, b = d.editor ? Object.assign({}, B, d.editor) : Object.assign({}, B), w = S(M, d, l), V = k(M, d, l);
+      b.readonly = b.readonly === void 0 ? V() : b.readonly;
+      const j = d.type === "cascade" ? y(d.properties, l, s, h, u, g, I) : [], D = !0;
+      let x = p(d, I);
+      const H = L({
         get() {
-          if (V.value) {
-            if (["class", "style"].find((te) => te === B) && !x && (x = i.get("/converter/appearance.converter") || null), x && x.convertFrom)
-              return x.convertFrom(u, O, c, g);
-            const N = u[O];
+          if (P.value) {
+            if (["class", "style"].find((te) => te === R) && !x && (x = o.get("/converter/appearance.converter") || null), x && x.convertFrom)
+              return x.convertFrom(s, O, u, g);
+            const N = s[O];
             return Object.prototype.hasOwnProperty.call(d, "defaultValue") && (N === void 0 || typeof N == "string" && N === "") ? d.type === "boolean" ? d.defaultValue : d.defaultValue || "" : N;
           }
           return null;
         },
         set(N) {
-          V.value += 1, x && x.convertTo ? (x.convertTo(y, O, N, c, g), x.convertTo(u, O, N, c, g)) : (y[O] = N, u[O] = N);
+          P.value += 1, x && x.convertTo ? (x.convertTo(h, O, N, u, g), x.convertTo(s, O, N, u, g)) : (h[O] = N, s[O] = N);
         }
-      }), { refreshPanelAfterChanged: _, description: K, isExpand: ee, parentPropertyID: X } = d, Y = { propertyID: B, propertyName: j, propertyType: h, propertyValue: H, editor: k, visible: F, readonly: M, cascadeConfig: A, hideCascadeTitle: L, refreshPanelAfterChanged: _, description: K, isExpand: ee, parentPropertyID: X };
-      return a[B] = Y, Y;
+      }), { refreshPanelAfterChanged: _, description: K, isExpand: ee, parentPropertyID: X } = d, Y = { propertyID: R, propertyName: A, propertyType: T, propertyValue: H, editor: b, visible: w, readonly: V, cascadeConfig: j, hideCascadeTitle: D, refreshPanelAfterChanged: _, description: K, isExpand: ee, parentPropertyID: X };
+      return l[R] = Y, Y;
     });
   }
-  function r(l, a, u = {}) {
-    const y = {}, c = e[l];
-    return c && c.categories ? Object.keys(c.categories).map((P) => {
-      const R = c.categories[P], O = R == null ? void 0 : R.title, V = b(R.properties || {}, y, {}, u, a);
-      return { categoryId: P, categoryName: O, properties: V };
+  function r(a, l, s = {}) {
+    const h = {}, u = e[a];
+    return u && u.categories ? Object.keys(u.categories).map((I) => {
+      const E = u.categories[I], O = E == null ? void 0 : E.title, P = y(E.properties || {}, h, {}, s, l);
+      return { categoryId: I, categoryName: O, properties: P };
     }) : [];
   }
-  function o(l, a, u, y, c = "") {
-    const g = a.$ref.schema, P = a.$ref.converter, R = u[g], O = R.type, V = n(R), B = {}, d = e[O];
+  function i(a, l, s, h, u = "") {
+    const g = l.$ref.schema, I = l.$ref.converter, E = s[g], O = E.type, P = n(E), R = {}, d = e[O];
     if (d && d.categories) {
-      const I = d.categories[l], j = I == null ? void 0 : I.title;
-      P && Object.keys(I.properties).forEach((k) => {
-        I.properties[k].$converter = P;
+      const M = d.categories[a], A = M == null ? void 0 : M.title;
+      I && Object.keys(M.properties).forEach((b) => {
+        M.properties[b].$converter = I;
       });
-      const h = (I == null ? void 0 : I.properties) || {}, E = b(h, B, V, R, y, c);
-      return { categoryId: l, categoryName: j, properties: E };
-    }
-    return { categoryId: l, categoryName: "", properties: [] };
-  }
-  function s(l, a, u, y, c) {
-    const g = l.type, P = n(l), R = {};
-    let O = c || e[g];
-    if (O && Object.keys(O).length === 0 && u && u.getPropConfig && (O = u.getPropConfig(y)), O && O.categories) {
-      const V = [];
-      return Object.keys(O.categories).map((B) => {
-        const d = O.categories[B];
+      const T = (M == null ? void 0 : M.properties) || {}, B = y(T, R, P, E, h, u);
+      return { categoryId: a, categoryName: A, properties: B };
+    }
+    return { categoryId: a, categoryName: "", properties: [] };
+  }
+  function c(a, l, s, h, u) {
+    const g = a.type, I = n(a), E = {};
+    let O = u || e[g];
+    if (O && Object.keys(O).length === 0 && s && s.getPropConfig && (O = s.getPropConfig(h)), O && O.categories) {
+      const P = [];
+      return Object.keys(O.categories).map((R) => {
+        const d = O.categories[R];
         if (d.$ref) {
-          V.push(o(B, d, l, a, y));
+          P.push(i(R, d, a, l, h));
           return;
         }
-        const I = d == null ? void 0 : d.title, j = d == null ? void 0 : d.tabId, h = d == null ? void 0 : d.tabName, E = d == null ? void 0 : d.hide, k = d == null ? void 0 : d.hideTitle, F = b(d.properties || {}, R, P, l, a, y, d.$converter), { setPropertyRelates: M } = d, A = d == null ? void 0 : d.parentPropertyID;
-        V.push({ categoryId: B, categoryName: I, tabId: j, tabName: h, hide: E, properties: F, hideTitle: k, setPropertyRelates: M, parentPropertyID: A });
-      }), V;
+        const M = d == null ? void 0 : d.title, A = d == null ? void 0 : d.tabId, T = d == null ? void 0 : d.tabName, B = d == null ? void 0 : d.hide, b = d == null ? void 0 : d.hideTitle, w = y(d.properties || {}, E, I, a, l, h, d.$converter), { setPropertyRelates: V } = d, j = d == null ? void 0 : d.parentPropertyID;
+        P.push({ categoryId: R, categoryName: M, tabId: A, tabName: T, hide: B, properties: w, hideTitle: b, setPropertyRelates: V, parentPropertyID: j });
+      }), P;
     }
     return [];
   }
   return {
-    getPropertyConfigBySchema: s,
+    getPropertyConfigBySchema: c,
     getPropertyConfigByType: r,
-    propertyConverterMap: i
+    propertyConverterMap: o
   };
 }
 const Fe = {}, Te = {};
 we(Fe, Te, St);
-const ke = {}, Oe = {}, { resolveSchemaWithDefaultValue: qt } = ye(ke, Oe), Ve = {}, Pe = {};
+const ke = {}, Oe = {}, { getSchemaByType: ao, resolveSchemaWithDefaultValue: qt, resolveSchemaToProps: so, mappingSchemaToProps: co, setDesignerContext: uo } = ye(ke, Oe), Ve = {}, Pe = {};
 we(Ve, Pe, qt);
-function Wt(e, t, n = /* @__PURE__ */ new Map(), i = (f, S, T, p) => S, m = {}, v = (f) => f) {
-  return be[t.title] = t, Se[t.title] = i, Fe[t.title] = m, Te[t.title] = v, ke[t.title] = t, Oe[t.title] = i, Ve[t.title] = m, Pe[t.title] = v, (f = {}, S = !0) => {
+function Wt(e, t, n = /* @__PURE__ */ new Map(), o = (m, S, k, p) => S, f = {}, v = (m) => m) {
+  return be[t.title] = t, Se[t.title] = o, Fe[t.title] = f, Te[t.title] = v, ke[t.title] = t, Oe[t.title] = o, Ve[t.title] = f, Pe[t.title] = v, (m = {}, S = !0) => {
     if (!S)
-      return wt(f, n);
-    const T = Ct(f, t, n), p = Object.keys(e).reduce((b, r) => (b[r] = e[r].default, b), {});
-    return Object.assign(p, T);
+      return wt(m, n);
+    const k = Ct(m, t, n), p = Object.keys(e).reduce((y, r) => (y[r] = e[r].default, y), {});
+    return Object.assign(p, k);
   };
 }
 function Ut(e, t) {
@@ -795,212 +795,214 @@ const rn = "order", ln = "A Farris Component", an = "object", sn = {
 };
 function dn(e, t) {
   function n(v) {
-    const f = [];
+    const m = [];
     let S = v.nextNode();
     for (; S; )
-      f.push(S), S = v.nextNode();
-    return f;
+      m.push(S), S = v.nextNode();
+    return m;
   }
-  function i(v, f) {
+  function o(v, m) {
     const S = document.createTreeWalker(v, NodeFilter.SHOW_TEXT);
-    return n(S).map((r) => ({ textNode: r, text: (r.textContent || "").toLocaleLowerCase() })).map(({ textNode: r, text: o }) => {
-      const s = [];
-      let l = 0;
-      for (; l < o.length; ) {
-        const a = o.indexOf(f, l);
-        if (a === -1)
+    return n(S).map((r) => ({ textNode: r, text: (r.textContent || "").toLocaleLowerCase() })).map(({ textNode: r, text: i }) => {
+      const c = [];
+      let a = 0;
+      for (; a < i.length; ) {
+        const l = i.indexOf(m, a);
+        if (l === -1)
           break;
-        s.push(a), l = a + f.length;
+        c.push(l), a = l + m.length;
       }
-      return s.map((a) => {
-        const u = new Range();
-        return u.setStart(r, a), u.setEnd(r, a + f.length), u;
+      return c.map((l) => {
+        const s = new Range();
+        return s.setStart(r, l), s.setEnd(r, l + m.length), s;
       });
     }).flat();
   }
-  function m(v) {
+  function f(v) {
     if (!CSS.highlights || (CSS.highlights.clear(), !v || !t))
       return;
-    const f = i(t.value, v.toLocaleLowerCase()), S = new Highlight(...f);
+    const m = o(t.value, v.toLocaleLowerCase()), S = new Highlight(...m);
     CSS.highlights.set("search-result", S);
   }
-  return { search: m };
+  return { search: f };
 }
-function pe(e, t, n, i, m, v, f, S, T, p) {
-  const b = w(e.size), r = w(e.textField), o = w(e.titleField), s = w(e.disableField), l = D(() => {
-    var d, I;
-    return ((d = e.selection) == null ? void 0 : d.multiSelect) && ((I = e.selection) == null ? void 0 : I.showCheckbox);
+function pe(e, t, n, o, f, v, m, S, k, p) {
+  const y = F(e.size), r = F(e.textField), i = F(e.titleField), c = F(e.disableField), a = L(() => {
+    var d, M;
+    return ((d = e.selection) == null ? void 0 : d.multiSelect) && ((M = e.selection) == null ? void 0 : M.showCheckbox);
   }), {
-    onMouseenterItem: a,
-    onMouseoverItem: u,
-    onMouseoutItem: y
+    onMouseenterItem: l,
+    onMouseoverItem: s,
+    onMouseoutItem: h
   } = v, {
-    getKey: c,
+    getKey: u,
     listViewItemClass: g,
-    listViewItemStyle: P,
-    onCheckItem: R,
+    listViewItemStyle: I,
+    onCheckItem: E,
     onClickItem: O
-  } = f, V = D(() => {
+  } = m, P = L(() => {
     const d = {
       "text-overflow": "ellipsis",
       overflow: "hidden",
       "white-space": "nowrap"
     };
     return e.itemClass ? d : {
-      margin: b.value === "small" ? "0.25rem 0" : "8px 0",
+      margin: y.value === "small" ? "0.25rem 0" : "8px 0",
       ...d
     };
   });
-  function B(d, I, j) {
+  function R(d, M, A) {
     return d.checked = S.findIndexInSelectedItems(d) > -1, C("li", {
-      class: g(d, I),
-      id: c(d, I),
-      key: c(d, I),
-      style: P(d, I),
-      onClick: (h) => O(d, I, h),
-      onMouseenter: (h) => a(h, d, I),
-      onMouseover: (h) => u(h, d, I),
-      onMouseout: (h) => y(h, d, I)
-    }, [l.value && C("div", {
+      class: g(d, M),
+      id: u(d, M),
+      key: u(d, M),
+      style: I(d, M),
+      onClick: (T) => O(d, M, T),
+      onMouseenter: (T) => l(T, d, M),
+      onMouseover: (T) => s(T, d, M),
+      onMouseout: (T) => h(T, d, M)
+    }, [a.value && C("div", {
       class: "f-list-select",
-      onClick: (h) => h.stopPropagation()
+      onClick: (T) => T.stopPropagation()
     }, [C(se, {
-      id: "list-" + c(d, I),
+      id: "list-" + u(d, M),
       customClass: "listview-checkbox float-left",
-      disabled: d[s.value],
+      disabled: d[c.value],
       checked: d.checked,
-      "onUpdate:checked": (h) => d.checked = h,
-      onChange: (h) => {
-        R(d, I, !h.checked);
+      "onUpdate:checked": (T) => d.checked = T,
+      onChange: (T) => {
+        E(d, M, !T.checked);
       }
     }, null)]), C("div", {
       class: "f-list-content"
     }, [C("div", {
       class: e.itemContentClass,
-      style: V.value,
-      title: d.raw[o.value] || d.raw[r.value]
+      style: P.value,
+      title: d.raw[i.value] || d.raw[r.value]
     }, [d.raw[r.value]])])]);
   }
   return {
-    renderItem: B
+    renderItem: R
   };
 }
-function fn(e, t, n, i, m, v, f, S, T, p) {
-  const b = w(e.multiSelect), r = w(e.disableField), o = w(e.textField), {
-    onMouseenterItem: s,
-    onMouseoverItem: l,
-    onMouseoutItem: a
+function fn(e, t, n, o, f, v, m, S, k, p) {
+  const y = F(e.multiSelect), r = F(e.disableField), i = F(e.textField), {
+    onMouseenterItem: c,
+    onMouseoverItem: a,
+    onMouseoutItem: l
   } = v, {
-    getKey: u,
-    listViewItemClass: y,
-    listViewItemStyle: c,
+    getKey: s,
+    listViewItemClass: h,
+    listViewItemStyle: u,
     onCheckItem: g,
-    onClickItem: P
-  } = f;
-  function R(V, B, d) {
+    onClickItem: I
+  } = m;
+  function E(P, R, d) {
     return e.contentTemplate ? C(U, null, [e.contentTemplate({
-      item: V.raw,
-      index: B,
+      item: P.raw,
+      index: R,
       selectedItem: d
     })]) : t.slots.content ? C(U, null, [t.slots.content && t.slots.content({
-      item: V.raw,
-      index: B,
+      item: P.raw,
+      index: R,
       selectedItem: d
     })]) : C("div", {
       style: "margin: 10px 0;"
-    }, [V.raw[o.value || "name"]]);
+    }, [P.raw[i.value || "name"]]);
   }
-  function O(V, B, d) {
+  function O(P, R, d) {
     return C("li", {
-      class: y(V, B),
-      id: u(V, B),
-      key: u(V, B),
-      style: c(V, B),
-      onClick: (I) => P(V, B, I),
-      onMouseenter: (I) => s(I, V, B),
-      onMouseover: (I) => l(I, V, B),
-      onMouseout: (I) => a(I, V, B)
-    }, [b.value && C("div", {
+      class: h(P, R),
+      id: s(P, R),
+      key: s(P, R),
+      style: u(P, R),
+      onClick: (M) => I(P, R, M),
+      onMouseenter: (M) => c(M, P, R),
+      onMouseover: (M) => a(M, P, R),
+      onMouseout: (M) => l(M, P, R)
+    }, [y.value && C("div", {
       class: "f-list-select",
-      onClick: (I) => I.stopPropagation()
+      onClick: (M) => M.stopPropagation()
     }, [C(se, {
-      id: "list-" + u(V, B),
+      id: "list-" + s(P, R),
       customClass: "listview-checkbox",
-      disabled: V[r.value] || !V.checked,
-      checked: V.checked,
-      "onUpdate:checked": (I) => V.checked = I,
-      onChange: (I) => g(V, B, !I.checked)
+      disabled: P[r.value] || !P.checked,
+      checked: P.checked,
+      "onUpdate:checked": (M) => P.checked = M,
+      onChange: (M) => g(P, R, !M.checked)
     }, null)]), C("div", {
       class: "f-list-content"
-    }, [R(V, B, d)])]);
+    }, [E(P, R, d)])]);
   }
   return {
     renderItem: O
   };
 }
-function mn(e, t, n, i, m, v, f, S, T, p) {
-  const b = w(e.multiSelect), r = w(e.disableField), o = w(e.textField), {
-    onMouseenterItem: s,
-    onMouseoverItem: l,
-    onMouseoutItem: a
+function mn(e, t, n, o, f, v, m, S, k, p) {
+  const y = F(e.multiSelect), r = F(e.disableField), i = F(e.textField), {
+    onMouseenterItem: c,
+    onMouseoverItem: a,
+    onMouseoutItem: l
   } = v, {
-    getKey: u,
-    listViewItemClass: y,
-    onCheckItem: c,
+    getKey: s,
+    listViewItemClass: h,
+    onCheckItem: u,
     onClickItem: g
-  } = f, {
-    dragstart: P,
-    dragenter: R,
+  } = m, {
+    dragstart: I,
+    dragenter: E,
     dragover: O,
-    dragend: V
-  } = i, {
-    removeItem: B
-  } = T, d = D(() => ({
-    margin: b.value ? "10px 0" : "10px 0px 10px 14px"
+    dragend: P
+  } = o, {
+    removeItem: R
+  } = k, d = L(() => ({
+    margin: y.value ? "10px 0" : "10px 0px 10px 14px"
   }));
-  function I(F, M = "") {
-    const A = F.target;
-    A.title = A.scrollWidth > A.clientWidth ? M : "";
+  function M(w, V = "") {
+    const j = w.target;
+    j.title = j.scrollWidth > j.clientWidth ? V : "";
   }
-  function j(F) {
+  function A(w) {
     return C("div", {
       style: d.value,
-      onMouseenter: (M) => I(M, F.raw[o.value || "name"])
-    }, [F.raw[o.value || "name"]]);
+      onMouseenter: (V) => M(V, w.raw[i.value || "name"])
+    }, [w.raw[i.value || "name"]]);
   }
-  function h() {
-    return t.slots.itemContent ? t.slots.itemContent : j;
+  function T() {
+    return t.slots.itemContent ? t.slots.itemContent : A;
   }
-  const E = h();
-  function k(F, M, A) {
+  const B = T();
+  function b(w, V, j) {
     return C("li", {
-      class: y(F, M),
-      id: u(F, M),
-      key: u(F, M),
-      onClick: (L) => g(F, M, L),
-      onMouseenter: (L) => s(L, F, M),
-      onMouseover: (L) => l(L, F, M),
-      onMouseout: (L) => a(L, F, M),
+      class: h(w, V),
+      id: s(w, V),
+      key: s(w, V),
+      onClick: (D) => g(w, V, D),
+      onMouseenter: (D) => c(D, w, V),
+      onMouseover: (D) => a(D, w, V),
+      onMouseout: (D) => l(D, w, V),
       draggable: "true",
-      onDragstart: (L) => P(L, F, M),
-      onDragenter: (L) => R(L, M),
-      onDragend: (L) => V(L, F),
-      onDragover: (L) => O(L)
-    }, [b.value && C("div", {
+      onDragstart: (D) => I(D, w, V),
+      onDragenter: (D) => E(D, V),
+      onDragend: (D) => P(D, w),
+      onDragover: (D) => O(D)
+    }, [y.value && C("div", {
       class: "f-list-select",
-      onClick: (L) => L.stopPropagation()
+      onClick: (D) => D.stopPropagation()
     }, [C(se, {
-      id: "list-" + u(F, M),
+      id: "list-" + s(w, V),
       customClass: "listview-checkbox",
-      disabled: F[r.value] || !F.checked,
-      checked: F.checked,
-      "onUpdate:checked": (L) => F.checked = L,
-      onChange: (L) => c(F, M, !L.checked)
+      disabled: w[r.value] || !w.checked,
+      checked: w.checked,
+      "onUpdate:checked": (D) => w.checked = D,
+      onChange: (D) => u(w, V, !D.checked)
     }, null)]), C("div", {
       class: "f-list-content"
-    }, [E(F)]), C("div", {
+    }, [B(w)]), C("div", {
       class: "f-list-remove",
-      onClick: (L) => B(M)
+      onClick: (D) => {
+        D.stopPropagation(), R(V);
+      }
     }, [C("div", {
       class: "f-list-remove-icon"
     }, [C("i", {
@@ -1012,74 +1014,74 @@ function mn(e, t, n, i, m, v, f, S, T, p) {
     }, null)])])]);
   }
   return {
-    renderItem: k
+    renderItem: b
   };
 }
-function vn(e, t, n, i, m, v, f, S, T, p) {
-  var u;
-  const b = w(((u = e.group) == null ? void 0 : u.groupFields) || []), {
+function vn(e, t, n, o, f, v, m, S, k, p) {
+  var s;
+  const y = F(((s = e.group) == null ? void 0 : s.groupFields) || []), {
     collpaseGroupIconClass: r
-  } = m, {
-    toggleGroupRow: o
+  } = f, {
+    toggleGroupRow: i
   } = p;
-  function s(y, c) {
-    c.collapse = !c.collapse, n.value = o(c.collapse ? "collapse" : "expand", c, n.value);
+  function c(h, u) {
+    u.collapse = !u.collapse, n.value = i(u.collapse ? "collapse" : "expand", u, n.value);
   }
-  function l(y, c, g) {
+  function a(h, u, g) {
     return t.slots.group ? C(U, null, [t.slots.content && t.slots.group({
-      item: y.raw,
-      index: c,
+      item: h.raw,
+      index: u,
       selectedItem: g
     })]) : C("div", {
       class: "f-navlookup-recentHeader",
-      onClick: (P) => s(P, y)
+      onClick: (I) => c(I, h)
     }, [C("div", {
       class: "fv-grid-group-row-icon"
     }, [C("span", {
-      class: r(y)
+      class: r(h)
     }, null)]), C("div", {
       class: "f-navlookup-recommandLabel"
-    }, [y.raw[b.value[y.layer]]])]);
+    }, [h.raw[y.value[h.layer]]])]);
   }
-  function a(y, c, g) {
-    return y.layer > -1 && l(y, c, g);
+  function l(h, u, g) {
+    return h.layer > -1 && a(h, u, g);
   }
   return {
-    renderItem: a
+    renderItem: l
   };
 }
-function pn(e, t, n, i) {
-  const { dataView: m } = n, { updateSelectedItems: v } = i;
-  function f(S) {
-    if (S > -1 && S < m.value.length) {
-      if (e != null && e.checkBeforeRemoveItem && !e.checkBeforeRemoveItem(m.value[S]))
+function pn(e, t, n, o) {
+  const { dataView: f } = n, { updateSelectedItems: v } = o;
+  function m(S) {
+    if (S > -1 && S < f.value.length) {
+      if (e != null && e.checkBeforeRemoveItem && !e.checkBeforeRemoveItem(f.value[S]))
         return;
-      const T = m.value.splice(S, 1);
-      v(), t.emit("removeItem", T[0]);
+      const k = f.value.splice(S, 1);
+      v(), t.emit("removeItem", k[0]);
     }
   }
-  return { removeItem: f };
+  return { removeItem: m };
 }
-function gn(e, t, n, i, m, v, f, S, T, p) {
+function gn(e, t, n, o, f, v, m, S, k, p) {
   const {
-    t: b
-  } = ae(), r = w(e.view), o = w(e.view === "CardView"), s = w({}), l = w(b("listView.emptyMessage")), a = pn(e, t, i, T), u = D(() => ({
+    t: y
+  } = ae(), r = F(e.view), i = F(e.view === "CardView"), c = F({}), a = F(y("listView.emptyMessage")), l = pn(e, t, o, k), s = L(() => ({
     "f-list-view-group": !0,
     "f-list-view-group-multiselect": e.multiSelect,
-    "d-flex": o.value,
-    "flex-wrap": o.value
-  })), y = D(() => !!n.value && n.value.length > 0), c = D(() => n.value.length === 0);
-  D(() => c.value && !t.slots.empty);
+    "d-flex": i.value,
+    "flex-wrap": i.value
+  })), h = L(() => !!n.value && n.value.length > 0), u = L(() => n.value.length === 0);
+  L(() => u.value && !t.slots.empty);
   function g() {
     return r.value === "SingleView" ? pe : r.value === "DraggableView" ? mn : (r.value === "ContentView" || r.value === "CardView") && (e.contentTemplate || t.slots.content) ? fn : pe;
   }
-  const P = g(), {
-    renderItem: R
-  } = P(e, t, n, p, m, v, T, f, a, S), {
+  const I = g(), {
+    renderItem: E
+  } = I(e, t, n, p, f, v, k, m, l, S), {
     renderItem: O
-  } = vn(e, t, n, p, m, v, T, f, a, S), V = [R, O];
-  function B() {
-    return n.value.filter((j) => j.visible !== !1).map((j, h) => V[j.type](j, h, s));
+  } = vn(e, t, n, p, f, v, k, m, l, S), P = [E, O];
+  function R() {
+    return n.value.filter((A) => A.visible !== !1).map((A, T) => P[A.type](A, T, c));
   }
   function d() {
     return C("div", {
@@ -1087,49 +1089,49 @@ function gn(e, t, n, i, m, v, f, S, T, p) {
       style: "margin: 0 auto;"
     }, [C("p", {
       class: "f-empty-title"
-    }, [e.emptyTemplate ? e.emptyTemplate() : t.slots.empty ? t.slots.empty() : l.value])]);
+    }, [e.emptyTemplate ? e.emptyTemplate() : t.slots.empty ? t.slots.empty() : a.value])]);
   }
-  function I() {
+  function M() {
     return C("ul", {
-      class: u.value,
+      class: s.value,
       style: "list-style: none;"
-    }, [y.value && B(), c.value && d()]);
+    }, [h.value && R(), u.value && d()]);
   }
   return {
-    renderListArea: I
+    renderListArea: M
   };
 }
 function hn(e, t, n) {
-  function i() {
+  function o() {
     return t.slots.header && C("div", {
       class: "f-list-view-header"
     }, [t.slots.header()]);
   }
   return {
-    renderHeader: i
+    renderHeader: o
   };
 }
 function ge(e, t, n) {
-  const i = w(e.headerClass), m = w(e.placeholder), v = w(""), f = D(() => !v.value), S = D(() => !!v.value);
-  function T(o) {
+  const o = F(e.headerClass), f = F(e.placeholder), v = F(""), m = L(() => !v.value), S = L(() => !!v.value);
+  function k(i) {
     v.value = "";
   }
-  G(v, (o) => {
-    e.enableHighlightSearch && n.search(o), t.emit("afterSearch", o);
+  G(v, (i) => {
+    e.enableHighlightSearch && n.search(i), t.emit("afterSearch", i);
   });
-  const p = D(() => {
-    const o = {
+  const p = L(() => {
+    const i = {
       "form-group": !0,
       "farris-form-group": !0
     };
-    return i.value && i.value.split(" ").reduce((l, a) => (l[a] = !0, l), o), o;
+    return o.value && o.value.split(" ").reduce((a, l) => (a[l] = !0, a), i), i;
   });
-  function b(o) {
+  function y(i) {
   }
   function r() {
     return C("div", {
       class: "f-list-view-header",
-      onClick: Ne(() => b, ["prevent", "stop"])
+      onClick: Ne(() => y, ["prevent", "stop"])
     }, [C("div", {
       class: p.value
     }, [C("div", {
@@ -1140,19 +1142,19 @@ function ge(e, t, n) {
       class: "input-group f-state-editable"
     }, [Ge(C("input", {
       class: "form-control f-utils-fill text-left",
-      "onUpdate:modelValue": (o) => v.value = o,
+      "onUpdate:modelValue": (i) => v.value = i,
       name: "input-group-value",
       type: "text",
-      placeholder: m.value,
+      placeholder: f.value,
       autocomplete: "off"
     }, null), [[_e, v.value]]), C("div", {
       class: "input-group-append"
     }, [S.value && C("span", {
       class: "input-group-text input-group-clear",
-      onClick: (o) => T()
+      onClick: (i) => k()
     }, [C("i", {
       class: "f-icon f-icon-close-circle"
-    }, null)]), f.value && C("span", {
+    }, null)]), m.value && C("span", {
       class: "input-group-text"
     }, [C("span", {
       class: "f-icon f-icon-search"
@@ -1163,50 +1165,50 @@ function ge(e, t, n) {
   };
 }
 function yn() {
-  const e = w(""), t = w(-1), n = w(""), i = w(-1), m = w(!1);
-  function v(r, o, s) {
-    i.value = s;
+  const e = F(""), t = F(-1), n = F(""), o = F(-1), f = F(!1);
+  function v(r, i, c) {
+    o.value = c;
   }
-  function f(r, o, s) {
-    m.value || (i.value = s);
+  function m(r, i, c) {
+    f.value || (o.value = c);
   }
-  function S(r, o, s) {
-    i.value = -1;
+  function S(r, i, c) {
+    o.value = -1;
   }
-  function T() {
-    m.value = !0;
+  function k() {
+    f.value = !0;
   }
   function p() {
-    m.value = !1;
+    f.value = !1;
   }
-  function b() {
+  function y() {
     t.value = -1, e.value = "";
   }
   return {
     activeIndex: t,
     focusedItemId: n,
-    hoverIndex: i,
-    clearActiveItem: b,
+    hoverIndex: o,
+    clearActiveItem: y,
     onMouseenterItem: v,
-    onMouseoverItem: f,
+    onMouseoverItem: m,
     onMouseoutItem: S,
     resumeHover: p,
-    suspendHover: T
+    suspendHover: k
   };
 }
-function bn(e, t, n, i) {
-  const m = w(e.idField), { dataView: v } = n, f = w(-1), S = w(!1), { activeIndex: T, focusedItemId: p, hoverIndex: b, resumeHover: r, suspendHover: o } = i;
-  let s, l = 0, a = 0;
-  function u(O, V) {
-    const B = O - l, d = V - a;
-    s.style.left = parseInt(s.style.left) + B + "px", s.style.top = parseInt(s.style.top) + d + "px", l = O, a = V;
-  }
-  function y(O) {
-    const { left: V, top: B } = O.getBoundingClientRect(), d = O.cloneNode(!0);
+function bn(e, t, n, o) {
+  const f = F(e.idField), { dataView: v } = n, m = F(-1), S = F(!1), { activeIndex: k, focusedItemId: p, hoverIndex: y, resumeHover: r, suspendHover: i } = o;
+  let c, a = 0, l = 0;
+  function s(O, P) {
+    const R = O - a, d = P - l;
+    c.style.left = parseInt(c.style.left) + R + "px", c.style.top = parseInt(c.style.top) + d + "px", a = O, l = P;
+  }
+  function h(O) {
+    const { left: P, top: R } = O.getBoundingClientRect(), d = O.cloneNode(!0);
     return d.style.cssText = `
         position:absolute;
-        left:${V}px;
-        top:${document.documentElement.scrollTop ? B + document.documentElement.scrollTop : B}px;
+        left:${P}px;
+        top:${document.documentElement.scrollTop ? R + document.documentElement.scrollTop : R}px;
         z-index: 999999;
         border: 1px solid #e2e3e5;
         pointer-events: none;
@@ -1224,170 +1226,170 @@ function bn(e, t, n, i) {
         overflow: hidden;text-overflow: ellipsis;white-space: nowrap;
         `, d.children[1].style.cssText = "width: 30px;color: #f4625f;padding: 0 14px 0 0", d.children[2].style.cssText = "padding: 0 14px 0 0;", document.body.appendChild(d), d;
   }
-  function c(O, V, B) {
-    if (O.stopPropagation(), o(), V) {
-      if (s = y(O.target), O.dataTransfer) {
+  function u(O, P, R) {
+    if (O.stopPropagation(), i(), P) {
+      if (c = h(O.target), O.dataTransfer) {
         const d = new Image();
         d.src = "", O.dataTransfer.setDragImage(d, 0, 0);
       }
-      l = O.pageX, a = O.pageY, setTimeout(() => {
-        f.value = B, S.value = !0, V.moving = !0;
+      a = O.pageX, l = O.pageY, setTimeout(() => {
+        m.value = R, S.value = !0, P.moving = !0;
       });
     }
   }
-  function g(O, V) {
-    if (O.preventDefault(), f.value !== V) {
-      const B = v.value[f.value], d = v.value;
-      d.splice(f.value, 1), d.splice(V, 0, B), f.value = V, u(O.pageX, O.pageY);
+  function g(O, P) {
+    if (O.preventDefault(), m.value !== P) {
+      const R = v.value[m.value], d = v.value;
+      d.splice(m.value, 1), d.splice(P, 0, R), m.value = P, s(O.pageX, O.pageY);
     }
   }
-  function P(O) {
-    O.preventDefault(), O.dataTransfer && (O.dataTransfer.dropEffect = "move"), u(O.pageX, O.pageY);
+  function I(O) {
+    O.preventDefault(), O.dataTransfer && (O.dataTransfer.dropEffect = "move"), s(O.pageX, O.pageY);
   }
-  function R(O, V) {
-    V && (V.moving = !1, s && (document.body.removeChild(s), s = null)), v.value.forEach((B, d) => {
-      B.__fv_index__ = d;
-    }), S.value = !1, r(), b.value = V.raw.__fv_index__, T.value = V.raw.__fv_index__, p.value = V.raw[m.value], t.emit("change", v.value), t.emit("activeChange", [V.raw]);
+  function E(O, P) {
+    P && (P.moving = !1, c && (document.body.removeChild(c), c = null)), v.value.forEach((R, d) => {
+      R.__fv_index__ = d;
+    }), S.value = !1, r(), y.value = P.raw.__fv_index__, k.value = P.raw.__fv_index__, p.value = P.raw[f.value], t.emit("change", v.value), t.emit("activeChange", [P.raw]);
   }
   return {
-    dragstart: c,
+    dragstart: u,
     dragenter: g,
-    dragover: P,
-    dragend: R,
+    dragover: I,
+    dragend: E,
     isDragging: S
   };
 }
-function Sn(e, t, n, i, m, v) {
-  const f = w(e.idField), S = w(e.disableField), T = w(e.draggable);
-  w(e.itemClass);
-  const p = w(e.selection.multiSelect ?? !1), b = w(e.selection.multiSelectMode), { isDragging: r } = i, { activeIndex: o, focusedItemId: s, hoverIndex: l } = m, { clearSelection: a, getSelectedItems: u, toggleSelectItem: y, currentSelectedDataId: c } = v, g = w(u()), P = (k) => g.value.length === 0 ? !1 : g.value.some((F) => {
-    let M = "";
-    return F.data ? M = F.data[f.value] : M = F[f.value], M === k;
+function Sn(e, t, n, o, f, v) {
+  const m = F(e.idField), S = F(e.disableField), k = F(e.draggable);
+  F(e.itemClass);
+  const p = F(e.selection.multiSelect ?? !1), y = F(e.selection.multiSelectMode), { isDragging: r } = o, { activeIndex: i, focusedItemId: c, hoverIndex: a } = f, { clearSelection: l, getSelectedItems: s, toggleSelectItem: h, currentSelectedDataId: u } = v, g = F(s()), I = (b) => g.value.length === 0 ? !1 : g.value.some((w) => {
+    let V = "";
+    return w.data ? V = w.data[m.value] : V = w[m.value], V === b;
   });
-  function R() {
-    g.value = u();
+  function E() {
+    g.value = s();
   }
-  function O(k, F) {
-    return k.raw[f.value] != null ? k.raw[f.value] : "";
+  function O(b, w) {
+    return b.raw[m.value] != null ? b.raw[m.value] : "";
   }
-  function V(k, F) {
-    const M = {
+  function P(b, w) {
+    const V = {
       "f-list-view-group-item": !0,
-      "f-list-view-draggable-item": T.value,
-      "f-un-click": !k.checked,
-      "f-un-select": !!k.raw[S.value],
+      "f-list-view-draggable-item": k.value,
+      "f-un-click": !b.checked,
+      "f-un-select": !!b.raw[S.value],
       "f-listview-active": (
         // 多选
-        p.value && P(O(k)) || // 单选
-        !p.value && k.raw[f.value] === c.value
+        p.value && I(O(b)) || // 单选
+        !p.value && b.raw[m.value] === u.value
       ),
-      "f-listview-hover": !r.value && F === l.value,
-      moving: !!k.moving
+      "f-listview-hover": !r.value && w === a.value,
+      moving: !!b.moving
     };
     if (typeof e.itemClass == "string")
-      return re(M, e.itemClass);
+      return re(V, e.itemClass);
     if (typeof e.itemClass == "function") {
-      const A = e.itemClass(k);
-      return re(M, A);
+      const j = e.itemClass(b);
+      return re(V, j);
     }
-    return M;
+    return V;
   }
-  function B(k, F) {
-    const M = (
+  function R(b, w) {
+    const V = (
       // 多选
-      p.value && P(O(k)) || // 单选
-      !p.value && k.raw[f.value] === c.value
-    ), A = {};
-    if (M && (A.backgroundColor = "#dae9ff"), typeof e.itemStyle == "string")
-      return me(A, e.itemStyle);
+      p.value && I(O(b)) || // 单选
+      !p.value && b.raw[m.value] === u.value
+    ), j = {};
+    if (V && (j.backgroundColor = "#dae9ff"), typeof e.itemStyle == "string")
+      return me(j, e.itemStyle);
     if (typeof e.itemStyle == "function") {
-      const L = e.itemStyle(k);
-      return me(A, L);
+      const D = e.itemStyle(b);
+      return me(j, D);
     }
-    return A;
+    return j;
   }
-  const d = D(() => !p.value);
-  function I(k, F, M) {
-    k.checked = M, !k.raw[S.value] && (d.value && (s.value = k.raw[f.value]), y(k));
+  const d = L(() => !p.value);
+  function M(b, w, V) {
+    b.checked = V, !b.raw[S.value] && (d.value && (c.value = b.raw[m.value]), h(b));
   }
-  const j = D(() => p.value && b.value === "OnCheckClearByClick"), h = D(() => !p.value || p.value && (b.value === "OnCheckAndClick" || b.value === "OnClick"));
-  function E(k, F, M) {
-    if (k.raw[S.value]) {
-      M == null || M.preventDefault(), M == null || M.stopPropagation();
+  const A = L(() => p.value && y.value === "OnCheckClearByClick"), T = L(() => !p.value || p.value && (y.value === "OnCheckAndClick" || y.value === "OnClick"));
+  function B(b, w, V) {
+    if (b.raw[S.value]) {
+      V == null || V.preventDefault(), V == null || V.stopPropagation();
       return;
     }
-    s.value = k.raw[f.value], o.value = F, j.value && a(), h.value && (y(k), R()), t.emit("clickItem", { data: g.value, index: F, dataItem: k.raw }), t.emit("activeChange", g.value);
+    c.value = b.raw[m.value], i.value = w, A.value && l(), T.value && (h(b), E()), t.emit("clickItem", { data: g.value, index: w, dataItem: b.raw }), t.emit("activeChange", g.value);
   }
   return {
     getKey: O,
     selectedItems: g,
-    listViewItemClass: V,
-    listViewItemStyle: B,
-    updateSelectedItems: R,
-    onCheckItem: I,
-    onClickItem: E
+    listViewItemClass: P,
+    listViewItemStyle: R,
+    updateSelectedItems: E,
+    onCheckItem: M,
+    onClickItem: B
   };
 }
-const Me = /* @__PURE__ */ q({
+const Be = /* @__PURE__ */ q({
   name: "FListView",
   props: un,
   emits: ["afterSearch", "checkValuesChange", "clickItem", "selectItem", "unSelectItem", "selectionChange", "removeItem", "change", "activeChange", "pageIndexChanged", "pageSizeChanged", "changed", "selectionUpdate"],
   setup(e, t) {
-    const n = w(), i = w(!0), m = w(!1), v = w([]), f = 0, S = w(e.columns), T = Ue(e, t), p = Xe(e), b = Ye(e), r = Je(e, p), o = Qe(e, /* @__PURE__ */ new Map(), T, b, p), s = Ze(e, o, p, v, t), l = dn(e, n), a = Ke(e, o), u = D(() => o.dataView.value.length), y = et(e, t, s, p), c = tt(e, t, p, y, v), g = nt(e), P = ot(e, {}, g), R = it(e, o, c, b, p, g, P), O = rt(e, p, P, R), V = lt(e, p, P, R), B = at(e, S, o, u, f, R, O, V), {
+    const n = F(), o = F(!0), f = F(!1), v = F([]), m = 0, S = F(e.columns), k = Ue(e, t), p = Xe(e), y = Ye(e), r = Je(e, p), i = Qe(e, /* @__PURE__ */ new Map(), k, y, p), c = Ze(e, i, p, v, t), a = dn(e, n), l = Ke(e, i), s = L(() => i.dataView.value.length), h = et(e, t, c, p), u = tt(e, t, p, h, v), g = nt(e), I = ot(e, {}, g), E = it(e, i, u, y, p, g, I), O = rt(e, p, I, E), P = lt(e, p, I, E), R = at(e, S, i, s, m, E, O, P), {
       getVisualData: d
-    } = B;
-    v.value = d(0, u.value + f - 1);
-    const I = D(() => {
+    } = R;
+    v.value = d(0, s.value + m - 1);
+    const M = L(() => {
       const $ = {
         "f-list-view": !0,
         "f-list-view-multiple": e.multiSelect
       };
       return e.size !== "default" && ($[`${e.size}-item`] = !0), re($, e.customClass);
-    }), j = D(() => !!t.slots.footer || i.value);
-    function h() {
+    }), A = L(() => !!t.slots.footer || o.value);
+    function T() {
       return e.header === "SearchBar" ? ge : e.header === "ContentHeader" ? hn : ge;
     }
-    const E = h(), {
-      renderHeader: k
-    } = E(e, t, l), F = yn(), M = bn(e, t, o, F), A = Sn(e, t, v, M, F, s), {
-      renderListArea: L
-    } = gn(e, t, v, o, r, F, s, B, A, M);
+    const B = T(), {
+      renderHeader: b
+    } = B(e, t, a), w = yn(), V = bn(e, t, i, w), j = Sn(e, t, v, V, w, c), {
+      renderListArea: D
+    } = gn(e, t, v, i, r, w, c, R, j, V);
     function x($) {
-      l.search($);
+      a.search($);
     }
     function H($) {
-      $ && (o.load($), v.value = d(0, u.value + f - 1));
+      $ && (i.load($), v.value = d(0, s.value + m - 1));
     }
     function _() {
-      s.clearSelection(), F.clearActiveItem();
+      c.clearSelection(), w.clearActiveItem();
     }
     function K() {
-      return A.selectedItems.value;
+      return j.selectedItems.value;
     }
     function ee() {
-      return A.selectedItems.value.map(($) => $[p.idField.value]);
+      return j.selectedItems.value.map(($) => $[p.idField.value]);
     }
     function X($) {
-      s.selectedValues.value = $, A.updateSelectedItems();
+      c.selectedValues.value = $, j.updateSelectedItems();
     }
     function Y() {
-      return s.currentSelectedDataId.value;
+      return c.currentSelectedDataId.value;
     }
     function N($) {
-      y.activeRowById($);
+      h.activeRowById($);
     }
     function te($) {
       const z = p.idField.value, W = v.value.find((ne) => ne.raw[z] === $), J = v.value.findIndex((ne) => ne.raw[z] === $);
-      W && J > -1 && A.onClickItem(W, J);
+      W && J > -1 && j.onClickItem(W, J);
     }
     function Re($) {
       const z = p.idField.value, W = v.value.find((J) => J.raw[z] === $);
-      W && y.changeRow(W);
+      W && h.changeRow(W);
     }
     function Ee($) {
-      a.updatePagination($);
+      l.updatePagination($);
     }
-    function je($) {
+    function De($) {
       return v.value.filter((z) => $.includes(z.raw[e.idField]));
     }
     t.expose({
@@ -1401,40 +1403,36 @@ const Me = /* @__PURE__ */ q({
       getCurrentRowId: Y,
       clickRowItemById: te,
       updatePagination: Ee,
-      getVisibleDataByIds: je,
+      getVisibleDataByIds: De,
       selectRowById: Re
     });
-    function Le($) {
+    function je($) {
       e.multiSelect && ($.preventDefault(), $.stopPropagation());
     }
     G(() => e.selectionValues, ($, z) => {
       $ !== z && X($);
     });
-    const Ae = st(e, s), {
-      sidebarWidth: De,
+    const Le = st(e, c), {
+      sidebarWidth: $e,
       showSidebarCheckBox: zn
-    } = Ae, $e = ct(e, t), {
+    } = Le, Ae = ct(e, t), {
       applyColumnSorter: qn,
       columnContext: xe,
       updateColumnRenderContext: Wn
-    } = $e, He = ut(e, o, v, xe, B, u, f, De, c), {
-      shouldRenderPagination: Un
-    } = a, {
-      renderDataGridPagination: Xn
-    } = dt(e, t, o, He, a, s);
-    return () => C("div", {
-      class: I.value,
-      onClick: Le
-    }, [k(), C("div", {
+    } = Ae, He = ut(e, i, v, xe, R, s, m, $e, u);
+    return dt(e, t, i, He, l, c), () => C("div", {
+      class: M.value,
+      onClick: je
+    }, [b(), C("div", {
       ref: n,
       class: "f-list-view-content",
       onMouseover: () => {
-        m.value = !0;
+        f.value = !0;
       },
       onMouseleave: () => {
-        m.value = !1;
+        f.value = !1;
       }
-    }, [L()]), j.value && C("div", {
+    }, [D()]), A.value && C("div", {
       class: "f-list-view-footer"
     }, [e.footerTemplate ? e.footerTemplate() : t.slots.footer && t.slots.footer()])]);
   }
@@ -1465,24 +1463,24 @@ const Me = /* @__PURE__ */ q({
   customClass: { type: Object, default: {} }
 };
 function wn(e, t) {
-  function n(i) {
-    i.stopPropagation(), e.disabled || t.emit("click", i);
+  function n(o) {
+    o.stopPropagation(), e.disabled || t.emit("click", o);
   }
   return {
     onClickButton: n
   };
 }
 function Fn(e) {
-  const t = D(() => {
-    const i = {
+  const t = L(() => {
+    const o = {
       "f-icon": !0
     };
     if (e.icon) {
-      const m = e.icon.trim().split(" ");
-      m && m.length && m.reduce((v, f) => (v[f] = !0, v), i);
+      const f = e.icon.trim().split(" ");
+      f && f.length && f.reduce((v, m) => (v[m] = !0, v), o);
     }
-    return i;
-  }), n = D(() => !!(e.icon && e.icon.trim()));
+    return o;
+  }), n = L(() => !!(e.icon && e.icon.trim()));
   return { iconClass: t, shouldShowIcon: n };
 }
 const Ie = /* @__PURE__ */ q({
@@ -1493,29 +1491,29 @@ const Ie = /* @__PURE__ */ q({
     const {
       onClickButton: n
     } = wn(e, t), {
-      iconClass: i,
-      shouldShowIcon: m
-    } = Fn(e), v = D(() => {
-      const f = {
+      iconClass: o,
+      shouldShowIcon: f
+    } = Fn(e), v = L(() => {
+      const m = {
         btn: !0,
         "btn-lg": e.size === "large",
         "btn-md": e.size !== "large" && e.size !== "small",
         "btn-sm": e.size === "small",
-        "btn-icontext": m.value
+        "btn-icontext": f.value
       };
-      return f[`btn-${e.type}`] = !0, e.customClass && Object.keys(e.customClass).reduce((S, T) => (S[T] = e.customClass[T], S), f), f;
+      return m[`btn-${e.type}`] = !0, e.customClass && Object.keys(e.customClass).reduce((S, k) => (S[k] = e.customClass[k], S), m), m;
     });
     return () => C("button", {
       class: v.value,
       disabled: e.disabled,
-      onClick: (f) => n(f)
-    }, [m.value && C("i", {
-      class: i.value
+      onClick: (m) => n(m)
+    }, [f.value && C("i", {
+      class: o.value
     }, null), t.slots.default && t.slots.default()]);
   }
 }), Tn = /* @__PURE__ */ new Map([
   ["appearance", mt]
-]), kn = "https://json-schema.org/draft/2020-12/schema", On = "https://farris-design.gitee.io/combo-list.schema.json", Vn = "combo-list", Pn = "A Farris Input Component", Mn = "object", In = {
+]), kn = "https://json-schema.org/draft/2020-12/schema", On = "https://farris-design.gitee.io/combo-list.schema.json", Vn = "combo-list", Pn = "A Farris Input Component", Bn = "object", In = {
   id: {
     description: "The unique identifier for a combo list",
     type: "string"
@@ -1694,8 +1692,12 @@ const Ie = /* @__PURE__ */ q({
     description: "启用高亮搜索",
     type: "boolean",
     default: !1
+  },
+  onChange: {
+    description: "",
+    type: "string"
   }
-}, Bn = [
+}, Mn = [
   "type"
 ], Rn = [
   "id",
@@ -1707,12 +1709,12 @@ const Ie = /* @__PURE__ */ q({
   $id: On,
   title: Vn,
   description: Pn,
-  type: Mn,
+  type: Bn,
   properties: In,
-  required: Bn,
+  required: Mn,
   ignore: Rn
 };
-function jn(e, t, n) {
+function Dn(e, t, n) {
   return t;
 }
 const ue = {
@@ -1883,9 +1885,9 @@ const ue = {
   enableHighlightSearch: { type: Boolean, default: !0 },
   minPanelWidth: { type: Number, default: 160 },
   popupOnClick: { type: Boolean, default: !0 }
-}, Ln = Object.assign({}, ue, {
+}, jn = Object.assign({}, ue, {
   readonly: {}
-}), Be = vt(ue, En, Tn, jn), An = {
+}), Me = vt(ue, En, Tn, Dn), Ln = {
   dataSource: { type: Array, default: [] },
   enableSearch: { type: Boolean, default: !1 },
   idField: { type: String, default: "id" },
@@ -1906,12 +1908,12 @@ const ue = {
   },
   // 搜索启用高亮
   enableHighlightSearch: { type: Boolean, default: !0 }
-}, Dn = /* @__PURE__ */ q({
+}, $n = /* @__PURE__ */ q({
   name: "FComboListContainer",
-  props: An,
+  props: Ln,
   emits: ["selectionChange"],
   setup(e, t) {
-    const n = w(), i = w(e.dataSource), m = w([]), v = w(e.separator), f = w(e.width), S = w(e.maxHeight), T = w(String(e.selectedValues).split(v.value)), p = D(() => e.multiSelect), b = D(() => ({
+    const n = F(), o = F(e.dataSource), f = F([]), v = F(e.separator), m = F(e.width), S = F(e.maxHeight), k = F(String(e.selectedValues).split(v.value)), p = L(() => e.multiSelect), y = L(() => ({
       enableSelectRow: !0,
       multiSelect: e.multiSelect,
       multiSelectMode: "OnCheckAndClick",
@@ -1920,46 +1922,46 @@ const ue = {
       showSelection: !0
     }));
     G(e.dataSource, () => {
-      i.value = e.dataSource;
-    }), D(() => e.enableSearch ? "SearchBar" : "ContentHeader");
-    const r = D(() => {
-      const u = {};
-      return f.value !== void 0 && (u.width = `${f.value}px`), S.value !== void 0 && S.value > 0 && (u.maxHeight = `${S.value}px`), u;
+      o.value = e.dataSource;
+    }), L(() => e.enableSearch ? "SearchBar" : "ContentHeader");
+    const r = L(() => {
+      const s = {};
+      return m.value !== void 0 && (s.width = `${m.value}px`), S.value !== void 0 && S.value > 0 && (s.maxHeight = `${S.value}px`), s;
     });
-    function o(u) {
-      n.value.search(u);
+    function i(s) {
+      n.value.search(s);
     }
-    function s(u) {
-      m.value = u.map((y) => Object.assign({}, y)), T.value = u.map((y) => y[e.idField]), t.emit("selectionChange", m.value);
+    function c(s) {
+      f.value = s.map((h) => Object.assign({}, h)), k.value = s.map((h) => h[e.idField]), t.emit("selectionChange", f.value);
     }
-    function l(u) {
+    function a(s) {
       if (e.enableHighlightSearch)
         return;
-      let y = [];
+      let h = [];
       const {
-        searchOption: c
+        searchOption: u
       } = e;
-      typeof c == "function" ? y = i.value.filter((g) => c(u, g)) : y = i.value.filter((g) => g[e.valueField].indexOf(u) > -1 || g[e.textField].indexOf(u) > -1), n.value.updateDataSource(y);
+      typeof u == "function" ? h = o.value.filter((g) => u(s, g)) : h = o.value.filter((g) => g[e.valueField].indexOf(s) > -1 || g[e.textField].indexOf(s) > -1), n.value.updateDataSource(h);
     }
-    G([() => e.selectedValues], ([u]) => {
-      e.multiSelect ? T.value = u.split(v.value) : T.value = [u];
+    G([() => e.selectedValues], ([s]) => {
+      e.multiSelect ? k.value = s.split(v.value) : k.value = [s];
     });
-    function a(u) {
-      n.value.activeRowById(u);
+    function l(s) {
+      n.value.activeRowById(s);
     }
     return le(() => {
-      var u, y;
+      var s, h;
       if (!e.multiSelect) {
-        const c = (u = T.value) == null ? void 0 : u[0];
-        let g = c;
-        if (!ze(c)) {
-          const P = typeof c, R = typeof ((y = i.value[0]) == null ? void 0 : y[e.valueField || e.idField]);
-          R === "number" && P !== R && (g = Number(c)), R === "boolean" && P !== R && (g = c === "true" ? !0 : c === "false" ? !1 : c), a(g);
+        const u = (s = k.value) == null ? void 0 : s[0];
+        let g = u;
+        if (!ze(u)) {
+          const I = typeof u, E = typeof ((h = o.value[0]) == null ? void 0 : h[e.valueField || e.idField]);
+          E === "number" && I !== E && (g = Number(u)), E === "boolean" && I !== E && (g = u === "true" ? !0 : u === "false" ? !1 : u), l(g);
         }
       }
     }), t.expose({
-      search: o,
-      activeRowById: a
+      search: i,
+      activeRowById: l
     }), () => C("div", {
       class: "f-combo-list-container",
       style: r.value
@@ -1970,72 +1972,72 @@ const ue = {
       itemContentClass: "text-truncate",
       header: "ContentHeader",
       headerClass: "f-combo-list-search-box",
-      data: i.value,
+      data: o.value,
       idField: e.idField,
       textField: e.textField,
       titleField: e.titleField,
       multiSelect: e.multiSelect,
-      selection: b.value,
+      selection: y.value,
       enableHighlightSearch: e.enableHighlightSearch,
-      selectionValues: T.value,
-      onSelectionUpdate: s,
-      onAfterSearch: l
+      selectionValues: k.value,
+      onSelectionUpdate: c,
+      onAfterSearch: a
     }, null)]);
   }
 });
-function $n(e) {
-  const { t } = ae(), n = w(""), i = w(e.modelValue), m = w(e.data || []), v = w(e.editable);
-  function f(o) {
-    const s = e.multiSelect ? String(o).split(e.separator) : [String(o)], l = s.map((y) => [y, !0]), a = new Map(l);
-    return m.value.filter((y) => a.has(String(y[e.valueField]))).sort((y, c) => {
-      const g = s.indexOf(y[e.valueField]), P = s.indexOf(c[e.valueField]);
-      return g - P;
+function An(e) {
+  const { t } = ae(), n = F(""), o = F(e.modelValue), f = F(e.data || []), v = F(e.editable);
+  function m(i) {
+    const c = e.multiSelect ? String(i).split(e.separator) : [String(i)], a = c.map((h) => [h, !0]), l = new Map(a);
+    return f.value.filter((h) => l.has(String(h[e.valueField]))).sort((h, u) => {
+      const g = c.indexOf(h[e.valueField]), I = c.indexOf(u[e.valueField]);
+      return g - I;
     });
   }
-  function S(o) {
-    const s = f(o).map((l) => l[e.textField]).join(e.separator);
-    n.value = v.value ? s || o : s;
+  function S(i) {
+    const c = m(i).map((a) => a[e.textField]).join(e.separator);
+    n.value = v.value ? c || i : c;
   }
-  function T(o) {
+  function k(i) {
     if (e.multiSelect) {
-      const s = o.split(e.separator).map((a) => [a, !0]), l = new Map(s);
-      return m.value.filter((a) => l.has(a[e.textField]));
+      const c = i.split(e.separator).map((l) => [l, !0]), a = new Map(c);
+      return f.value.filter((l) => a.has(l[e.textField]));
     }
-    return m.value.filter((s) => "" + s[e.textField] === o);
+    return f.value.filter((c) => "" + c[e.textField] === i);
   }
-  function p(o) {
-    const s = {};
-    return s[e.idField] = o, s[e.textField] = o, [s];
+  function p(i) {
+    const c = {};
+    return c[e.idField] = i, c[e.textField] = i, [c];
   }
-  function b(o) {
-    let s = T(o);
-    const l = s && s.length > 0;
-    return v.value && !l && (s = p(o)), s;
+  function y(i) {
+    let c = k(i);
+    const a = c && c.length > 0;
+    return v.value && !a && (c = p(i)), c;
   }
   function r() {
-    const { url: o, method: s = "GET", headers: l = { "Content-Type": "application/json;charset=utf-8;" }, body: a = null } = e.remote, u = s.toLowerCase() === "get" ? { method: s, headers: l } : { method: s, headers: l, body: a };
-    let y = !1;
-    fetch(new Request(o, u)).then((c) => {
-      var P, R;
-      if (c.status === 200)
-        return y = !!((R = (P = c.headers) == null ? void 0 : P.get("content-type")) != null && R.includes("application/json")), y ? c.text() : c.json();
-      throw c.status === 405 ? new Error(t("comboList.remoteError")) : new Error(c.statusText);
-    }).then((c) => {
-      c.length && (m.value = y ? JSON.parse(c) : c);
-    }).catch((c) => {
-      console.warn(c);
+    const { url: i, method: c = "GET", headers: a = { "Content-Type": "application/json;charset=utf-8;" }, body: l = null } = e.remote, s = c.toLowerCase() === "get" ? { method: c, headers: a } : { method: c, headers: a, body: l };
+    let h = !1;
+    fetch(new Request(i, s)).then((u) => {
+      var I, E;
+      if (u.status === 200)
+        return h = !!((E = (I = u.headers) == null ? void 0 : I.get("content-type")) != null && E.includes("application/json")), h ? u.text() : u.json();
+      throw u.status === 405 ? new Error(t("comboList.remoteError")) : new Error(u.statusText);
+    }).then((u) => {
+      u.length && (f.value = h ? JSON.parse(u) : u);
+    }).catch((u) => {
+      console.warn(u);
     });
   }
   return e.remote && r(), G(() => e.data, () => {
-    m.value = e.data;
-  }), G([m], ([o]) => {
+    f.value = e.data;
+  }), G([f], ([i]) => {
     if (e.modelValue != null) {
-      const s = o.find((l) => l[e.valueField] === e.modelValue);
-      s && (n.value = s[e.textField]);
+      const c = i.find((a) => a[e.valueField] === e.modelValue);
+      c && (n.value = c[e.textField]);
     }
-  }), G(() => e.modelValue, (o) => {
-    i.value = o, S(o);
-  }), S(e.modelValue), { dataSource: m, displayText: n, editable: v, modelValue: i, getItemsByDisplayText: T, getItemsByValue: f, getSelectedItemsByDisplayText: b };
+  }), G(() => e.modelValue, (i) => {
+    o.value = i, S(i);
+  }), S(e.modelValue), { dataSource: f, displayText: n, editable: v, modelValue: o, getItemsByDisplayText: k, getItemsByValue: m, getSelectedItemsByDisplayText: y };
 }
 const Q = /* @__PURE__ */ q({
   name: "FComboList",
@@ -2044,85 +2046,89 @@ const Q = /* @__PURE__ */ q({
   setup(e, t) {
     const {
       t: n
-    } = ae(), i = w(), m = w(), v = w(e.disabled || e.readonly), f = w(e.enableClear), S = w(e.enableSearch), T = w(e.readonly), {
+    } = ae(), o = F(), f = F(), v = F(e.disabled || e.readonly), m = F(e.enableClear), S = F(e.enableSearch), k = F(e.readonly), {
       dataSource: p,
-      displayText: b,
+      displayText: y,
       editable: r,
-      modelValue: o,
-      getItemsByValue: s
-    } = $n(e), l = w(e.dropDownIcon);
-    l.value === '<span class="f-icon f-icon-arrow-chevron-down"></span>' && (l.value = '<span id="' + e.id + '-icon-dropdown" class="f-icon f-icon-arrow-chevron-down"></span>');
-    const a = D(() => e.multiSelect), u = D(() => m.value ? m.value.elementRef.getBoundingClientRect().width : 0);
-    function y() {
-      !a.value && m.value && m.value.hidePopup();
+      modelValue: i,
+      getSelectedItemsByDisplayText: c,
+      getItemsByDisplayText: a,
+      getItemsByValue: l
+    } = An(e), s = F(e.dropDownIcon);
+    s.value === '<span class="f-icon f-icon-arrow-chevron-down"></span>' && (s.value = '<span id="' + e.id + '-icon-dropdown" class="f-icon f-icon-arrow-chevron-down"></span>');
+    const h = L(() => e.multiSelect), u = L(() => f.value ? f.value.elementRef.getBoundingClientRect().width : 0);
+    function g() {
+      !h.value && f.value && f.value.hidePopup();
     }
-    function c(j) {
-      b.value = j.map((E) => E[e.textField]).join(e.separator);
-      let h = "";
-      j.length === 1 ? h = j[0][e.valueField] : h = j.map((E) => E[e.valueField]).join(e.separator), o.value !== h && (o.value = h, t.emit("update:modelValue", o.value), t.emit("change", j, o.value));
+    function I(B) {
+      y.value = B.map((w) => w[e.textField]).join(e.separator);
+      let b = "";
+      B.length === 1 ? b = B[0][e.valueField] : b = B.map((w) => w[e.valueField]).join(e.separator), i.value !== b && (i.value = b, t.emit("update:modelValue", i.value), t.emit("change", B, i.value));
     }
-    function g() {
-      const j = s(o.value);
-      c(j);
+    function E() {
+      const B = l(i.value);
+      I(B);
     }
-    function P() {
-      T.value || b.value;
+    function O() {
+      k.value || y.value;
     }
-    function R(j) {
-      var h;
-      o.value = "", (h = i.value) == null || h.activeRowById(""), t.emit("update:modelValue", ""), t.emit("change", [], ""), t.emit("clear");
+    function P(B) {
+      var b;
+      i.value = "", (b = o.value) == null || b.activeRowById(""), t.emit("update:modelValue", ""), t.emit("change", [], ""), t.emit("clear");
     }
-    function O(j) {
-      var h, E;
-      e.enableSearch && e.enableHighlightSearch && ((h = i.value) == null || h.search(j)), (E = i.value) == null || E.activeRowById(j), t.emit("change", [o.value], o.value);
+    function R(B) {
+      var b, w;
+      e.enableSearch && e.enableHighlightSearch && ((b = o.value) == null || b.search(B)), (w = o.value) == null || w.activeRowById(B), t.emit("change", [i.value], i.value);
     }
-    function V(j) {
+    function d(B) {
       if (e.multiSelect) {
-        const h = s(o.value), k = h.map((F) => F[e.idField || e.valueField]).join(e.separator);
-        o.value !== k && (o.value = k, t.emit("update:modelValue", o.value), t.emit("change", h, o.value));
+        const b = a(B);
+        e.viewType;
+        const V = b.map((j) => j[e.idField || e.valueField]).join(e.separator);
+        i.value !== V && (i.value = V, t.emit("update:modelValue", i.value), t.emit("change", b, i.value));
       }
     }
-    function B() {
-      return b.value;
+    function M() {
+      return y.value;
     }
-    function d(j) {
+    function A(B) {
       const {
-        value: h
-      } = j.target;
-      O(h), t.emit("input", h);
+        value: b
+      } = B.target;
+      R(b), t.emit("input", b);
     }
-    function I() {
-      m.value.hidePopup();
+    function T() {
+      f.value.hidePopup();
     }
     return t.expose({
-      getDisplayText: B,
-      hidePopup: I
-    }), G([() => e.disabled, () => e.editable, () => e.enableClear, () => e.enableSearch, () => e.readonly], ([j, h, E, k, F]) => {
-      v.value = j, r.value = h, f.value = E, S.value = k, T.value = F;
+      getDisplayText: M,
+      hidePopup: T
+    }), G([() => e.disabled, () => e.editable, () => e.enableClear, () => e.enableSearch, () => e.readonly], ([B, b, w, V, j]) => {
+      v.value = B, r.value = b, m.value = w, S.value = V, k.value = j;
     }), () => C(ft, {
-      ref: m,
+      ref: f,
       id: e.id,
       disable: v.value,
-      readonly: T.value,
+      readonly: k.value,
       forcePlaceholder: e.forcePlaceholder,
       editable: r.value,
-      buttonContent: l.value,
+      buttonContent: s.value,
       placeholder: e.placeholder === "请选择" ? n("comboList.placeholder") : e.placeholder,
-      enableClear: f.value,
+      enableClear: m.value,
       maxLength: e.maxLength,
       tabIndex: e.tabIndex,
       enableTitle: e.enableTitle,
       multiSelect: e.multiSelect,
       inputType: e.multiSelect ? e.viewType : "text",
-      modelValue: b.value,
-      "onUpdate:modelValue": (j) => b.value = j,
+      modelValue: y.value,
+      "onUpdate:modelValue": (B) => y.value = B,
       focusOnCreated: e.focusOnCreated,
       selectOnCreated: e.selectOnCreated,
-      onClear: R,
-      onClick: P,
-      onChange: V,
-      onBlur: g,
-      onInput: d,
+      onClear: P,
+      onClick: O,
+      onChange: d,
+      onBlur: E,
+      onInput: A,
       beforeOpen: e.beforeOpen,
       placement: e.placement,
       popupMinWidth: e.minPanelWidth,
@@ -2130,22 +2136,22 @@ const Q = /* @__PURE__ */ q({
       popupOnClick: e.popupOnClick,
       limitContentBySpace: !0
     }, {
-      default: () => [C(Dn, {
-        ref: i,
+      default: () => [C($n, {
+        ref: o,
         idField: e.idField,
         valueField: e.valueField,
         textField: e.textField,
         titleField: e.titleField,
         dataSource: p.value,
-        selectedValues: o.value,
+        selectedValues: i.value,
         separator: e.separator,
         multiSelect: e.multiSelect,
         enableSearch: S.value,
         maxHeight: e.maxHeight,
         enableHighlightSearch: e.enableHighlightSearch,
         width: e.fitEditor ? u.value : void 0,
-        onSelectionChange: (j) => {
-          c(j), y();
+        onSelectionChange: (B) => {
+          I(B), g();
         }
       }, null)]
     });
@@ -2161,7 +2167,7 @@ class xn extends bt {
     super(t, n);
   }
   getCommonEditorProperties(t) {
-    var n, i, m, v, f, S;
+    var n, o, f;
     return {
       viewType: {
         visible: !!((n = t.editor) != null && n.multiSelect),
@@ -2177,7 +2183,7 @@ class xn extends bt {
         refreshPanelAfterChanged: !0
       },
       separator: {
-        visible: !!((i = t.editor) != null && i.multiSelect) && ((m = t.editor) == null ? void 0 : m.viewType) === "text",
+        visible: !!((o = t.editor) != null && o.multiSelect) && ((f = t.editor) == null ? void 0 : f.viewType) === "text",
         description: "下拉列表启用多选且数据展示类型为文本时的分隔符",
         title: "分隔符",
         type: "enum",
@@ -2195,23 +2201,24 @@ class xn extends bt {
         title: "允许编辑",
         type: "boolean",
         refreshPanelAfterChanged: !0,
-        readonly: !!((v = t.editor) != null && v.multiSelect) && (((f = t.editor) == null ? void 0 : f.viewType) === "tag" || !t.editor.viewType)
-      },
-      enableHighlightSearch: {
-        visible: !!((S = t.editor) != null && S.editable),
-        description: "编辑状态下启用高亮搜索",
-        title: "启用高亮搜索",
-        type: "boolean"
+        readonly: !0
+        // readonly: !!propertyData.editor?.multiSelect && (propertyData.editor?.viewType === 'tag' || !propertyData.editor!.viewType)
       }
+      // enableHighlightSearch: {
+      //     visible: !!propertyData.editor?.editable,
+      //     description: "编辑状态下启用高亮搜索",
+      //     title: "启用高亮搜索",
+      //     type: "boolean"
+      // },
     };
   }
   getEditorProperties(t) {
-    var v, f;
+    var v, m;
     const n = this;
-    let i = "";
+    let o = "";
     if (((v = t == null ? void 0 : t.binding) == null ? void 0 : v.type) === "Form") {
       const S = this.schemaService.getFieldByIDAndVMID(t.binding.field, this.viewModelId);
-      (f = S == null ? void 0 : S.schemaField) != null && f.type && (i = S.schemaField.type.$type);
+      (m = S == null ? void 0 : S.schemaField) != null && m.type && (o = S.schemaField.type.$type);
     }
     return n.getComponentConfig(t, { type: "combo-list" }, {
       // enableSearch: {
@@ -2290,7 +2297,7 @@ class xn extends bt {
       multiSelect: {
         description: "",
         title: "启用多选",
-        visible: !i || i === "StringType",
+        visible: !o || o === "StringType",
         type: "boolean",
         refreshPanelAfterChanged: !0
       },
@@ -2305,33 +2312,33 @@ class xn extends bt {
         }
       },
       ...this.getCommonEditorProperties(t)
-    }, (S, T) => {
-      if (!S || !T.editor)
+    }, (S, k) => {
+      if (!S || !k.editor)
         return;
       const p = this;
       switch (S.propertyID) {
         case "dataSourceType": {
-          S.propertyValue === "static" ? (T.editor.valueField = "value", T.editor.textField = "name", T.editor.remote = null) : S.propertyValue === "dynamic" && (T.editor.remote = { method: "GET" }, T.editor.valueField = "value", T.editor.textField = "name");
+          S.propertyValue === "static" ? (k.editor.valueField = "value", k.editor.textField = "name", k.editor.remote = null) : S.propertyValue === "dynamic" && (k.editor.remote = { method: "GET" }, k.editor.valueField = "value", k.editor.textField = "name");
           break;
         }
         case "data": {
-          !p.checkEnumDataReadonly(T) && T.formatter && (T.formatter.data = [...S.propertyValue]);
+          !p.checkEnumDataReadonly(k) && k.formatter && (k.formatter.data = [...S.propertyValue]);
           break;
         }
         case "viewType":
-          S.propertyValue === "tag" && (T.editor.editable = !1);
+          S.propertyValue === "tag" && (k.editor.editable = !1);
       }
     });
   }
   getGridFieldEdtiorProperties(t, n) {
-    var f, S, T, p;
-    const i = this;
-    let m = "";
-    if (((f = t == null ? void 0 : t.binding) == null ? void 0 : f.type) === "Form") {
-      const b = this.schemaService.getFieldByIDAndVMID(t.binding.field, this.viewModelId);
-      (S = b == null ? void 0 : b.schemaField) != null && S.type && (m = b.schemaField.type.$type);
-    }
-    return i.getComponentConfig(t, { type: "combo-list" }, {
+    var m, S, k, p;
+    const o = this;
+    let f = "";
+    if (((m = t == null ? void 0 : t.binding) == null ? void 0 : m.type) === "Form") {
+      const y = this.schemaService.getFieldByIDAndVMID(t.binding.field, this.viewModelId);
+      (S = y == null ? void 0 : y.schemaField) != null && S.type && (f = y.schemaField.type.$type);
+    }
+    return o.getComponentConfig(t, { type: "combo-list" }, {
       // editable: {
       //     description: "",
       //     title: "允许编辑",
@@ -2348,7 +2355,7 @@ class xn extends bt {
         title: "数据",
         type: "array",
         visible: !0,
-        ...i.getItemCollectionEditor(t, (T = t.editor) == null ? void 0 : T.valueField, (p = t.editor) == null ? void 0 : p.textField),
+        ...o.getItemCollectionEditor(t, (k = t.editor) == null ? void 0 : k.valueField, (p = t.editor) == null ? void 0 : p.textField),
         // 这个属性，标记当属性变更得时候触发重新更新属性
         refreshPanelAfterChanged: !0
       },
@@ -2367,7 +2374,7 @@ class xn extends bt {
       multiSelect: {
         description: "",
         title: "启用多选",
-        visible: m === "StringType",
+        visible: f === "StringType",
         type: "boolean",
         refreshPanelAfterChanged: !0
       },
@@ -2382,33 +2389,33 @@ class xn extends bt {
         }
       },
       ...this.getCommonEditorProperties(t)
-    }, (b, r) => {
-      if (!b || !r.editor)
+    }, (y, r) => {
+      if (!y || !r.editor)
         return;
-      const o = this;
-      switch (b.propertyID) {
+      const i = this;
+      switch (y.propertyID) {
         case "dataSourceType": {
-          b.propertyValue === "static" ? (r.editor.valueField = "value", r.editor.textField = "name", r.editor.remote = null) : b.propertyValue === "dynamic" && (r.editor.remote = { method: "GET" });
+          y.propertyValue === "static" ? (r.editor.valueField = "value", r.editor.textField = "name", r.editor.remote = null) : y.propertyValue === "dynamic" && (r.editor.remote = { method: "GET" });
           break;
         }
         case "data": {
-          !o.checkEnumDataReadonly(r) && r.formatter && (r.formatter.data = [...b.propertyValue]);
+          !i.checkEnumDataReadonly(r) && r.formatter && (r.formatter.data = [...y.propertyValue]);
           break;
         }
       }
     });
   }
-  setEditorPropertyRelates(t, n, i) {
+  setEditorPropertyRelates(t, n, o) {
     if (!t || !n.editor)
       return;
-    const m = this;
+    const f = this;
     switch (t.propertyID) {
       case "dataSourceType": {
         t.propertyValue === "static" && (n.editor.valueField = "value", n.editor.textField = "name", n.editor.remote = {});
         break;
       }
       case "data": {
-        !m.checkEnumDataReadonly(n) && n.formatter && (n.formatter.data = [...t.propertyValue]);
+        !f.checkEnumDataReadonly(n) && n.formatter && (n.formatter.data = [...t.propertyValue]);
         break;
       }
     }
@@ -2416,31 +2423,31 @@ class xn extends bt {
   /**
    * 切换绑定属性 
    */
-  changeBindingField(t, n, i) {
+  changeBindingField(t, n, o) {
     var v;
     super.changeBindingField(t, n);
-    const m = i;
-    t.editor && ((v = m == null ? void 0 : m.type) == null ? void 0 : v.$type) === qe.EnumType && (t.editor.data = m.type.enumValues || []);
+    const f = o;
+    t.editor && ((v = f == null ? void 0 : f.type) == null ? void 0 : v.$type) === qe.EnumType && (t.editor.data = f.type.enumValues || []);
   }
 }
 function Hn(e, t) {
   const n = e.schema;
-  function i(m, v) {
-    return new xn(m, t).getPropertyConfig(n, v);
+  function o(f, v) {
+    return new xn(f, t).getPropertyConfig(n, v);
   }
   return {
-    getPropsConfig: i
+    getPropsConfig: o
   };
 }
 const Nn = /* @__PURE__ */ q({
   name: "FComboListDesign",
-  props: Ln,
+  props: jn,
   emits: ["clear", "update:modelValue", "change"],
   setup(e, t) {
-    const n = w(), i = ie("designer-host-service"), m = ie("design-item-context"), v = Hn(m, i), f = yt(n, m, v);
+    const n = F(), o = ie("designer-host-service"), f = ie("design-item-context"), v = Hn(f, o), m = yt(n, f, v);
     return le(() => {
-      n.value.componentInstance = f;
-    }), t.expose(f.value), () => C(ht, {
+      n.value.componentInstance = m;
+    }), t.expose(m.value), () => C(ht, {
       ref: n,
       buttonContent: e.dropDownIcon,
       readonly: !0,
@@ -2451,73 +2458,73 @@ const Nn = /* @__PURE__ */ q({
     }, null);
   }
 });
-Q.register = (e, t, n, i) => {
-  e["combo-list"] = Q, t["combo-list"] = Be;
+Q.register = (e, t, n, o) => {
+  e["combo-list"] = Q, t["combo-list"] = Me;
 };
 Q.registerDesigner = (e, t, n) => {
-  e["combo-list"] = Nn, t["combo-list"] = Be;
+  e["combo-list"] = Nn, t["combo-list"] = Me;
 };
 const Z = We(Q), oe = /* @__PURE__ */ q({
   name: "FOrder",
   props: ce,
   emits: ["change"],
   setup(e, t) {
-    const n = w(), i = w(e.items);
-    function m() {
+    const n = F(), o = F(e.items);
+    function f() {
       var g;
-      const c = Array.isArray(e.items) ? e.items : [];
-      i.value = [...c], (g = n.value) == null || g.updateDataSource(i.value);
+      const u = Array.isArray(e.items) ? e.items : [];
+      o.value = [...u], (g = n.value) == null || g.updateDataSource(o.value);
     }
-    G(() => e.items, m);
-    const v = w("排序列"), f = w("排序方式"), S = w("添加排序列"), T = [{
+    G(() => e.items, f);
+    const v = F("排序列"), m = F("排序方式"), S = F("添加排序列"), k = [{
       id: "asc",
       name: "升序"
     }, {
       id: "desc",
       name: "降序"
-    }], p = w(/* @__PURE__ */ new Map());
-    function b() {
-      const c = i.value.map((g) => [g.id, !0]);
-      p.value = new Map(c);
+    }], p = F(/* @__PURE__ */ new Map());
+    function y() {
+      const u = o.value.map((g) => [g.id, !0]);
+      p.value = new Map(u);
     }
-    b();
-    const r = D(() => e.dataSource.map((c) => (c.disabled = p.value.has(c.id), c))), o = D(() => ({
+    y();
+    const r = L(() => e.dataSource.map((u) => (u.disabled = p.value.has(u.id), u))), i = L(() => ({
       "f-order": !0
     }));
-    function s(c) {
-      i.value = i.value.filter((g) => g.id !== c.id), b(), t.emit("change", i.value);
+    function c(u) {
+      o.value = o.value.filter((g) => g.id !== u.id), y(), t.emit("change", o.value);
     }
-    function l() {
-      i.value = [...i.value, {
+    function a() {
+      o.value = [...o.value, {
         id: Date.now().toString(),
         name: "",
         order: "asc"
-      }], b(), t.emit("change", i.value);
+      }], y(), t.emit("change", o.value);
     }
-    function a(c) {
-      if (c && c.length === 1) {
-        const g = c[0], P = i.value.find((R) => R.id === g.id);
-        P && (P.name = g.name);
+    function l(u) {
+      if (u && u.length === 1) {
+        const g = u[0], I = o.value.find((E) => E.id === g.id);
+        I && (I.name = g.name);
       }
-      b(), t.emit("change", i.value);
+      y(), t.emit("change", o.value);
     }
-    function u(c) {
-      if (c && c.length) {
+    function s(u) {
+      if (u && u.length) {
         const g = /* @__PURE__ */ new Map();
-        c.reduce((P, R) => (P.set(R.id, R), P), g), i.value = c.map((P) => g.get(P.id)), t.emit("change", i.value);
+        u.reduce((I, E) => (I.set(E.id, E), I), g), o.value = u.map((I) => g.get(I.id)), t.emit("change", o.value);
       }
     }
-    function y() {
-      return C(Me, {
+    function h() {
+      return C(Be, {
         ref: n,
         style: "flex:1",
-        data: i.value,
+        data: o.value,
         draggable: !0,
         view: "DraggableView",
         "keep-order": !0,
         itemClass: "f-order-item",
-        onRemoveItem: s,
-        onChange: u
+        onRemoveItem: c,
+        onChange: s
       }, {
         header: () => C("div", {
           class: "f-order-header"
@@ -2525,8 +2532,8 @@ const Z = We(Q), oe = /* @__PURE__ */ q({
           class: "f-order-header-order-field"
         }, [v.value]), C("span", {
           class: "f-order-header-order-type"
-        }, [f.value])]),
-        itemContent: (c) => C("div", {
+        }, [m.value])]),
+        itemContent: (u) => C("div", {
           class: "f-order-item-content"
         }, [C(Z, {
           class: "f-order-item-content-order-field",
@@ -2534,26 +2541,26 @@ const Z = We(Q), oe = /* @__PURE__ */ q({
           valueField: "id",
           textField: "name",
           idField: "id",
-          modelValue: c.raw.id,
-          "onUpdate:modelValue": (g) => c.raw.id = g,
-          onChange: a,
-          onClear: a
+          modelValue: u.raw.id,
+          "onUpdate:modelValue": (g) => u.raw.id = g,
+          onChange: l,
+          onClear: l
         }, null), C(Z, {
           class: "f-order-item-content-order-type",
-          data: T,
+          data: k,
           valueField: "id",
           textField: "name",
           idField: "id",
-          modelValue: c.raw.order,
-          "onUpdate:modelValue": (g) => c.raw.order = g,
-          onChange: a
+          modelValue: u.raw.order,
+          "onUpdate:modelValue": (g) => u.raw.order = g,
+          onChange: l
         }, null)]),
         footer: () => C("div", {
           class: "f-order-footer"
         }, [C(Ie, {
           type: "link",
           class: "f-order-add-button",
-          onClick: l
+          onClick: a
         }, {
           default: () => C(U, null, [C("span", {
             class: "f-order-add-icon"
@@ -2564,150 +2571,150 @@ const Z = We(Q), oe = /* @__PURE__ */ q({
       });
     }
     return () => C("div", {
-      class: o.value
-    }, [y()]);
+      class: i.value
+    }, [h()]);
   }
 });
 function Gn(e, t, n) {
-  var j;
-  const i = "", m = "", v = w();
-  let f;
+  var A;
+  const o = "", f = "", v = F();
+  let m;
   function S() {
     return (t == null ? void 0 : t.schema.componentType) !== "frame";
   }
-  function T() {
+  function k() {
     return !1;
   }
   function p() {
     return (t == null ? void 0 : t.schema.componentType) !== "frame";
   }
-  function b() {
+  function y() {
     return (t == null ? void 0 : t.schema.componentType) === "frame";
   }
-  function r(h) {
-    if (!h || !h.value)
+  function r(T) {
+    if (!T || !T.value)
       return null;
-    if (h.value.schema && h.value.schema.type === "component")
-      return h.value;
-    const E = w(h == null ? void 0 : h.value.parent), k = r(E);
-    return k || null;
-  }
-  function o(h = t) {
-    var M;
-    const { componentInstance: E, designerItemElementRef: k } = h;
-    if (!E || !E.value)
+    if (T.value.schema && T.value.schema.type === "component")
+      return T.value;
+    const B = F(T == null ? void 0 : T.value.parent), b = r(B);
+    return b || null;
+  }
+  function i(T = t) {
+    var V;
+    const { componentInstance: B, designerItemElementRef: b } = T;
+    if (!B || !B.value)
       return null;
-    const { getCustomButtons: F } = E.value;
-    return E.value.canMove || F && ((M = F()) != null && M.length) ? k : o(h.parent);
+    const { getCustomButtons: w } = B.value;
+    return B.value.canMove || w && ((V = w()) != null && V.length) ? b : i(T.parent);
   }
-  function s(h) {
-    return !1;
+  function c(T) {
+    return !!n;
   }
-  function l() {
+  function a() {
     return (t == null ? void 0 : t.schema.label) || (t == null ? void 0 : t.schema.title) || (t == null ? void 0 : t.schema.name);
   }
-  function a() {
+  function l() {
   }
-  function u(h, E) {
-    var k;
-    !h || !E || (k = t == null ? void 0 : t.setupContext) == null || k.emit("dragEnd");
+  function s(T, B) {
+    var b;
+    !T || !B || (b = t == null ? void 0 : t.setupContext) == null || b.emit("dragEnd");
   }
-  function y(h, E) {
-    const { componentType: k } = h;
-    let F = pt(k, h, E);
-    const M = k.toLowerCase().replace(/-/g, "_");
-    return F && !F.id && F.type === k && (F.id = `${M}_${Math.random().toString().slice(2, 6)}`), F;
+  function h(T, B) {
+    const { componentType: b } = T;
+    let w = pt(b, T, B);
+    const V = b.toLowerCase().replace(/-/g, "_");
+    return w && !w.id && w.type === b && (w.id = `${V}_${Math.random().toString().slice(2, 6)}`), w;
   }
-  function c(h) {
+  function u(T) {
   }
-  function g(...h) {
+  function g(...T) {
   }
-  function P(h) {
-    if (!h)
+  function I(T) {
+    if (!T)
       return;
-    const E = t == null ? void 0 : t.schema, { formSchemaUtils: k } = h;
-    if (E && k.getExpressions().length) {
-      const F = k.getExpressions().findIndex((M) => M.target === E.id);
-      F > -1 && k.getExpressions().splice(F, 1);
+    const B = t == null ? void 0 : t.schema, { formSchemaUtils: b } = T;
+    if (B && b.getExpressions().length) {
+      const w = b.getExpressions().findIndex((V) => V.target === B.id);
+      w > -1 && b.getExpressions().splice(w, 1);
     }
   }
-  function R(h) {
-    if (!h || !(t != null && t.schema))
+  function E(T) {
+    if (!T || !(t != null && t.schema))
       return;
-    const E = t.schema, { formSchemaUtils: k } = h;
-    k.removeCommunicationInComponent(E);
-  }
-  function O(h) {
-    P(h), R(h), t != null && t.schema.contents && t.schema.contents.map((E) => {
-      let k = E.id;
-      E.type === "component-ref" && (k = E.component);
-      const F = e.value.querySelectorAll(`#${k}-design-item`);
-      F != null && F.length && Array.from(F).map((M) => {
-        var A;
-        (A = M == null ? void 0 : M.componentInstance) != null && A.value.onRemoveComponent && M.componentInstance.value.onRemoveComponent(h);
+    const B = t.schema, { formSchemaUtils: b } = T;
+    b.removeCommunicationInComponent(B);
+  }
+  function O(T) {
+    I(T), E(T), t != null && t.schema.contents && t.schema.contents.map((B) => {
+      let b = B.id;
+      B.type === "component-ref" && (b = B.component);
+      const w = e.value.querySelectorAll(`#${b}-design-item`);
+      w != null && w.length && Array.from(w).map((V) => {
+        var j;
+        (j = V == null ? void 0 : V.componentInstance) != null && j.value.onRemoveComponent && V.componentInstance.value.onRemoveComponent(T);
       });
     });
   }
-  function V() {
+  function P() {
   }
-  function B(h) {
-    var k, F;
-    if (!((k = t == null ? void 0 : t.schema) != null && k.id))
+  function R(T) {
+    var b, w;
+    if (!((b = t == null ? void 0 : t.schema) != null && b.id))
       return;
-    !f && h && (f = h.formSchemaUtils);
-    let E = "";
+    !m && T && (m = T.formSchemaUtils);
+    let B = "";
     {
-      const { text: M, title: A, label: L, mainTitle: x, name: H, type: _ } = t.schema;
-      E = M || A || L || x || H || ((F = Ce[_]) == null ? void 0 : F.name);
+      const { text: V, title: j, label: D, mainTitle: x, name: H, type: _ } = t.schema;
+      B = V || j || D || x || H || ((w = Ce[_]) == null ? void 0 : w.name);
     }
-    E && f.getControlBasicInfoMap().set(t.schema.id, {
-      componentTitle: E,
-      parentPathName: E
+    B && m.getControlBasicInfoMap().set(t.schema.id, {
+      componentTitle: B,
+      parentPathName: B
     });
   }
-  function d(h) {
-    var M;
-    const { changeObject: E } = h, { propertyID: k, propertyValue: F } = E;
-    if (["text", "title", "label", "name", "mainTitle"].includes((M = h == null ? void 0 : h.changeObject) == null ? void 0 : M.propertyID) && k && F && (B(), f)) {
-      const A = f.getControlBasicInfoMap(), L = A.keys().toArray().filter((x) => {
+  function d(T) {
+    var V;
+    const { changeObject: B } = T, { propertyID: b, propertyValue: w } = B;
+    if (["text", "title", "label", "name", "mainTitle"].includes((V = T == null ? void 0 : T.changeObject) == null ? void 0 : V.propertyID) && b && w && (R(), m)) {
+      const j = m.getControlBasicInfoMap(), D = j.keys().toArray().filter((x) => {
         var H, _;
-        return ((H = A.get(x)) == null ? void 0 : H.reliedComponentId) === ((_ = t == null ? void 0 : t.schema) == null ? void 0 : _.id);
+        return ((H = j.get(x)) == null ? void 0 : H.reliedComponentId) === ((_ = t == null ? void 0 : t.schema) == null ? void 0 : _.id);
       });
-      L != null && L.length && L.forEach((x) => {
-        const H = A.get(x).parentPathName.split(" > ");
-        H[0] = F, A.get(x).parentPathName = H.join(" > ");
+      D != null && D.length && D.forEach((x) => {
+        const H = j.get(x).parentPathName.split(" > ");
+        H[0] = w, j.get(x).parentPathName = H.join(" > ");
       });
     }
   }
-  function I(h) {
-    d(h);
+  function M(T) {
+    d(T);
   }
   return v.value = {
     canMove: S(),
-    canSelectParent: T(),
+    canSelectParent: k(),
     canDelete: p(),
-    canNested: !b(),
+    canNested: !y(),
     contents: t == null ? void 0 : t.schema.contents,
     elementRef: e,
-    parent: (j = t == null ? void 0 : t.parent) == null ? void 0 : j.componentInstance,
+    parent: (A = t == null ? void 0 : t.parent) == null ? void 0 : A.componentInstance,
     schema: t == null ? void 0 : t.schema,
-    styles: i,
-    designerClass: m,
-    canAccepts: s,
+    styles: o,
+    designerClass: f,
+    canAccepts: c,
     getBelongedComponentInstance: r,
-    getDraggableDesignItemElement: o,
-    getDraggingDisplayText: l,
+    getDraggableDesignItemElement: i,
+    getDraggingDisplayText: a,
     getPropConfig: g,
-    getDragScopeElement: a,
-    onAcceptMovedChildElement: u,
-    onChildElementMovedOut: c,
-    addNewChildComponentSchema: y,
-    triggerBelongedComponentToMoveWhenMoved: w(!1),
-    triggerBelongedComponentToDeleteWhenDeleted: w(!1),
+    getDragScopeElement: l,
+    onAcceptMovedChildElement: s,
+    onChildElementMovedOut: u,
+    addNewChildComponentSchema: h,
+    triggerBelongedComponentToMoveWhenMoved: F(!1),
+    triggerBelongedComponentToDeleteWhenDeleted: F(!1),
     onRemoveComponent: O,
-    getCustomButtons: V,
-    onPropertyChanged: I,
-    setComponentBasicInfoMap: B,
+    getCustomButtons: P,
+    onPropertyChanged: M,
+    setComponentBasicInfoMap: R,
     updateContextSchema: t == null ? void 0 : t.updateContextSchema
   }, v;
 }
@@ -2716,89 +2723,89 @@ const _n = /* @__PURE__ */ q({
   props: ce,
   emits: ["change"],
   setup(e, t) {
-    const n = w(e.items), i = w("排序列"), m = w("排序方式"), v = w("添加排序列"), f = [{
+    const n = F(e.items), o = F("排序列"), f = F("排序方式"), v = F("添加排序列"), m = [{
       id: "asc",
       name: "升序"
     }, {
       id: "desc",
       name: "降序"
-    }], S = w(/* @__PURE__ */ new Map()), T = w(), p = ie("design-item-context"), b = Gn(T, p);
+    }], S = F(/* @__PURE__ */ new Map()), k = F(), p = ie("design-item-context"), y = Gn(k, p);
     le(() => {
-      T.value.componentInstance = b;
-    }), t.expose(b.value);
+      k.value.componentInstance = y;
+    }), t.expose(y.value);
     function r() {
-      const g = n.value.map((P) => [P.id, !0]);
+      const g = n.value.map((I) => [I.id, !0]);
       S.value = new Map(g);
     }
     r();
-    const o = D(() => e.dataSource.map((g) => (g.disabled = S.value.has(g.id), g))), s = D(() => ({
+    const i = L(() => e.dataSource.map((g) => (g.disabled = S.value.has(g.id), g))), c = L(() => ({
       "f-order": !0
     }));
-    function l(g) {
-      n.value = n.value.filter((P) => P.id !== g.id), r(), t.emit("change", n.value);
+    function a(g) {
+      n.value = n.value.filter((I) => I.id !== g.id), r(), t.emit("change", n.value);
     }
-    function a() {
+    function l() {
       n.value = [...n.value, {
         id: Date.now().toString(),
         name: "",
         order: "asc"
       }], r(), t.emit("change", n.value);
     }
-    function u(g) {
+    function s(g) {
       r(), t.emit("change", n.value);
     }
-    function y(g) {
+    function h(g) {
       if (g && g.length) {
-        const P = /* @__PURE__ */ new Map();
-        g.reduce((R, O) => (R.set(O.id, O), R), P), n.value = g.map((R) => P.get(R.id)), t.emit("change", n.value);
+        const I = /* @__PURE__ */ new Map();
+        g.reduce((E, O) => (E.set(O.id, O), E), I), n.value = g.map((E) => I.get(E.id)), t.emit("change", n.value);
       }
     }
-    function c() {
-      return C(Me, {
+    function u() {
+      return C(Be, {
         style: "flex:1",
         data: n.value,
         draggable: !0,
         view: "DraggableView",
         "keep-order": !0,
         itemClass: "f-order-item",
-        onRemoveItem: l,
-        onChange: y
+        onRemoveItem: a,
+        onChange: h
       }, {
         header: () => C("div", {
           class: "f-order-header"
         }, [C("span", {
           class: "f-order-header-order-field"
-        }, [i.value]), C("span", {
+        }, [o.value]), C("span", {
           class: "f-order-header-order-type"
-        }, [m.value])]),
+        }, [f.value])]),
         itemContent: (g) => C("div", {
           class: "f-order-item-content"
         }, [C(Z, {
           class: "f-order-item-content-order-field",
-          data: o.value,
+          data: i.value,
           valueField: "id",
           textField: "name",
           idField: "id",
           modelValue: g.id,
-          "onUpdate:modelValue": (P) => g.id = P,
-          onChange: u,
-          onClear: u
+          "onUpdate:modelValue": (I) => g.id = I,
+          onChange: s,
+          onClear: s
         }, null), C(Z, {
           class: "f-order-item-content-order-type",
-          data: f,
+          data: m,
           valueField: "id",
           textField: "name",
           idField: "id",
           modelValue: g.order,
-          "onUpdate:modelValue": (P) => g.order = P,
-          onChange: u
+          "onUpdate:modelValue": (I) => g.order = I,
+          onChange: s
         }, null)]),
         footer: () => C("div", {
           class: "f-order-footer"
         }, [C(Ie, {
           type: "link",
           class: "f-order-add-button",
-          onClick: a
+          onClick: l
         }, {
           default: () => C(U, null, [C("span", {
             class: "f-order-add-icon"
@@ -2809,15 +2816,15 @@ const _n = /* @__PURE__ */ q({
       });
     }
     return () => C("div", {
-      ref: T,
-      class: s.value
-    }, [c()]);
+      ref: k,
+      class: c.value
+    }, [u()]);
   }
-}), ao = {
+}), fo = {
   install(e) {
     e.component(oe.name, oe);
   },
-  register(e, t, n, i) {
+  register(e, t, n, o) {
     e.order = oe, t.order = ve;
   },
   registerDesigner(e, t, n) {
@@ -2826,7 +2833,7 @@ const _n = /* @__PURE__ */ q({
 };
 export {
   oe as FOrder,
-  ao as default,
+  fo as default,
   ce as orderProps,
   ve as propsResolver
 };