@farris/ui-vue 1.6.5-beta.8 → 1.6.6

package/components/order/index.esm.js

@@ -12,18 +12,18 @@ 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: c, ignore: a } = r, l = a && Array.isArray(a), s = Object.keys(o).reduce((h, u) => ((!l || !a.find((g) => g === u)) && (h[u] = o[u].type === "object" && o[u].properties ? i(o[u]) : de(o[u].default)), h), {});
+  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 m(r) {
-    const { properties: o, title: c, required: a } = r;
+  function f(r) {
+    const { properties: i, title: c, required: a } = r;
     if (a && Array.isArray(a)) {
-      const l = a.reduce((s, h) => (s[h] = o[h].type === "object" && o[h].properties ? i(o[h]) : de(o[h].default), s), {});
+      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)}`;
@@ -34,23 +34,23 @@ function ye(e, t) {
       type: c
     };
   }
-  function v(r, o = {}, c) {
+  function v(r, i = {}, c) {
     const a = e[r];
     if (a) {
-      let l = m(a);
+      let l = f(a);
       const s = t[r];
-      return l = s ? s({ getSchemaByType: v }, l, o, c) : l, n != null && n.appendIdentifyForNewControl && n.appendIdentifyForNewControl(l), l;
+      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 c = i(o);
+  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 b(r, o) {
+  function S(r, i) {
     return Object.keys(r).filter((a) => r[a] != null).reduce((a, l) => {
-      if (o.has(l)) {
-        const s = o.get(l);
+      if (i.has(l)) {
+        const s = i.get(l);
         if (typeof s == "string")
           a[s] = r[l];
         else {
@@ -62,20 +62,20 @@ function ye(e, t) {
       return a;
     }, {});
   }
-  function k(r, o, c = /* @__PURE__ */ new Map()) {
-    const a = f(r, o);
-    return b(a, c);
+  function k(r, i, c = /* @__PURE__ */ new Map()) {
+    const a = m(r, i);
+    return S(a, c);
   }
   function p(r) {
     var c;
-    const o = r.type;
-    if (o) {
-      const a = e[o];
+    const i = r.type;
+    if (i) {
+      const a = e[i];
       if (!a)
         return r;
-      const l = f(r, a), s = ((c = r.editor) == null ? void 0 : c.type) || "";
+      const l = m(r, a), s = ((c = r.editor) == null ? void 0 : c.type) || "";
       if (s) {
-        const h = e[s], u = f(r.editor, h);
+        const h = e[s], u = m(r.editor, h);
         l.editor = u;
       }
       return l;
@@ -85,72 +85,72 @@ function ye(e, t) {
   function y(r) {
     n = r;
   }
-  return { getSchemaByType: v, resolveSchemaWithDefaultValue: p, resolveSchemaToProps: k, mappingSchemaToProps: b, setDesignerContext: y };
+  return { getSchemaByType: v, resolveSchemaWithDefaultValue: p, resolveSchemaToProps: k, mappingSchemaToProps: S, setDesignerContext: y };
 }
 const be = {}, Se = {}, { getSchemaByType: ro, resolveSchemaWithDefaultValue: St, resolveSchemaToProps: Ct, mappingSchemaToProps: wt, setDesignerContext: lo } = ye(be, Se);
 function Ft(e = {}) {
-  function t(p, y, 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 c = Object.keys(r)[0], a = r[c];
       if (c === "not")
-        return Number(o[p].length) !== Number(a);
+        return Number(i[p].length) !== Number(a);
       if (c === "moreThan")
-        return Number(o[p].length) >= Number(a);
+        return Number(i[p].length) >= Number(a);
       if (c === "lessThan")
-        return Number(o[p].length) <= Number(a);
+        return Number(i[p].length) <= Number(a);
     }
     return !1;
   }
-  function n(p, y, 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, y) => (p.set(y, e[y]), p), i);
-  function m(p, y) {
+  Object.keys(e).reduce((p, y) => (p.set(y, e[y]), p), o);
+  function f(p, y) {
     const r = p;
-    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((o) => {
-      if (o === "length")
-        return { target: r, operator: "length", param: null, value: y[o] };
-      const c = o, a = y[o];
+    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 c = m(o, p[o]);
+    return Object.keys(p).reduce((r, i) => {
+      const c = f(i, p[i]);
       return r.push(...c), r;
     }, []);
   }
-  function f(p, y) {
-    if (i.has(p.operator)) {
-      const r = i.get(p.operator);
+  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 b(p, y) {
-    return v(p).reduce((c, a) => c && f(a, y), !0);
+  function S(p, y) {
+    return v(p).reduce((c, a) => c && m(a, y), !0);
   }
   function k(p, y) {
-    const r = Object.keys(p), o = r.includes("allOf"), c = r.includes("anyOf"), a = o || c, h = (a ? p[a ? o ? "allOf" : "anyOf" : "allOf"] : [p]).map((g) => b(g, y));
-    return o ? !h.includes(!1) : h.includes(!0);
+    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: 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) => {
+}, Vt = {
+  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]
@@ -201,19 +201,19 @@ const Tt = {
   "list-view": { type: "list-view", name: "列表" },
   "filter-bar": { type: "filter-bar", name: "筛选条" },
   "language-textbox": { type: "language-textbox", name: "多语输入框" }
-}, Vt = {
+}, Ot = {
   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) : ""
 }, Bt = {
-  convertTo: (e, t, n, i) => {
+  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 = [
@@ -262,7 +262,7 @@ const Tt = {
   },
   convertFrom: (e, t, n) => e.command && t === "enable" ? e.command.enable : ""
 }, Mt = {
-  convertTo: (e, t, n, i) => {
+  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,31 +304,31 @@ 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;
     }
   }
-}, Dt = {
-  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]
 }, Lt = {
-  convertTo: (e, t, n, i) => {
+  convertTo: (e, t, n, o) => {
     e.rowNumber || (e.rowNumber = {}), e.rowNumber[t] = n;
   },
   convertFrom: (e, t, n) => e.rowNumber ? e.rowNumber[t] : e[t]
 }, $t = {
-  convertTo: (e, t, n, i) => {
+  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];
   }
 }, At = {
   convertFrom: (e, t, n) => e[t] && e[t].length ? `共 ${e[t].length} 项` : ""
@@ -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,12 +384,12 @@ 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/property-editor.converter", Vt],
     ["/converter/items-count.converter", At],
-    ["/converter/type.converter", Vt],
+    ["/converter/type.converter", Ot],
     ["/converter/change-editor.converter", Pt],
     ["/converter/change-formatter.converter", Bt],
     ["/converter/column-command.converter", It],
@@ -397,8 +397,8 @@ function we(e, t, n) {
     ["/converter/summary.converter", Rt],
     ["/converter/group.converter", Et],
     ["/converter/form-group-label.converter", xt],
-    ["/converter/field-selector.converter", jt],
-    ["/converter/pagination.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],
@@ -406,7 +406,7 @@ function we(e, t, n) {
     ["/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,74 +431,74 @@ function we(e, t, n) {
     ["number", { type: "number-spinner", placeholder: "" }],
     ["events-editor", { type: "events-editor", hide: !0 }]
   ]), v = Ft();
-  function f(a, l) {
+  function m(a, l) {
     return () => v.parseValueSchema(a, l);
   }
-  function b(a, l, s) {
-    return a.includes("visible") && l.visible !== void 0 ? typeof l.visible == "boolean" ? () => !!l.visible : l.visible === void 0 ? !0 : f(l.visible, s) : () => !0;
+  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 : f(l.readonly, s) : () => !1;
+    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 && i.has(s) ? i.get(s) || null : s || null;
-  }
-  function y(a, l, s, h, u, g = "", B = "") {
-    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, I = m.get(T) || { type: "input-group", enableClear: !1 }, S = d.editor ? Object.assign({}, I, d.editor) : Object.assign({}, I), w = b(M, d, l), V = k(M, d, l);
-      S.readonly = S.readonly === void 0 ? V() : S.readonly;
-      const j = d.type === "cascade" ? y(d.properties, l, s, h, u, g, B) : [], D = !0;
-      let x = p(d, B);
+    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((V) => {
+      const P = F(1), R = V, d = a[V], 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), O = k(M, d, l);
+      b.readonly = b.readonly === void 0 ? O() : 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 (P.value) {
-            if (["class", "style"].find((te) => te === R) && !x && (x = i.get("/converter/appearance.converter") || null), x && x.convertFrom)
-              return x.convertFrom(s, O, u, g);
-            const N = s[O];
+            if (["class", "style"].find((te) => te === R) && !x && (x = o.get("/converter/appearance.converter") || null), x && x.convertFrom)
+              return x.convertFrom(s, V, u, g);
+            const N = s[V];
             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) {
-          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);
+          P.value += 1, x && x.convertTo ? (x.convertTo(h, V, N, u, g), x.convertTo(s, V, N, u, g)) : (h[V] = N, s[V] = N);
         }
-      }), { refreshPanelAfterChanged: _, description: K, isExpand: ee, parentPropertyID: X } = d, Y = { propertyID: R, propertyName: A, propertyType: T, propertyValue: H, editor: S, visible: w, readonly: V, cascadeConfig: j, hideCascadeTitle: D, refreshPanelAfterChanged: _, description: K, isExpand: ee, parentPropertyID: X };
+      }), { refreshPanelAfterChanged: _, description: K, isExpand: ee, parentPropertyID: X } = d, Y = { propertyID: R, propertyName: A, propertyType: T, propertyValue: H, editor: b, visible: w, readonly: O, cascadeConfig: j, hideCascadeTitle: D, refreshPanelAfterChanged: _, description: K, isExpand: ee, parentPropertyID: X };
       return l[R] = Y, Y;
     });
   }
   function r(a, l, s = {}) {
     const h = {}, u = e[a];
-    return u && u.categories ? Object.keys(u.categories).map((B) => {
-      const E = u.categories[B], O = E == null ? void 0 : E.title, P = y(E.properties || {}, h, {}, s, l);
-      return { categoryId: B, categoryName: O, properties: P };
+    return u && u.categories ? Object.keys(u.categories).map((I) => {
+      const E = u.categories[I], V = E == null ? void 0 : E.title, P = y(E.properties || {}, h, {}, s, l);
+      return { categoryId: I, categoryName: V, properties: P };
     }) : [];
   }
-  function o(a, l, s, h, u = "") {
-    const g = l.$ref.schema, B = l.$ref.converter, E = s[g], O = E.type, P = n(E), R = {}, d = e[O];
+  function i(a, l, s, h, u = "") {
+    const g = l.$ref.schema, I = l.$ref.converter, E = s[g], V = E.type, P = n(E), R = {}, d = e[V];
     if (d && d.categories) {
       const M = d.categories[a], A = M == null ? void 0 : M.title;
-      B && Object.keys(M.properties).forEach((S) => {
-        M.properties[S].$converter = B;
+      I && Object.keys(M.properties).forEach((b) => {
+        M.properties[b].$converter = I;
       });
-      const T = (M == null ? void 0 : M.properties) || {}, I = y(T, R, P, E, h, u);
-      return { categoryId: a, categoryName: A, properties: I };
+      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, B = 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 g = a.type, I = n(a), E = {};
+    let V = u || e[g];
+    if (V && Object.keys(V).length === 0 && s && s.getPropConfig && (V = s.getPropConfig(h)), V && V.categories) {
       const P = [];
-      return Object.keys(O.categories).map((R) => {
-        const d = O.categories[R];
+      return Object.keys(V.categories).map((R) => {
+        const d = V.categories[R];
         if (d.$ref) {
-          P.push(o(R, d, a, l, h));
+          P.push(i(R, d, a, l, h));
           return;
         }
-        const M = d == null ? void 0 : d.title, A = d == null ? void 0 : d.tabId, T = d == null ? void 0 : d.tabName, I = d == null ? void 0 : d.hide, S = d == null ? void 0 : d.hideTitle, w = y(d.properties || {}, E, B, 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: I, properties: w, hideTitle: S, setPropertyRelates: V, parentPropertyID: j });
+        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: O } = 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: O, parentPropertyID: j });
       }), P;
     }
     return [];
@@ -506,18 +506,18 @@ function we(e, t, n) {
   return {
     getPropertyConfigBySchema: c,
     getPropertyConfigByType: r,
-    propertyConverterMap: i
+    propertyConverterMap: o
   };
 }
 const Fe = {}, Te = {};
 we(Fe, Te, St);
-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, b, k, p) => b, 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 = {}, b = !0) => {
-    if (!b)
-      return wt(f, n);
-    const k = Ct(f, t, n), p = Object.keys(e).reduce((y, r) => (y[r] = e[r].default, y), {});
+const ke = {}, Ve = {}, { getSchemaByType: ao, resolveSchemaWithDefaultValue: qt, resolveSchemaToProps: so, mappingSchemaToProps: co, setDesignerContext: uo } = ye(ke, Ve), Oe = {}, Pe = {};
+we(Oe, Pe, qt);
+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, Ve[t.title] = o, Oe[t.title] = f, Pe[t.title] = v, (m = {}, S = !0) => {
+    if (!S)
+      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);
   };
 }
@@ -795,39 +795,39 @@ const rn = "order", ln = "A Farris Component", an = "object", sn = {
 };
 function dn(e, t) {
   function n(v) {
-    const f = [];
-    let b = v.nextNode();
-    for (; b; )
-      f.push(b), b = v.nextNode();
-    return f;
-  }
-  function i(v, f) {
-    const b = document.createTreeWalker(v, NodeFilter.SHOW_TEXT);
-    return n(b).map((r) => ({ textNode: r, text: (r.textContent || "").toLocaleLowerCase() })).map(({ textNode: r, text: o }) => {
+    const m = [];
+    let S = v.nextNode();
+    for (; S; )
+      m.push(S), S = v.nextNode();
+    return m;
+  }
+  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: i }) => {
       const c = [];
       let a = 0;
-      for (; a < o.length; ) {
-        const l = o.indexOf(f, a);
+      for (; a < i.length; ) {
+        const l = i.indexOf(m, a);
         if (l === -1)
           break;
-        c.push(l), a = l + f.length;
+        c.push(l), a = l + m.length;
       }
       return c.map((l) => {
         const s = new Range();
-        return s.setStart(r, l), s.setEnd(r, l + f.length), s;
+        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()), b = new Highlight(...f);
-    CSS.highlights.set("search-result", b);
+    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, b, k, p) {
-  const y = F(e.size), r = F(e.textField), o = F(e.titleField), c = F(e.disableField), a = L(() => {
+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);
   }), {
@@ -837,10 +837,10 @@ function pe(e, t, n, i, m, v, f, b, k, p) {
   } = v, {
     getKey: u,
     listViewItemClass: g,
-    listViewItemStyle: B,
+    listViewItemStyle: I,
     onCheckItem: E,
-    onClickItem: O
-  } = f, P = L(() => {
+    onClickItem: V
+  } = m, P = L(() => {
     const d = {
       "text-overflow": "ellipsis",
       overflow: "hidden",
@@ -852,12 +852,12 @@ function pe(e, t, n, i, m, v, f, b, k, p) {
     };
   });
   function R(d, M, A) {
-    return d.checked = b.findIndexInSelectedItems(d) > -1, C("li", {
+    return d.checked = S.findIndexInSelectedItems(d) > -1, C("li", {
       class: g(d, M),
       id: u(d, M),
       key: u(d, M),
-      style: B(d, M),
-      onClick: (T) => O(d, M, T),
+      style: I(d, M),
+      onClick: (T) => V(d, M, T),
       onMouseenter: (T) => l(T, d, M),
       onMouseover: (T) => s(T, d, M),
       onMouseout: (T) => h(T, d, M)
@@ -878,15 +878,15 @@ function pe(e, t, n, i, m, v, f, b, k, p) {
     }, [C("div", {
       class: e.itemContentClass,
       style: P.value,
-      title: d.raw[o.value] || d.raw[r.value]
+      title: d.raw[i.value] || d.raw[r.value]
     }, [d.raw[r.value]])])]);
   }
   return {
     renderItem: R
   };
 }
-function fn(e, t, n, i, m, v, f, b, k, p) {
-  const y = F(e.multiSelect), r = F(e.disableField), o = F(e.textField), {
+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
@@ -895,8 +895,8 @@ function fn(e, t, n, i, m, v, f, b, k, p) {
     listViewItemClass: h,
     listViewItemStyle: u,
     onCheckItem: g,
-    onClickItem: B
-  } = f;
+    onClickItem: I
+  } = m;
   function E(P, R, d) {
     return e.contentTemplate ? C(U, null, [e.contentTemplate({
       item: P.raw,
@@ -908,15 +908,15 @@ function fn(e, t, n, i, m, v, f, b, k, p) {
       selectedItem: d
     })]) : C("div", {
       style: "margin: 10px 0;"
-    }, [P.raw[o.value || "name"]]);
+    }, [P.raw[i.value || "name"]]);
   }
-  function O(P, R, d) {
+  function V(P, R, d) {
     return C("li", {
       class: h(P, R),
       id: s(P, R),
       key: s(P, R),
       style: u(P, R),
-      onClick: (M) => B(P, R, M),
+      onClick: (M) => I(P, R, M),
       onMouseenter: (M) => c(M, P, R),
       onMouseover: (M) => a(M, P, R),
       onMouseout: (M) => l(M, P, R)
@@ -935,11 +935,11 @@ function fn(e, t, n, i, m, v, f, b, k, p) {
     }, [E(P, R, d)])]);
   }
   return {
-    renderItem: O
+    renderItem: V
   };
 }
-function mn(e, t, n, i, m, v, f, b, k, p) {
-  const y = F(e.multiSelect), r = F(e.disableField), o = F(e.textField), {
+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
@@ -948,59 +948,61 @@ function mn(e, t, n, i, m, v, f, b, k, p) {
     listViewItemClass: h,
     onCheckItem: u,
     onClickItem: g
-  } = f, {
-    dragstart: B,
+  } = m, {
+    dragstart: I,
     dragenter: E,
-    dragover: O,
+    dragover: V,
     dragend: P
-  } = i, {
+  } = o, {
     removeItem: R
   } = k, d = L(() => ({
     margin: y.value ? "10px 0" : "10px 0px 10px 14px"
   }));
-  function M(w, V = "") {
+  function M(w, O = "") {
     const j = w.target;
-    j.title = j.scrollWidth > j.clientWidth ? V : "";
+    j.title = j.scrollWidth > j.clientWidth ? O : "";
   }
   function A(w) {
     return C("div", {
       style: d.value,
-      onMouseenter: (V) => M(V, w.raw[o.value || "name"])
-    }, [w.raw[o.value || "name"]]);
+      onMouseenter: (O) => M(O, w.raw[i.value || "name"])
+    }, [w.raw[i.value || "name"]]);
   }
   function T() {
     return t.slots.itemContent ? t.slots.itemContent : A;
   }
-  const I = T();
-  function S(w, V, j) {
+  const B = T();
+  function b(w, O, j) {
     return C("li", {
-      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),
+      class: h(w, O),
+      id: s(w, O),
+      key: s(w, O),
+      onClick: (D) => g(w, O, D),
+      onMouseenter: (D) => c(D, w, O),
+      onMouseover: (D) => a(D, w, O),
+      onMouseout: (D) => l(D, w, O),
       draggable: "true",
-      onDragstart: (D) => B(D, w, V),
-      onDragenter: (D) => E(D, V),
+      onDragstart: (D) => I(D, w, O),
+      onDragenter: (D) => E(D, O),
       onDragend: (D) => P(D, w),
-      onDragover: (D) => O(D)
+      onDragover: (D) => V(D)
     }, [y.value && C("div", {
       class: "f-list-select",
       onClick: (D) => D.stopPropagation()
     }, [C(se, {
-      id: "list-" + s(w, V),
+      id: "list-" + s(w, O),
       customClass: "listview-checkbox",
       disabled: w[r.value] || !w.checked,
       checked: w.checked,
       "onUpdate:checked": (D) => w.checked = D,
-      onChange: (D) => u(w, V, !D.checked)
+      onChange: (D) => u(w, O, !D.checked)
     }, null)]), C("div", {
       class: "f-list-content"
-    }, [I(w)]), C("div", {
+    }, [B(w)]), C("div", {
       class: "f-list-remove",
-      onClick: (D) => R(V)
+      onClick: (D) => {
+        D.stopPropagation(), R(O);
+      }
     }, [C("div", {
       class: "f-list-remove-icon"
     }, [C("i", {
@@ -1012,18 +1014,18 @@ function mn(e, t, n, i, m, v, f, b, k, p) {
     }, null)])])]);
   }
   return {
-    renderItem: S
+    renderItem: b
   };
 }
-function vn(e, t, n, i, m, v, f, b, k, p) {
+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 c(h, u) {
-    u.collapse = !u.collapse, n.value = o(u.collapse ? "collapse" : "expand", u, n.value);
+    u.collapse = !u.collapse, n.value = i(u.collapse ? "collapse" : "expand", u, n.value);
   }
   function a(h, u, g) {
     return t.slots.group ? C(U, null, [t.slots.content && t.slots.group({
@@ -1032,7 +1034,7 @@ function vn(e, t, n, i, m, v, f, b, k, p) {
       selectedItem: g
     })]) : C("div", {
       class: "f-navlookup-recentHeader",
-      onClick: (B) => c(B, h)
+      onClick: (I) => c(I, h)
     }, [C("div", {
       class: "fv-grid-group-row-icon"
     }, [C("span", {
@@ -1048,36 +1050,36 @@ function vn(e, t, n, i, m, v, f, b, k, p) {
     renderItem: l
   };
 }
-function pn(e, t, n, i) {
-  const { dataView: m } = n, { updateSelectedItems: v } = i;
-  function f(b) {
-    if (b > -1 && b < m.value.length) {
-      if (e != null && e.checkBeforeRemoveItem && !e.checkBeforeRemoveItem(m.value[b]))
+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 k = m.value.splice(b, 1);
+      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, b, k, p) {
+function gn(e, t, n, o, f, v, m, S, k, p) {
   const {
     t: y
-  } = ae(), r = F(e.view), o = F(e.view === "CardView"), c = F({}), a = F(y("listView.emptyMessage")), l = pn(e, t, i, k), s = L(() => ({
+  } = 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
+    "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 B = g(), {
+  const I = g(), {
     renderItem: E
-  } = B(e, t, n, p, m, v, k, f, l, b), {
-    renderItem: O
-  } = vn(e, t, n, p, m, v, k, f, l, b), P = [E, O];
+  } = I(e, t, n, p, f, v, k, m, l, S), {
+    renderItem: V
+  } = vn(e, t, n, p, f, v, k, m, l, S), P = [E, V];
   function R() {
     return n.value.filter((A) => A.visible !== !1).map((A, T) => P[A.type](A, T, c));
   }
@@ -1100,31 +1102,31 @@ function gn(e, t, n, i, m, v, f, b, k, p) {
   };
 }
 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 = F(e.headerClass), m = F(e.placeholder), v = F(""), f = L(() => !v.value), b = L(() => !!v.value);
-  function k(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 = L(() => {
-    const o = {
+    const i = {
       "form-group": !0,
       "farris-form-group": !0
     };
-    return i.value && i.value.split(" ").reduce((a, l) => (a[l] = !0, a), o), o;
+    return o.value && o.value.split(" ").reduce((a, l) => (a[l] = !0, a), i), i;
   });
-  function y(o) {
+  function y(i) {
   }
   function r() {
     return 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"
-    }, [b.value && C("span", {
+    }, [S.value && C("span", {
       class: "input-group-text input-group-clear",
-      onClick: (o) => k()
+      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,21 +1165,21 @@ function ge(e, t, n) {
   };
 }
 function yn() {
-  const e = F(""), t = F(-1), n = F(""), i = F(-1), m = F(!1);
-  function v(r, o, c) {
-    i.value = c;
+  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, c) {
-    m.value || (i.value = c);
+  function m(r, i, c) {
+    f.value || (o.value = c);
   }
-  function b(r, o, c) {
-    i.value = -1;
+  function S(r, i, c) {
+    o.value = -1;
   }
   function k() {
-    m.value = !0;
+    f.value = !0;
   }
   function p() {
-    m.value = !1;
+    f.value = !1;
   }
   function y() {
     t.value = -1, e.value = "";
@@ -1185,24 +1187,24 @@ function yn() {
   return {
     activeIndex: t,
     focusedItemId: n,
-    hoverIndex: i,
+    hoverIndex: o,
     clearActiveItem: y,
     onMouseenterItem: v,
-    onMouseoverItem: f,
-    onMouseoutItem: b,
+    onMouseoverItem: m,
+    onMouseoutItem: S,
     resumeHover: p,
     suspendHover: k
   };
 }
-function bn(e, t, n, i) {
-  const m = F(e.idField), { dataView: v } = n, f = F(-1), b = F(!1), { activeIndex: k, focusedItemId: p, hoverIndex: y, resumeHover: r, suspendHover: o } = i;
+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 s(V, P) {
+    const R = V - a, d = P - l;
+    c.style.left = parseInt(c.style.left) + R + "px", c.style.top = parseInt(c.style.top) + d + "px", a = V, l = P;
   }
-  function h(O) {
-    const { left: P, top: R } = O.getBoundingClientRect(), d = O.cloneNode(!0);
+  function h(V) {
+    const { left: P, top: R } = V.getBoundingClientRect(), d = V.cloneNode(!0);
     return d.style.cssText = `
         position:absolute;
         left:${P}px;
@@ -1217,115 +1219,115 @@ function bn(e, t, n, i) {
         align-items: center;
         float: none;
         text-align: initial;
-        width:${getComputedStyle(O).width};
-        height:${getComputedStyle(O).height};
+        width:${getComputedStyle(V).width};
+        height:${getComputedStyle(V).height};
         `, d.children[0].style.cssText = "overflow: hidden;flex: 1 1 auto;width: 100%;", d.children[0].children[0].style.cssText = `
         margin: 10px 0px 10px 14px;
         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 u(O, P, R) {
-    if (O.stopPropagation(), o(), P) {
-      if (c = h(O.target), O.dataTransfer) {
+  function u(V, P, R) {
+    if (V.stopPropagation(), i(), P) {
+      if (c = h(V.target), V.dataTransfer) {
         const d = new Image();
-        d.src = "", O.dataTransfer.setDragImage(d, 0, 0);
+        d.src = "", V.dataTransfer.setDragImage(d, 0, 0);
       }
-      a = O.pageX, l = O.pageY, setTimeout(() => {
-        f.value = R, b.value = !0, P.moving = !0;
+      a = V.pageX, l = V.pageY, setTimeout(() => {
+        m.value = R, S.value = !0, P.moving = !0;
       });
     }
   }
-  function g(O, P) {
-    if (O.preventDefault(), f.value !== P) {
-      const R = v.value[f.value], d = v.value;
-      d.splice(f.value, 1), d.splice(P, 0, R), f.value = P, s(O.pageX, O.pageY);
+  function g(V, P) {
+    if (V.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(V.pageX, V.pageY);
     }
   }
-  function B(O) {
-    O.preventDefault(), O.dataTransfer && (O.dataTransfer.dropEffect = "move"), s(O.pageX, O.pageY);
+  function I(V) {
+    V.preventDefault(), V.dataTransfer && (V.dataTransfer.dropEffect = "move"), s(V.pageX, V.pageY);
   }
-  function E(O, P) {
+  function E(V, P) {
     P && (P.moving = !1, c && (document.body.removeChild(c), c = null)), v.value.forEach((R, d) => {
       R.__fv_index__ = d;
-    }), b.value = !1, r(), y.value = P.raw.__fv_index__, k.value = P.raw.__fv_index__, p.value = P.raw[m.value], t.emit("change", v.value), t.emit("activeChange", [P.raw]);
+    }), 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: u,
     dragenter: g,
-    dragover: B,
+    dragover: I,
     dragend: E,
-    isDragging: b
+    isDragging: S
   };
 }
-function Sn(e, t, n, i, m, v) {
-  const f = F(e.idField), b = F(e.disableField), k = F(e.draggable);
+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 } = i, { activeIndex: o, focusedItemId: c, hoverIndex: a } = m, { clearSelection: l, getSelectedItems: s, toggleSelectItem: h, currentSelectedDataId: u } = v, g = F(s()), B = (S) => g.value.length === 0 ? !1 : g.value.some((w) => {
-    let V = "";
-    return w.data ? V = w.data[f.value] : V = w[f.value], V === S;
+  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 O = "";
+    return w.data ? O = w.data[m.value] : O = w[m.value], O === b;
   });
   function E() {
     g.value = s();
   }
-  function O(S, w) {
-    return S.raw[f.value] != null ? S.raw[f.value] : "";
+  function V(b, w) {
+    return b.raw[m.value] != null ? b.raw[m.value] : "";
   }
-  function P(S, w) {
-    const V = {
+  function P(b, w) {
+    const O = {
       "f-list-view-group-item": !0,
       "f-list-view-draggable-item": k.value,
-      "f-un-click": !S.checked,
-      "f-un-select": !!S.raw[b.value],
+      "f-un-click": !b.checked,
+      "f-un-select": !!b.raw[S.value],
       "f-listview-active": (
         // 多选
-        p.value && B(O(S)) || // 单选
-        !p.value && S.raw[f.value] === u.value
+        p.value && I(V(b)) || // 单选
+        !p.value && b.raw[m.value] === u.value
       ),
       "f-listview-hover": !r.value && w === a.value,
-      moving: !!S.moving
+      moving: !!b.moving
     };
     if (typeof e.itemClass == "string")
-      return re(V, e.itemClass);
+      return re(O, e.itemClass);
     if (typeof e.itemClass == "function") {
-      const j = e.itemClass(S);
-      return re(V, j);
+      const j = e.itemClass(b);
+      return re(O, j);
     }
-    return V;
+    return O;
   }
-  function R(S, w) {
-    const V = (
+  function R(b, w) {
+    const O = (
       // 多选
-      p.value && B(O(S)) || // 单选
-      !p.value && S.raw[f.value] === u.value
+      p.value && I(V(b)) || // 单选
+      !p.value && b.raw[m.value] === u.value
     ), j = {};
-    if (V && (j.backgroundColor = "#dae9ff"), typeof e.itemStyle == "string")
+    if (O && (j.backgroundColor = "#dae9ff"), typeof e.itemStyle == "string")
       return me(j, e.itemStyle);
     if (typeof e.itemStyle == "function") {
-      const D = e.itemStyle(S);
+      const D = e.itemStyle(b);
       return me(j, D);
     }
     return j;
   }
   const d = L(() => !p.value);
-  function M(S, w, V) {
-    S.checked = V, !S.raw[b.value] && (d.value && (c.value = S.raw[f.value]), h(S));
+  function M(b, w, O) {
+    b.checked = O, !b.raw[S.value] && (d.value && (c.value = b.raw[m.value]), h(b));
   }
   const A = L(() => p.value && y.value === "OnCheckClearByClick"), T = L(() => !p.value || p.value && (y.value === "OnCheckAndClick" || y.value === "OnClick"));
-  function I(S, w, V) {
-    if (S.raw[b.value]) {
-      V == null || V.preventDefault(), V == null || V.stopPropagation();
+  function B(b, w, O) {
+    if (b.raw[S.value]) {
+      O == null || O.preventDefault(), O == null || O.stopPropagation();
       return;
     }
-    c.value = S.raw[f.value], o.value = w, A.value && l(), T.value && (h(S), E()), t.emit("clickItem", { data: g.value, index: w, dataItem: S.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,
+    getKey: V,
     selectedItems: g,
     listViewItemClass: P,
     listViewItemStyle: R,
     updateSelectedItems: E,
     onCheckItem: M,
-    onClickItem: I
+    onClickItem: B
   };
 }
 const Be = /* @__PURE__ */ q({
@@ -1333,30 +1335,30 @@ const Be = /* @__PURE__ */ q({
   props: un,
   emits: ["afterSearch", "checkValuesChange", "clickItem", "selectItem", "unSelectItem", "selectionChange", "removeItem", "change", "activeChange", "pageIndexChanged", "pageSizeChanged", "changed", "selectionUpdate"],
   setup(e, t) {
-    const n = F(), i = F(!0), m = F(!1), v = F([]), f = 0, b = F(e.columns), k = Ue(e, t), p = Xe(e), y = Ye(e), r = Je(e, p), o = Qe(e, /* @__PURE__ */ new Map(), k, y, p), c = Ze(e, o, p, v, t), a = dn(e, n), l = Ke(e, o), s = L(() => o.dataView.value.length), h = et(e, t, c, p), u = tt(e, t, p, h, v), g = nt(e), B = ot(e, {}, g), E = it(e, o, u, y, p, g, B), O = rt(e, p, B, E), P = lt(e, p, B, E), R = at(e, b, o, s, f, E, O, P), {
+    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), V = rt(e, p, I, E), P = lt(e, p, I, E), R = at(e, S, i, s, m, E, V, P), {
       getVisualData: d
     } = R;
-    v.value = d(0, s.value + f - 1);
+    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);
-    }), A = L(() => !!t.slots.footer || i.value);
+    }), A = L(() => !!t.slots.footer || o.value);
     function T() {
       return e.header === "SearchBar" ? ge : e.header === "ContentHeader" ? hn : ge;
     }
-    const I = T(), {
-      renderHeader: S
-    } = I(e, t, a), w = yn(), V = bn(e, t, o, w), j = Sn(e, t, v, V, w, c), {
+    const B = T(), {
+      renderHeader: b
+    } = B(e, t, a), w = yn(), O = bn(e, t, i, w), j = Sn(e, t, v, O, w, c), {
       renderListArea: D
-    } = gn(e, t, v, o, r, w, c, R, j, V);
+    } = gn(e, t, v, i, r, w, c, R, j, O);
     function x($) {
       a.search($);
     }
     function H($) {
-      $ && (o.load($), v.value = d(0, s.value + f - 1));
+      $ && (i.load($), v.value = d(0, s.value + m - 1));
     }
     function _() {
       c.clearSelection(), w.clearActiveItem();
@@ -1387,7 +1389,7 @@ const Be = /* @__PURE__ */ q({
     function Ee($) {
       l.updatePagination($);
     }
-    function je($) {
+    function De($) {
       return v.value.filter((z) => $.includes(z.raw[e.idField]));
     }
     t.expose({
@@ -1401,10 +1403,10 @@ const Be = /* @__PURE__ */ q({
       getCurrentRowId: Y,
       clickRowItemById: te,
       updatePagination: Ee,
-      getVisibleDataByIds: je,
+      getVisibleDataByIds: De,
       selectRowById: Re
     });
-    function De($) {
+    function je($) {
       e.multiSelect && ($.preventDefault(), $.stopPropagation());
     }
     G(() => e.selectionValues, ($, z) => {
@@ -1417,18 +1419,18 @@ const Be = /* @__PURE__ */ q({
       applyColumnSorter: qn,
       columnContext: xe,
       updateColumnRenderContext: Wn
-    } = Ae, He = ut(e, o, v, xe, R, s, f, $e, u);
-    return dt(e, t, o, He, l, c), () => 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: De
-    }, [S(), C("div", {
+      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;
       }
     }, [D()]), A.value && C("div", {
       class: "f-list-view-footer"
@@ -1461,8 +1463,8 @@ const Be = /* @__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
@@ -1470,14 +1472,14 @@ function wn(e, t) {
 }
 function Fn(e) {
   const t = L(() => {
-    const i = {
+    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;
+    return o;
   }), n = L(() => !!(e.icon && e.icon.trim()));
   return { iconClass: t, shouldShowIcon: n };
 }
@@ -1489,29 +1491,29 @@ const Ie = /* @__PURE__ */ q({
     const {
       onClickButton: n
     } = wn(e, t), {
-      iconClass: i,
-      shouldShowIcon: m
+      iconClass: o,
+      shouldShowIcon: f
     } = Fn(e), v = L(() => {
-      const f = {
+      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((b, k) => (b[k] = e.customClass[k], b), 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", Bn = "object", In = {
+]), kn = "https://json-schema.org/draft/2020-12/schema", Vn = "https://farris-design.gitee.io/combo-list.schema.json", On = "combo-list", Pn = "A Farris Input Component", Bn = "object", In = {
   id: {
     description: "The unique identifier for a combo list",
     type: "string"
@@ -1704,15 +1706,15 @@ const Ie = /* @__PURE__ */ q({
   "visible"
 ], En = {
   $schema: kn,
-  $id: On,
-  title: Vn,
+  $id: Vn,
+  title: On,
   description: Pn,
   type: Bn,
   properties: In,
   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 }
-}, Dn = Object.assign({}, ue, {
+}, jn = Object.assign({}, ue, {
   readonly: {}
-}), Me = vt(ue, En, Tn, jn), Ln = {
+}), Me = vt(ue, En, Tn, Dn), Ln = {
   dataSource: { type: Array, default: [] },
   enableSearch: { type: Boolean, default: !1 },
   idField: { type: String, default: "id" },
@@ -1911,7 +1913,7 @@ const ue = {
   props: Ln,
   emits: ["selectionChange"],
   setup(e, t) {
-    const n = F(), i = F(e.dataSource), m = F([]), v = F(e.separator), f = F(e.width), b = F(e.maxHeight), k = F(String(e.selectedValues).split(v.value)), p = L(() => e.multiSelect), y = L(() => ({
+    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,17 +1922,17 @@ const ue = {
       showSelection: !0
     }));
     G(e.dataSource, () => {
-      i.value = e.dataSource;
+      o.value = e.dataSource;
     }), L(() => e.enableSearch ? "SearchBar" : "ContentHeader");
     const r = L(() => {
       const s = {};
-      return f.value !== void 0 && (s.width = `${f.value}px`), b.value !== void 0 && b.value > 0 && (s.maxHeight = `${b.value}px`), 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(s) {
+    function i(s) {
       n.value.search(s);
     }
     function c(s) {
-      m.value = s.map((h) => Object.assign({}, h)), k.value = s.map((h) => h[e.idField]), t.emit("selectionChange", m.value);
+      f.value = s.map((h) => Object.assign({}, h)), k.value = s.map((h) => h[e.idField]), t.emit("selectionChange", f.value);
     }
     function a(s) {
       if (e.enableHighlightSearch)
@@ -1939,7 +1941,7 @@ const ue = {
       const {
         searchOption: u
       } = e;
-      typeof u == "function" ? h = i.value.filter((g) => u(s, g)) : h = i.value.filter((g) => g[e.valueField].indexOf(s) > -1 || g[e.textField].indexOf(s) > -1), n.value.updateDataSource(h);
+      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], ([s]) => {
       e.multiSelect ? k.value = s.split(v.value) : k.value = [s];
@@ -1953,12 +1955,12 @@ const ue = {
         const u = (s = k.value) == null ? void 0 : s[0];
         let g = u;
         if (!ze(u)) {
-          const B = typeof u, E = typeof ((h = i.value[0]) == null ? void 0 : h[e.valueField || e.idField]);
-          E === "number" && B !== E && (g = Number(u)), E === "boolean" && B !== E && (g = u === "true" ? !0 : u === "false" ? !1 : u), l(g);
+          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,
+      search: i,
       activeRowById: l
     }), () => C("div", {
       class: "f-combo-list-container",
@@ -1970,7 +1972,7 @@ 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,
@@ -1984,58 +1986,58 @@ const ue = {
   }
 });
 function An(e) {
-  const { t } = ae(), n = F(""), i = F(e.modelValue), m = F(e.data || []), v = F(e.editable);
-  function f(o) {
-    const c = e.multiSelect ? String(o).split(e.separator) : [String(o)], a = c.map((h) => [h, !0]), l = new Map(a);
-    return m.value.filter((h) => l.has(String(h[e.valueField]))).sort((h, u) => {
-      const g = c.indexOf(h[e.valueField]), B = c.indexOf(u[e.valueField]);
-      return g - B;
+  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 b(o) {
-    const c = f(o).map((a) => a[e.textField]).join(e.separator);
-    n.value = v.value ? c || o : c;
+  function S(i) {
+    const c = m(i).map((a) => a[e.textField]).join(e.separator);
+    n.value = v.value ? c || i : c;
   }
-  function k(o) {
+  function k(i) {
     if (e.multiSelect) {
-      const c = o.split(e.separator).map((l) => [l, !0]), a = new Map(c);
-      return m.value.filter((l) => a.has(l[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((c) => "" + c[e.textField] === o);
+    return f.value.filter((c) => "" + c[e.textField] === i);
   }
-  function p(o) {
+  function p(i) {
     const c = {};
-    return c[e.idField] = o, c[e.textField] = o, [c];
+    return c[e.idField] = i, c[e.textField] = i, [c];
   }
-  function y(o) {
-    let c = k(o);
+  function y(i) {
+    let c = k(i);
     const a = c && c.length > 0;
-    return v.value && !a && (c = p(o)), c;
+    return v.value && !a && (c = p(i)), c;
   }
   function r() {
-    const { url: o, 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 };
+    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(o, s)).then((u) => {
-      var B, E;
+    fetch(new Request(i, s)).then((u) => {
+      var I, E;
       if (u.status === 200)
-        return h = !!((E = (B = u.headers) == null ? void 0 : B.get("content-type")) != null && E.includes("application/json")), h ? u.text() : u.json();
+        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 && (m.value = h ? JSON.parse(u) : 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 c = o.find((a) => a[e.valueField] === e.modelValue);
+      const c = i.find((a) => a[e.valueField] === e.modelValue);
       c && (n.value = c[e.textField]);
     }
-  }), G(() => e.modelValue, (o) => {
-    i.value = o, b(o);
-  }), b(e.modelValue), { dataSource: m, displayText: n, editable: v, modelValue: i, getItemsByDisplayText: k, getItemsByValue: f, getSelectedItemsByDisplayText: y };
+  }), 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,65 +2046,67 @@ const Q = /* @__PURE__ */ q({
   setup(e, t) {
     const {
       t: n
-    } = ae(), i = F(), m = F(), v = F(e.disabled || e.readonly), f = F(e.enableClear), b = F(e.enableSearch), k = F(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: y,
       editable: r,
-      modelValue: o,
+      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(() => m.value ? m.value.elementRef.getBoundingClientRect().width : 0);
+    const h = L(() => e.multiSelect), u = L(() => f.value ? f.value.elementRef.getBoundingClientRect().width : 0);
     function g() {
-      !h.value && m.value && m.value.hidePopup();
+      !h.value && f.value && f.value.hidePopup();
     }
-    function B(I) {
-      y.value = I.map((w) => w[e.textField]).join(e.separator);
-      let S = "";
-      I.length === 1 ? S = I[0][e.valueField] : S = I.map((w) => w[e.valueField]).join(e.separator), o.value !== S && (o.value = S, t.emit("update:modelValue", o.value), t.emit("change", I, 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 E() {
-      const I = l(o.value);
-      B(I);
+      const B = l(i.value);
+      I(B);
     }
-    function O() {
+    function V() {
       k.value || y.value;
     }
-    function P(I) {
-      var S;
-      o.value = "", (S = i.value) == null || S.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 R(I) {
-      var S, w;
-      e.enableSearch && e.enableHighlightSearch && ((S = i.value) == null || S.search(I)), (w = i.value) == null || w.activeRowById(I), 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 d(I) {
+    function d(B) {
       if (e.multiSelect) {
-        const S = l(o.value), V = S.map((j) => j[e.idField || e.valueField]).join(e.separator);
-        o.value !== V && (o.value = V, t.emit("update:modelValue", o.value), t.emit("change", S, o.value));
+        const b = a(B);
+        e.viewType;
+        const O = b.map((j) => j[e.idField || e.valueField]).join(e.separator);
+        i.value !== O && (i.value = O, t.emit("update:modelValue", i.value), t.emit("change", b, i.value));
       }
     }
     function M() {
       return y.value;
     }
-    function A(I) {
+    function A(B) {
       const {
-        value: S
-      } = I.target;
-      R(S), t.emit("input", S);
+        value: b
+      } = B.target;
+      R(b), t.emit("input", b);
     }
     function T() {
-      m.value.hidePopup();
+      f.value.hidePopup();
     }
     return t.expose({
       getDisplayText: M,
       hidePopup: T
-    }), G([() => e.disabled, () => e.editable, () => e.enableClear, () => e.enableSearch, () => e.readonly], ([I, S, w, V, j]) => {
-      v.value = I, r.value = S, f.value = w, b.value = V, k.value = j;
+    }), G([() => e.disabled, () => e.editable, () => e.enableClear, () => e.enableSearch, () => e.readonly], ([B, b, w, O, j]) => {
+      v.value = B, r.value = b, m.value = w, S.value = O, k.value = j;
     }), () => C(ft, {
-      ref: m,
+      ref: f,
       id: e.id,
       disable: v.value,
       readonly: k.value,
@@ -2110,18 +2114,18 @@ const Q = /* @__PURE__ */ q({
       editable: r.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: y.value,
-      "onUpdate:modelValue": (I) => y.value = I,
+      "onUpdate:modelValue": (B) => y.value = B,
       focusOnCreated: e.focusOnCreated,
       selectOnCreated: e.selectOnCreated,
       onClear: P,
-      onClick: O,
+      onClick: V,
       onChange: d,
       onBlur: E,
       onInput: A,
@@ -2133,21 +2137,21 @@ const Q = /* @__PURE__ */ q({
       limitContentBySpace: !0
     }, {
       default: () => [C($n, {
-        ref: i,
+        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: b.value,
+        enableSearch: S.value,
         maxHeight: e.maxHeight,
         enableHighlightSearch: e.enableHighlightSearch,
         width: e.fitEditor ? u.value : void 0,
-        onSelectionChange: (I) => {
-          B(I), g();
+        onSelectionChange: (B) => {
+          I(B), g();
         }
       }, null)]
     });
@@ -2163,7 +2167,7 @@ class xn extends bt {
     super(t, n);
   }
   getCommonEditorProperties(t) {
-    var n, i, m, v, f, b;
+    var n, o, f;
     return {
       viewType: {
         visible: !!((n = t.editor) != null && n.multiSelect),
@@ -2179,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",
@@ -2197,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: !!((b = t.editor) != null && b.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 b = this.schemaService.getFieldByIDAndVMID(t.binding.field, this.viewModelId);
-      (f = b == null ? void 0 : b.schemaField) != null && f.type && (i = b.schemaField.type.$type);
+      const S = this.schemaService.getFieldByIDAndVMID(t.binding.field, this.viewModelId);
+      (m = S == null ? void 0 : S.schemaField) != null && m.type && (o = S.schemaField.type.$type);
     }
     return n.getComponentConfig(t, { type: "combo-list" }, {
       // enableSearch: {
@@ -2271,7 +2276,7 @@ class xn extends bt {
       //     },
       // },
       body: {
-        visible: t.editor.dataSourceType === "dynamic",
+        visible: !1,
         $converter: he,
         description: "",
         title: "服务端API参数",
@@ -2292,7 +2297,7 @@ class xn extends bt {
       multiSelect: {
         description: "",
         title: "启用多选",
-        visible: !i || i === "StringType",
+        visible: !o || o === "StringType",
         type: "boolean",
         refreshPanelAfterChanged: !0
       },
@@ -2303,37 +2308,38 @@ class xn extends bt {
         editor: {
           nullable: !0,
           min: 0,
-          useThousands: !1
+          useThousands: !1,
+          needValid: !0
         }
       },
       ...this.getCommonEditorProperties(t)
-    }, (b, k) => {
-      if (!b || !k.editor)
+    }, (S, k) => {
+      if (!S || !k.editor)
         return;
       const p = this;
-      switch (b.propertyID) {
+      switch (S.propertyID) {
         case "dataSourceType": {
-          b.propertyValue === "static" ? (k.editor.valueField = "value", k.editor.textField = "name", k.editor.remote = null) : b.propertyValue === "dynamic" && (k.editor.remote = { method: "GET" }, k.editor.valueField = "value", k.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(k) && k.formatter && (k.formatter.data = [...b.propertyValue]);
+          !p.checkEnumDataReadonly(k) && k.formatter && (k.formatter.data = [...S.propertyValue]);
           break;
         }
         case "viewType":
-          b.propertyValue === "tag" && (k.editor.editable = !1);
+          S.propertyValue === "tag" && (k.editor.editable = !1);
       }
     });
   }
   getGridFieldEdtiorProperties(t, n) {
-    var f, b, k, p;
-    const i = this;
-    let m = "";
-    if (((f = t == null ? void 0 : t.binding) == null ? void 0 : f.type) === "Form") {
+    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);
-      (b = y == null ? void 0 : y.schemaField) != null && b.type && (m = y.schemaField.type.$type);
+      (S = y == null ? void 0 : y.schemaField) != null && S.type && (f = y.schemaField.type.$type);
     }
-    return i.getComponentConfig(t, { type: "combo-list" }, {
+    return o.getComponentConfig(t, { type: "combo-list" }, {
       // editable: {
       //     description: "",
       //     title: "允许编辑",
@@ -2350,7 +2356,7 @@ class xn extends bt {
         title: "数据",
         type: "array",
         visible: !0,
-        ...i.getItemCollectionEditor(t, (k = t.editor) == null ? void 0 : k.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
       },
@@ -2369,7 +2375,7 @@ class xn extends bt {
       multiSelect: {
         description: "",
         title: "启用多选",
-        visible: m === "StringType",
+        visible: f === "StringType",
         type: "boolean",
         refreshPanelAfterChanged: !0
       },
@@ -2380,37 +2386,38 @@ class xn extends bt {
         editor: {
           nullable: !0,
           min: 0,
-          useThousands: !1
+          useThousands: !1,
+          needValid: !0
         }
       },
       ...this.getCommonEditorProperties(t)
     }, (y, r) => {
       if (!y || !r.editor)
         return;
-      const o = this;
+      const i = this;
       switch (y.propertyID) {
         case "dataSourceType": {
           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 = [...y.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;
       }
     }
@@ -2418,31 +2425,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: Dn,
+  props: jn,
   emits: ["clear", "update:modelValue", "change"],
   setup(e, t) {
-    const n = F(), 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,
@@ -2453,7 +2460,7 @@ const Nn = /* @__PURE__ */ q({
     }, null);
   }
 });
-Q.register = (e, t, n, i) => {
+Q.register = (e, t, n, o) => {
   e["combo-list"] = Q, t["combo-list"] = Me;
 };
 Q.registerDesigner = (e, t, n) => {
@@ -2464,14 +2471,14 @@ const Z = We(Q), oe = /* @__PURE__ */ q({
   props: ce,
   emits: ["change"],
   setup(e, t) {
-    const n = F(), i = F(e.items);
-    function m() {
+    const n = F(), o = F(e.items);
+    function f() {
       var g;
       const u = Array.isArray(e.items) ? e.items : [];
-      i.value = [...u], (g = n.value) == null || g.updateDataSource(i.value);
+      o.value = [...u], (g = n.value) == null || g.updateDataSource(o.value);
     }
-    G(() => e.items, m);
-    const v = F("排序列"), f = F("排序方式"), b = F("添加排序列"), k = [{
+    G(() => e.items, f);
+    const v = F("排序列"), m = F("排序方式"), S = F("添加排序列"), k = [{
       id: "asc",
       name: "升序"
     }, {
@@ -2479,41 +2486,41 @@ const Z = We(Q), oe = /* @__PURE__ */ q({
       name: "降序"
     }], p = F(/* @__PURE__ */ new Map());
     function y() {
-      const u = i.value.map((g) => [g.id, !0]);
+      const u = o.value.map((g) => [g.id, !0]);
       p.value = new Map(u);
     }
     y();
-    const r = L(() => e.dataSource.map((u) => (u.disabled = p.value.has(u.id), u))), o = L(() => ({
+    const r = L(() => e.dataSource.map((u) => (u.disabled = p.value.has(u.id), u))), i = L(() => ({
       "f-order": !0
     }));
     function c(u) {
-      i.value = i.value.filter((g) => g.id !== u.id), y(), t.emit("change", i.value);
+      o.value = o.value.filter((g) => g.id !== u.id), y(), t.emit("change", o.value);
     }
     function a() {
-      i.value = [...i.value, {
+      o.value = [...o.value, {
         id: Date.now().toString(),
         name: "",
         order: "asc"
-      }], y(), t.emit("change", i.value);
+      }], y(), t.emit("change", o.value);
     }
     function l(u) {
       if (u && u.length === 1) {
-        const g = u[0], B = i.value.find((E) => E.id === g.id);
-        B && (B.name = g.name);
+        const g = u[0], I = o.value.find((E) => E.id === g.id);
+        I && (I.name = g.name);
       }
-      y(), t.emit("change", i.value);
+      y(), t.emit("change", o.value);
     }
     function s(u) {
       if (u && u.length) {
         const g = /* @__PURE__ */ new Map();
-        u.reduce((B, E) => (B.set(E.id, E), B), g), i.value = u.map((B) => g.get(B.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 h() {
       return C(Be, {
         ref: n,
         style: "flex:1",
-        data: i.value,
+        data: o.value,
         draggable: !0,
         view: "DraggableView",
         "keep-order": !0,
@@ -2527,7 +2534,7 @@ 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])]),
+        }, [m.value])]),
         itemContent: (u) => C("div", {
           class: "f-order-item-content"
         }, [C(Z, {
@@ -2561,20 +2568,20 @@ const Z = We(Q), oe = /* @__PURE__ */ q({
             class: "f-order-add-icon"
           }, [C("i", {
             class: "f-icon f-icon-add"
-          }, null)]), b.value])
+          }, null)]), S.value])
         })])
       });
     }
     return () => C("div", {
-      class: o.value
+      class: i.value
     }, [h()]);
   }
 });
 function Gn(e, t, n) {
   var A;
-  const i = "", m = "", v = F();
-  let f;
-  function b() {
+  const o = "", f = "", v = F();
+  let m;
+  function S() {
     return (t == null ? void 0 : t.schema.componentType) !== "frame";
   }
   function k() {
@@ -2591,16 +2598,16 @@ function Gn(e, t, n) {
       return null;
     if (T.value.schema && T.value.schema.type === "component")
       return T.value;
-    const I = F(T == null ? void 0 : T.value.parent), S = r(I);
-    return S || null;
+    const B = F(T == null ? void 0 : T.value.parent), b = r(B);
+    return b || null;
   }
-  function o(T = t) {
-    var V;
-    const { componentInstance: I, designerItemElementRef: S } = T;
-    if (!I || !I.value)
+  function i(T = t) {
+    var O;
+    const { componentInstance: B, designerItemElementRef: b } = T;
+    if (!B || !B.value)
       return null;
-    const { getCustomButtons: w } = I.value;
-    return I.value.canMove || w && ((V = w()) != null && V.length) ? S : o(T.parent);
+    const { getCustomButtons: w } = B.value;
+    return B.value.canMove || w && ((O = w()) != null && O.length) ? b : i(T.parent);
   }
   function c(T) {
     return !!n;
@@ -2610,68 +2617,68 @@ function Gn(e, t, n) {
   }
   function l() {
   }
-  function s(T, I) {
-    var S;
-    !T || !I || (S = t == null ? void 0 : t.setupContext) == null || S.emit("dragEnd");
+  function s(T, B) {
+    var b;
+    !T || !B || (b = t == null ? void 0 : t.setupContext) == null || b.emit("dragEnd");
   }
-  function h(T, I) {
-    const { componentType: S } = T;
-    let w = pt(S, T, I);
-    const V = S.toLowerCase().replace(/-/g, "_");
-    return w && !w.id && w.type === S && (w.id = `${V}_${Math.random().toString().slice(2, 6)}`), w;
+  function h(T, B) {
+    const { componentType: b } = T;
+    let w = pt(b, T, B);
+    const O = b.toLowerCase().replace(/-/g, "_");
+    return w && !w.id && w.type === b && (w.id = `${O}_${Math.random().toString().slice(2, 6)}`), w;
   }
   function u(T) {
   }
   function g(...T) {
   }
-  function B(T) {
+  function I(T) {
     if (!T)
       return;
-    const I = t == null ? void 0 : t.schema, { formSchemaUtils: S } = T;
-    if (I && S.getExpressions().length) {
-      const w = S.getExpressions().findIndex((V) => V.target === I.id);
-      w > -1 && S.getExpressions().splice(w, 1);
+    const B = t == null ? void 0 : t.schema, { formSchemaUtils: b } = T;
+    if (B && b.getExpressions().length) {
+      const w = b.getExpressions().findIndex((O) => O.target === B.id);
+      w > -1 && b.getExpressions().splice(w, 1);
     }
   }
   function E(T) {
     if (!T || !(t != null && t.schema))
       return;
-    const I = t.schema, { formSchemaUtils: S } = T;
-    S.removeCommunicationInComponent(I);
-  }
-  function O(T) {
-    B(T), E(T), t != null && t.schema.contents && t.schema.contents.map((I) => {
-      let S = I.id;
-      I.type === "component-ref" && (S = I.component);
-      const w = e.value.querySelectorAll(`#${S}-design-item`);
-      w != null && w.length && Array.from(w).map((V) => {
+    const B = t.schema, { formSchemaUtils: b } = T;
+    b.removeCommunicationInComponent(B);
+  }
+  function V(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((O) => {
         var j;
-        (j = V == null ? void 0 : V.componentInstance) != null && j.value.onRemoveComponent && V.componentInstance.value.onRemoveComponent(T);
+        (j = O == null ? void 0 : O.componentInstance) != null && j.value.onRemoveComponent && O.componentInstance.value.onRemoveComponent(T);
       });
     });
   }
   function P() {
   }
   function R(T) {
-    var S, w;
-    if (!((S = t == null ? void 0 : t.schema) != null && S.id))
+    var b, w;
+    if (!((b = t == null ? void 0 : t.schema) != null && b.id))
       return;
-    !f && T && (f = T.formSchemaUtils);
-    let I = "";
+    !m && T && (m = T.formSchemaUtils);
+    let B = "";
     {
-      const { text: V, title: j, label: D, mainTitle: x, name: H, type: _ } = t.schema;
-      I = V || j || D || x || H || ((w = Ce[_]) == null ? void 0 : w.name);
+      const { text: O, title: j, label: D, mainTitle: x, name: H, type: _ } = t.schema;
+      B = O || j || D || x || H || ((w = Ce[_]) == null ? void 0 : w.name);
     }
-    I && f.getControlBasicInfoMap().set(t.schema.id, {
-      componentTitle: I,
-      parentPathName: I
+    B && m.getControlBasicInfoMap().set(t.schema.id, {
+      componentTitle: B,
+      parentPathName: B
     });
   }
   function d(T) {
-    var V;
-    const { changeObject: I } = T, { propertyID: S, propertyValue: w } = I;
-    if (["text", "title", "label", "name", "mainTitle"].includes((V = T == null ? void 0 : T.changeObject) == null ? void 0 : V.propertyID) && S && w && (R(), f)) {
-      const j = f.getControlBasicInfoMap(), D = j.keys().toArray().filter((x) => {
+    var O;
+    const { changeObject: B } = T, { propertyID: b, propertyValue: w } = B;
+    if (["text", "title", "label", "name", "mainTitle"].includes((O = T == null ? void 0 : T.changeObject) == null ? void 0 : O.propertyID) && b && w && (R(), m)) {
+      const j = m.getControlBasicInfoMap(), D = j.keys().toArray().filter((x) => {
         var H, _;
         return ((H = j.get(x)) == null ? void 0 : H.reliedComponentId) === ((_ = t == null ? void 0 : t.schema) == null ? void 0 : _.id);
       });
@@ -2685,7 +2692,7 @@ function Gn(e, t, n) {
     d(T);
   }
   return v.value = {
-    canMove: b(),
+    canMove: S(),
     canSelectParent: k(),
     canDelete: p(),
     canNested: !y(),
@@ -2693,11 +2700,11 @@ function Gn(e, t, n) {
     elementRef: e,
     parent: (A = t == null ? void 0 : t.parent) == null ? void 0 : A.componentInstance,
     schema: t == null ? void 0 : t.schema,
-    styles: i,
-    designerClass: m,
+    styles: o,
+    designerClass: f,
     canAccepts: c,
     getBelongedComponentInstance: r,
-    getDraggableDesignItemElement: o,
+    getDraggableDesignItemElement: i,
     getDraggingDisplayText: a,
     getPropConfig: g,
     getDragScopeElement: l,
@@ -2706,7 +2713,7 @@ function Gn(e, t, n) {
     addNewChildComponentSchema: h,
     triggerBelongedComponentToMoveWhenMoved: F(!1),
     triggerBelongedComponentToDeleteWhenDeleted: F(!1),
-    onRemoveComponent: O,
+    onRemoveComponent: V,
     getCustomButtons: P,
     onPropertyChanged: M,
     setComponentBasicInfoMap: R,
@@ -2718,26 +2725,26 @@ const _n = /* @__PURE__ */ q({
   props: ce,
   emits: ["change"],
   setup(e, t) {
-    const n = F(e.items), i = F("排序列"), m = F("排序方式"), v = F("添加排序列"), f = [{
+    const n = F(e.items), o = F("排序列"), f = F("排序方式"), v = F("添加排序列"), m = [{
       id: "asc",
       name: "升序"
     }, {
       id: "desc",
       name: "降序"
-    }], b = F(/* @__PURE__ */ new Map()), k = F(), p = ie("design-item-context"), y = Gn(k, p);
+    }], S = F(/* @__PURE__ */ new Map()), k = F(), p = ie("design-item-context"), y = Gn(k, p);
     le(() => {
       k.value.componentInstance = y;
     }), t.expose(y.value);
     function r() {
-      const g = n.value.map((B) => [B.id, !0]);
-      b.value = new Map(g);
+      const g = n.value.map((I) => [I.id, !0]);
+      S.value = new Map(g);
     }
     r();
-    const o = L(() => e.dataSource.map((g) => (g.disabled = b.value.has(g.id), g))), c = L(() => ({
+    const i = L(() => e.dataSource.map((g) => (g.disabled = S.value.has(g.id), g))), c = L(() => ({
       "f-order": !0
     }));
     function a(g) {
-      n.value = n.value.filter((B) => B.id !== g.id), r(), t.emit("change", n.value);
+      n.value = n.value.filter((I) => I.id !== g.id), r(), t.emit("change", n.value);
     }
     function l() {
       n.value = [...n.value, {
@@ -2751,8 +2758,8 @@ const _n = /* @__PURE__ */ q({
     }
     function h(g) {
       if (g && g.length) {
-        const B = /* @__PURE__ */ new Map();
-        g.reduce((E, O) => (E.set(O.id, O), E), B), n.value = g.map((E) => B.get(E.id)), t.emit("change", n.value);
+        const I = /* @__PURE__ */ new Map();
+        g.reduce((E, V) => (E.set(V.id, V), E), I), n.value = g.map((E) => I.get(E.id)), t.emit("change", n.value);
       }
     }
     function u() {
@@ -2770,29 +2777,29 @@ const _n = /* @__PURE__ */ q({
           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": (B) => g.id = B,
+          "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": (B) => g.order = B,
+          "onUpdate:modelValue": (I) => g.order = I,
           onChange: s
         }, null)]),
         footer: () => C("div", {
@@ -2819,7 +2826,7 @@ const _n = /* @__PURE__ */ q({
   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) {