@farris/ui-vue 1.7.0-beta.3 → 1.7.0-beta.4

package/components/order/index.esm.js

@@ -1,7 +1,7 @@
-import { ref as g, computed as L, createVNode as r, Fragment as U, watch as E, withModifiers as Be, withDirectives as Me, vModelText as Pe, defineComponent as N, onMounted as Q, inject as Y } from "vue";
+import { ref as v, computed as P, createVNode as s, Fragment as U, watch as E, withModifiers as Be, withDirectives as Me, vModelText as Pe, defineComponent as N, onMounted as Q, inject as Y } from "vue";
 import { resolveAppearance as ue, createPropsResolver as de } from "../dynamic-resolver/index.esm.js";
 import { getCustomStyle as ie, getCustomClass as J, FormSchemaEntityFieldType$Type as Le, withInstall as He } from "../common/index.esm.js";
-import { useFilter as Ae, useIdentify as Ee, useHierarchy as je, useGroupData as $e, useDataView as Ge, useSelection as Ne, usePagination as _e, useRow as ze, useEdit as Ue, useVisualDataBound as We, useVisualDataCell as qe, useVisualDataRow as De, useVisualGroupRow as Ke, useVisualSummaryRow as Xe, useVisualData as Ye, useSidebar as Je, useColumn as Qe, useVirtualScroll as Ze, getPagination as et } from "../data-view/index.esm.js";
+import { useFilter as Ae, useIdentify as Ee, useHierarchy as je, useGroupData as $e, useDataView as Ge, useSelection as Ne, usePagination as _e, useRow as ze, useEdit as Ue, useVisualDataBound as De, useVisualDataCell as We, useVisualDataRow as qe, useVisualGroupRow as Ke, useVisualSummaryRow as Xe, useVisualData as Ye, useSidebar as Je, useColumn as Qe, useVirtualScroll as Ze, getPagination as et } from "../data-view/index.esm.js";
 import { LocaleService as Z } from "../locale/index.esm.js";
 import { FCheckbox as ee } from "../checkbox/index.esm.js";
 import tt from "../button-edit/index.esm.js";
@@ -116,7 +116,7 @@ const ot = /* @__PURE__ */ new Map([
   properties: ft,
   required: mt
 };
-function gt(e, t, n) {
+function gt(e, t, l) {
   return t;
 }
 const ht = "order", pt = "A Farris Component", yt = "object", bt = {
@@ -280,418 +280,418 @@ const ht = "order", pt = "A Farris Component", yt = "object", bt = {
   pagination: { type: Object, default: { enable: !1, size: 20 } }
 };
 function wt(e, t) {
-  function n(a) {
-    const s = [];
+  function l(a) {
+    const o = [];
     let f = a.nextNode();
     for (; f; )
-      s.push(f), f = a.nextNode();
-    return s;
+      o.push(f), f = a.nextNode();
+    return o;
   }
-  function l(a, s) {
+  function n(a, o) {
     const f = document.createTreeWalker(a, NodeFilter.SHOW_TEXT);
-    return n(f).map((o) => ({ textNode: o, text: (o.textContent || "").toLocaleLowerCase() })).map(({ textNode: o, text: i }) => {
-      const d = [];
-      let I = 0;
-      for (; I < i.length; ) {
-        const T = i.indexOf(s, I);
-        if (T === -1)
+    return l(f).map((b) => ({ textNode: b, text: (b.textContent || "").toLocaleLowerCase() })).map(({ textNode: b, text: m }) => {
+      const g = [];
+      let O = 0;
+      for (; O < m.length; ) {
+        const d = m.indexOf(o, O);
+        if (d === -1)
           break;
-        d.push(T), I = T + s.length;
+        g.push(d), O = d + o.length;
       }
-      return d.map((T) => {
-        const v = new Range();
-        return v.setStart(o, T), v.setEnd(o, T + s.length), v;
+      return g.map((d) => {
+        const i = new Range();
+        return i.setStart(b, d), i.setEnd(b, d + o.length), i;
       });
     }).flat();
   }
   function c(a) {
     if (!CSS.highlights || (CSS.highlights.clear(), !a || !t))
       return;
-    const s = l(t.value, a.toLocaleLowerCase()), f = new Highlight(...s);
+    const o = n(t.value, a.toLocaleLowerCase()), f = new Highlight(...o);
     CSS.highlights.set("search-result", f);
   }
   return { search: c };
 }
-function oe(e, t, n, l, c, a, s, f, b, S) {
-  const F = g(e.size), o = g(e.textField), i = g(e.titleField), d = g(e.disableField), I = L(() => {
-    var p, O;
-    return ((p = e.selection) == null ? void 0 : p.multiSelect) && ((O = e.selection) == null ? void 0 : O.showCheckbox);
+function oe(e, t, l, n, c, a, o, f, w, y) {
+  const k = v(e.size), b = v(e.textField), m = v(e.titleField), g = v(e.disableField), O = P(() => {
+    var p, R;
+    return ((p = e.selection) == null ? void 0 : p.multiSelect) && ((R = e.selection) == null ? void 0 : R.showCheckbox);
   }), {
-    onMouseenterItem: T,
-    onMouseoverItem: v,
-    onMouseoutItem: C
+    onMouseenterItem: d,
+    onMouseoverItem: i,
+    onMouseoutItem: S
   } = a, {
-    getKey: m,
+    getKey: r,
     listViewItemClass: u,
     listViewItemStyle: V,
-    onCheckItem: B,
-    onClickItem: k
-  } = s, w = L(() => {
+    onCheckItem: T,
+    onClickItem: I
+  } = o, F = P(() => {
     const p = {
       "text-overflow": "ellipsis",
       overflow: "hidden",
       "white-space": "nowrap"
     };
     return e.itemClass ? p : {
-      margin: F.value === "small" ? "0.25rem 0" : "8px 0",
+      margin: k.value === "small" ? "0.25rem 0" : "8px 0",
       ...p
     };
   });
-  function x(p, O, j) {
-    return p.checked = f.findIndexInSelectedItems(p) > -1, r("li", {
-      class: u(p, O),
-      id: m(p, O),
-      key: m(p, O),
-      style: V(p, O),
-      onClick: (A) => k(p, O, A),
-      onMouseenter: (A) => T(A, p, O),
-      onMouseover: (A) => v(A, p, O),
-      onMouseout: (A) => C(A, p, O)
-    }, [I.value && r("div", {
+  function x(p, R, j) {
+    return p.checked = f.findIndexInSelectedItems(p) > -1, s("li", {
+      class: u(p, R),
+      id: r(p, R),
+      key: r(p, R),
+      style: V(p, R),
+      onClick: (A) => I(p, R, A),
+      onMouseenter: (A) => d(A, p, R),
+      onMouseover: (A) => i(A, p, R),
+      onMouseout: (A) => S(A, p, R)
+    }, [O.value && s("div", {
       class: "f-list-select",
       onClick: (A) => A.stopPropagation()
-    }, [r(ee, {
-      id: "list-" + m(p, O),
+    }, [s(ee, {
+      id: "list-" + r(p, R),
       customClass: "listview-checkbox float-left",
-      disabled: p[d.value],
+      disabled: p[g.value],
       checked: p.checked,
       "onUpdate:checked": (A) => p.checked = A,
       onChange: (A) => {
-        B(p, O, !A.checked);
+        T(p, R, !A.checked);
       }
-    }, null)]), r("div", {
+    }, null)]), s("div", {
       class: "f-list-content"
-    }, [r("div", {
+    }, [s("div", {
       class: e.itemContentClass,
-      style: w.value,
-      title: p.raw[i.value] || p.raw[o.value]
-    }, [p.raw[o.value]])])]);
+      style: F.value,
+      title: p.raw[m.value] || p.raw[b.value]
+    }, [p.raw[b.value]])])]);
   }
   return {
     renderItem: x
   };
 }
-function Ft(e, t, n, l, c, a, s, f, b, S) {
-  const F = g(e.multiSelect), o = g(e.disableField), i = g(e.textField), {
-    onMouseenterItem: d,
-    onMouseoverItem: I,
-    onMouseoutItem: T
+function Ft(e, t, l, n, c, a, o, f, w, y) {
+  const k = v(e.multiSelect), b = v(e.disableField), m = v(e.textField), {
+    onMouseenterItem: g,
+    onMouseoverItem: O,
+    onMouseoutItem: d
   } = a, {
-    getKey: v,
-    listViewItemClass: C,
-    listViewItemStyle: m,
+    getKey: i,
+    listViewItemClass: S,
+    listViewItemStyle: r,
     onCheckItem: u,
     onClickItem: V
-  } = s;
-  function B(w, x, p) {
-    return e.contentTemplate ? r(U, null, [e.contentTemplate({
-      item: w.raw,
+  } = o;
+  function T(F, x, p) {
+    return e.contentTemplate ? s(U, null, [e.contentTemplate({
+      item: F.raw,
       index: x,
       selectedItem: p
-    })]) : t.slots.content ? r(U, null, [t.slots.content && t.slots.content({
-      item: w.raw,
+    })]) : t.slots.content ? s(U, null, [t.slots.content && t.slots.content({
+      item: F.raw,
       index: x,
       selectedItem: p
-    })]) : r("div", {
+    })]) : s("div", {
       style: "margin: 10px 0;"
-    }, [w.raw[i.value || "name"]]);
-  }
-  function k(w, x, p) {
-    return r("li", {
-      class: C(w, x),
-      id: v(w, x),
-      key: v(w, x),
-      style: m(w, x),
-      onClick: (O) => V(w, x, O),
-      onMouseenter: (O) => d(O, w, x),
-      onMouseover: (O) => I(O, w, x),
-      onMouseout: (O) => T(O, w, x)
-    }, [F.value && r("div", {
+    }, [F.raw[m.value || "name"]]);
+  }
+  function I(F, x, p) {
+    return s("li", {
+      class: S(F, x),
+      id: i(F, x),
+      key: i(F, x),
+      style: r(F, x),
+      onClick: (R) => V(F, x, R),
+      onMouseenter: (R) => g(R, F, x),
+      onMouseover: (R) => O(R, F, x),
+      onMouseout: (R) => d(R, F, x)
+    }, [k.value && s("div", {
       class: "f-list-select",
-      onClick: (O) => O.stopPropagation()
-    }, [r(ee, {
-      id: "list-" + v(w, x),
+      onClick: (R) => R.stopPropagation()
+    }, [s(ee, {
+      id: "list-" + i(F, x),
       customClass: "listview-checkbox",
-      disabled: w[o.value] || !w.checked,
-      checked: w.checked,
-      "onUpdate:checked": (O) => w.checked = O,
-      onChange: (O) => u(w, x, !O.checked)
-    }, null)]), r("div", {
+      disabled: F[b.value],
+      checked: F.checked,
+      "onUpdate:checked": (R) => F.checked = R,
+      onChange: (R) => u(F, x, !R.checked)
+    }, null)]), s("div", {
       class: "f-list-content"
-    }, [B(w, x, p)])]);
+    }, [T(F, x, p)])]);
   }
   return {
-    renderItem: k
+    renderItem: I
   };
 }
-function It(e, t, n, l, c, a, s, f, b, S) {
-  const F = g(e.multiSelect), o = g(e.disableField), i = g(e.textField), {
-    onMouseenterItem: d,
-    onMouseoverItem: I,
-    onMouseoutItem: T
+function It(e, t, l, n, c, a, o, f, w, y) {
+  const k = v(e.multiSelect), b = v(e.disableField), m = v(e.textField), {
+    onMouseenterItem: g,
+    onMouseoverItem: O,
+    onMouseoutItem: d
   } = a, {
-    getKey: v,
-    listViewItemClass: C,
-    onCheckItem: m,
+    getKey: i,
+    listViewItemClass: S,
+    onCheckItem: r,
     onClickItem: u
-  } = s, {
+  } = o, {
     dragstart: V,
-    dragenter: B,
-    dragover: k,
-    dragend: w
-  } = l, {
+    dragenter: T,
+    dragover: I,
+    dragend: F
+  } = n, {
     removeItem: x
-  } = b, p = L(() => ({
-    margin: F.value ? "10px 0" : "10px 0px 10px 14px"
+  } = w, p = P(() => ({
+    margin: k.value ? "10px 0" : "10px 0px 10px 14px"
   }));
-  function O(h, y = "") {
-    const R = h.target;
-    R.title = R.scrollWidth > R.clientWidth ? y : "";
+  function R(h, C = "") {
+    const H = h.target;
+    H.title = H.scrollWidth > H.clientWidth ? C : "";
   }
   function j(h) {
-    return r("div", {
+    return s("div", {
       style: p.value,
-      onMouseenter: (y) => O(y, h.raw[i.value || "name"])
-    }, [h.raw[i.value || "name"]]);
+      onMouseenter: (C) => R(C, h.raw[m.value || "name"])
+    }, [h.raw[m.value || "name"]]);
   }
   function A() {
     return t.slots.itemContent ? t.slots.itemContent : j;
   }
-  const $ = A();
-  function P(h, y, R) {
-    return r("li", {
-      class: C(h, y),
-      id: v(h, y),
-      key: v(h, y),
-      onClick: (M) => u(h, y, M),
-      onMouseenter: (M) => d(M, h, y),
-      onMouseover: (M) => I(M, h, y),
-      onMouseout: (M) => T(M, h, y),
+  const G = A();
+  function M(h, C, H) {
+    return s("li", {
+      class: S(h, C),
+      id: i(h, C),
+      key: i(h, C),
+      onClick: (B) => u(h, C, B),
+      onMouseenter: (B) => g(B, h, C),
+      onMouseover: (B) => O(B, h, C),
+      onMouseout: (B) => d(B, h, C),
       draggable: "true",
-      onDragstart: (M) => V(M, h, y),
-      onDragenter: (M) => B(M, y),
-      onDragend: (M) => w(M, h),
-      onDragover: (M) => k(M)
-    }, [F.value && r("div", {
+      onDragstart: (B) => V(B, h, C),
+      onDragenter: (B) => T(B, C),
+      onDragend: (B) => F(B, h),
+      onDragover: (B) => I(B)
+    }, [k.value && s("div", {
       class: "f-list-select",
-      onClick: (M) => M.stopPropagation()
-    }, [r(ee, {
-      id: "list-" + v(h, y),
+      onClick: (B) => B.stopPropagation()
+    }, [s(ee, {
+      id: "list-" + i(h, C),
       customClass: "listview-checkbox",
-      disabled: h[o.value] || !h.checked,
+      disabled: h[b.value] || !h.checked,
       checked: h.checked,
-      "onUpdate:checked": (M) => h.checked = M,
-      onChange: (M) => m(h, y, !M.checked)
-    }, null)]), r("div", {
+      "onUpdate:checked": (B) => h.checked = B,
+      onChange: (B) => r(h, C, !B.checked)
+    }, null)]), s("div", {
       class: "f-list-content"
-    }, [$(h)]), r("div", {
+    }, [G(h)]), s("div", {
       class: "f-list-remove",
-      onClick: (M) => {
-        M.stopPropagation(), x(y);
+      onClick: (B) => {
+        B.stopPropagation(), x(C);
       }
-    }, [r("div", {
+    }, [s("div", {
       class: "f-list-remove-icon"
-    }, [r("i", {
+    }, [s("i", {
       class: "f-icon f-icon-remove_face"
-    }, null)])]), r("div", {
+    }, null)])]), s("div", {
       class: "f-list-handle"
-    }, [r("div", null, [r("i", {
+    }, [s("div", null, [s("i", {
       class: "f-icon f-icon-drag-vertical"
     }, null)])])]);
   }
   return {
-    renderItem: P
+    renderItem: M
   };
 }
-function Vt(e, t, n, l, c, a, s, f, b, S) {
-  var v;
-  const F = g(((v = e.group) == null ? void 0 : v.groupFields) || []), {
-    collpaseGroupIconClass: o
+function Vt(e, t, l, n, c, a, o, f, w, y) {
+  var i;
+  const k = v(((i = e.group) == null ? void 0 : i.groupFields) || []), {
+    collpaseGroupIconClass: b
   } = c, {
-    toggleGroupRow: i
-  } = S;
-  function d(C, m) {
-    m.collapse = !m.collapse, n.value = i(m.collapse ? "collapse" : "expand", m, n.value);
-  }
-  function I(C, m, u) {
-    return t.slots.group ? r(U, null, [t.slots.content && t.slots.group({
-      item: C.raw,
-      index: m,
+    toggleGroupRow: m
+  } = y;
+  function g(S, r) {
+    r.collapse = !r.collapse, l.value = m(r.collapse ? "collapse" : "expand", r, l.value);
+  }
+  function O(S, r, u) {
+    return t.slots.group ? s(U, null, [t.slots.content && t.slots.group({
+      item: S.raw,
+      index: r,
       selectedItem: u
-    })]) : r("div", {
+    })]) : s("div", {
       class: "f-navlookup-recentHeader",
-      onClick: (V) => d(V, C)
-    }, [r("div", {
+      onClick: (V) => g(V, S)
+    }, [s("div", {
       class: "fv-grid-group-row-icon"
-    }, [r("span", {
-      class: o(C)
-    }, null)]), r("div", {
+    }, [s("span", {
+      class: b(S)
+    }, null)]), s("div", {
       class: "f-navlookup-recommandLabel"
-    }, [C.raw[F.value[C.layer]]])]);
+    }, [S.raw[k.value[S.layer]]])]);
   }
-  function T(C, m, u) {
-    return C.layer > -1 && I(C, m, u);
+  function d(S, r, u) {
+    return S.layer > -1 && O(S, r, u);
   }
   return {
-    renderItem: T
+    renderItem: d
   };
 }
-function kt(e, t, n, l) {
-  const { dataView: c } = n, { updateSelectedItems: a } = l;
-  function s(f) {
+function kt(e, t, l, n) {
+  const { dataView: c } = l, { updateSelectedItems: a } = n;
+  function o(f) {
     if (f > -1 && f < c.value.length) {
       if (e != null && e.checkBeforeRemoveItem && !e.checkBeforeRemoveItem(c.value[f]))
         return;
-      const b = c.value.splice(f, 1);
-      a(), t.emit("removeItem", b[0]);
+      const w = c.value.splice(f, 1);
+      a(), t.emit("removeItem", w[0]);
     }
   }
-  return { removeItem: s };
+  return { removeItem: o };
 }
-function Tt(e, t, n, l, c, a, s, f, b, S) {
-  const F = g(e.view), o = g(e.view === "CardView"), i = g({}), d = kt(e, t, l, b), I = L(() => ({
+function Tt(e, t, l, n, c, a, o, f, w, y) {
+  const k = v(e.view), b = v(e.view === "CardView"), m = v({}), g = kt(e, t, n, w), O = P(() => ({
     "f-list-view-group": !0,
     "f-list-view-group-multiselect": e.multiSelect,
-    "d-flex": o.value,
-    "flex-wrap": o.value
-  })), T = L(() => !!n.value && n.value.length > 0), v = L(() => n.value.length === 0);
-  L(() => v.value && !t.slots.empty);
-  function C() {
-    return F.value === "SingleView" ? oe : F.value === "DraggableView" ? It : (F.value === "ContentView" || F.value === "CardView") && (e.contentTemplate || t.slots.content) ? Ft : oe;
-  }
-  const m = C(), {
+    "d-flex": b.value,
+    "flex-wrap": b.value
+  })), d = P(() => !!l.value && l.value.length > 0), i = P(() => l.value.length === 0);
+  P(() => i.value && !t.slots.empty);
+  function S() {
+    return k.value === "SingleView" ? oe : k.value === "DraggableView" ? It : (k.value === "ContentView" || k.value === "CardView") && (e.contentTemplate || t.slots.content) ? Ft : oe;
+  }
+  const r = S(), {
     renderItem: u
-  } = m(e, t, n, S, c, a, b, s, d, f), {
+  } = r(e, t, l, y, c, a, w, o, g, f), {
     renderItem: V
-  } = Vt(e, t, n, S, c, a, b, s, d, f), B = [u, V];
-  function k() {
-    return n.value.filter((p) => p.visible !== !1).map((p, O) => B[p.type](p, O, i));
+  } = Vt(e, t, l, y, c, a, w, o, g, f), T = [u, V];
+  function I() {
+    return l.value.filter((p) => p.visible !== !1).map((p, R) => T[p.type](p, R, m));
   }
-  function w() {
-    return r("div", {
+  function F() {
+    return s("div", {
       class: "f-list-view-emptydata",
       style: "margin: 0 auto;"
-    }, [r("p", {
+    }, [s("p", {
       class: "f-empty-title"
     }, [e.emptyTemplate ? e.emptyTemplate() : t.slots.empty ? t.slots.empty() : Z.getLocaleValue("listView.emptyMessage")])]);
   }
   function x() {
-    return r("ul", {
-      class: I.value,
+    return s("ul", {
+      class: O.value,
       style: "list-style: none;"
-    }, [T.value && k(), v.value && w()]);
+    }, [d.value && I(), i.value && F()]);
   }
   return {
     renderListArea: x
   };
 }
-function xt(e, t, n) {
-  function l() {
-    return t.slots.header && r("div", {
+function xt(e, t, l) {
+  function n() {
+    return t.slots.header && s("div", {
       class: "f-list-view-header"
     }, [t.slots.header()]);
   }
   return {
-    renderHeader: l
+    renderHeader: n
   };
 }
-function se(e, t, n) {
-  const l = g(e.headerClass), c = g(e.placeholder), a = g(""), s = L(() => !a.value), f = L(() => !!a.value);
-  function b(i) {
+function se(e, t, l) {
+  const n = v(e.headerClass), c = v(e.placeholder), a = v(""), o = P(() => !a.value), f = P(() => !!a.value);
+  function w(m) {
     a.value = "";
   }
-  E(a, (i) => {
-    e.enableHighlightSearch && n.search(i), t.emit("afterSearch", i);
+  E(a, (m) => {
+    e.enableHighlightSearch && l.search(m), t.emit("afterSearch", m);
   });
-  const S = L(() => {
-    const i = {
+  const y = P(() => {
+    const m = {
       "form-group": !0,
       "farris-form-group": !0
     };
-    return l.value && l.value.split(" ").reduce((I, T) => (I[T] = !0, I), i), i;
+    return n.value && n.value.split(" ").reduce((O, d) => (O[d] = !0, O), m), m;
   });
-  function F(i) {
+  function k(m) {
   }
-  function o() {
-    return r("div", {
+  function b() {
+    return s("div", {
       class: "f-list-view-header",
-      onClick: Be(() => F, ["prevent", "stop"])
-    }, [r("div", {
-      class: S.value
-    }, [r("div", {
+      onClick: Be(() => k, ["prevent", "stop"])
+    }, [s("div", {
+      class: y.value
+    }, [s("div", {
       class: "farris-input-wrap"
-    }, [r("div", {
+    }, [s("div", {
       class: "f-cmp-inputgroup"
-    }, [r("div", {
+    }, [s("div", {
       class: "input-group f-state-editable"
-    }, [Me(r("input", {
+    }, [Me(s("input", {
       class: "form-control f-utils-fill text-left",
-      "onUpdate:modelValue": (i) => a.value = i,
+      "onUpdate:modelValue": (m) => a.value = m,
       name: "input-group-value",
       type: "text",
       placeholder: c.value,
       autocomplete: "off"
-    }, null), [[Pe, a.value]]), r("div", {
+    }, null), [[Pe, a.value]]), s("div", {
       class: "input-group-append"
-    }, [f.value && r("span", {
+    }, [f.value && s("span", {
       class: "input-group-text input-group-clear",
-      onClick: (i) => b()
-    }, [r("i", {
+      onClick: (m) => w()
+    }, [s("i", {
       class: "f-icon f-icon-close-circle"
-    }, null)]), s.value && r("span", {
+    }, null)]), o.value && s("span", {
       class: "input-group-text"
-    }, [r("span", {
+    }, [s("span", {
       class: "f-icon f-icon-search"
     }, null)])])])])])])]);
   }
   return {
-    renderHeader: o
+    renderHeader: b
   };
 }
 function Ot() {
-  const e = g(""), t = g(-1), n = g(""), l = g(-1), c = g(!1);
-  function a(o, i, d) {
-    l.value = d;
+  const e = v(""), t = v(-1), l = v(""), n = v(-1), c = v(!1);
+  function a(b, m, g) {
+    n.value = g;
   }
-  function s(o, i, d) {
-    c.value || (l.value = d);
+  function o(b, m, g) {
+    c.value || (n.value = g);
   }
-  function f(o, i, d) {
-    l.value = -1;
+  function f(b, m, g) {
+    n.value = -1;
   }
-  function b() {
+  function w() {
     c.value = !0;
   }
-  function S() {
+  function y() {
     c.value = !1;
   }
-  function F() {
+  function k() {
     t.value = -1, e.value = "";
   }
   return {
     activeIndex: t,
-    focusedItemId: n,
-    hoverIndex: l,
-    clearActiveItem: F,
+    focusedItemId: l,
+    hoverIndex: n,
+    clearActiveItem: k,
     onMouseenterItem: a,
-    onMouseoverItem: s,
+    onMouseoverItem: o,
     onMouseoutItem: f,
-    resumeHover: S,
-    suspendHover: b
+    resumeHover: y,
+    suspendHover: w
   };
 }
-function Rt(e, t, n, l) {
-  const c = g(e.idField), { dataView: a } = n, s = g(-1), f = g(!1), { activeIndex: b, focusedItemId: S, hoverIndex: F, resumeHover: o, suspendHover: i } = l;
-  let d, I = 0, T = 0;
-  function v(k, w) {
-    const x = k - I, p = w - T;
-    d.style.left = parseInt(d.style.left) + x + "px", d.style.top = parseInt(d.style.top) + p + "px", I = k, T = w;
-  }
-  function C(k) {
-    const { left: w, top: x } = k.getBoundingClientRect(), p = k.cloneNode(!0);
+function Rt(e, t, l, n) {
+  const c = v(e.idField), { dataView: a } = l, o = v(-1), f = v(!1), { activeIndex: w, focusedItemId: y, hoverIndex: k, resumeHover: b, suspendHover: m } = n;
+  let g, O = 0, d = 0;
+  function i(I, F) {
+    const x = I - O, p = F - d;
+    g.style.left = parseInt(g.style.left) + x + "px", g.style.top = parseInt(g.style.top) + p + "px", O = I, d = F;
+  }
+  function S(I) {
+    const { left: F, top: x } = I.getBoundingClientRect(), p = I.cloneNode(!0);
     return p.style.cssText = `
         position:absolute;
-        left:${w}px;
+        left:${F}px;
         top:${document.documentElement.scrollTop ? x + document.documentElement.scrollTop : x}px;
         z-index: 999999;
         border: 1px solid #e2e3e5;
@@ -703,115 +703,115 @@ function Rt(e, t, n, l) {
         align-items: center;
         float: none;
         text-align: initial;
-        width:${getComputedStyle(k).width};
-        height:${getComputedStyle(k).height};
+        width:${getComputedStyle(I).width};
+        height:${getComputedStyle(I).height};
         `, p.children[0].style.cssText = "overflow: hidden;flex: 1 1 auto;width: 100%;", p.children[0].children[0].style.cssText = `
         margin: 10px 0px 10px 14px;
         overflow: hidden;text-overflow: ellipsis;white-space: nowrap;
         `, p.children[1].style.cssText = "width: 30px;color: #f4625f;padding: 0 14px 0 0", p.children[2].style.cssText = "padding: 0 14px 0 0;", document.body.appendChild(p), p;
   }
-  function m(k, w, x) {
-    if (k.stopPropagation(), i(), w) {
-      if (d = C(k.target), k.dataTransfer) {
+  function r(I, F, x) {
+    if (I.stopPropagation(), m(), F) {
+      if (g = S(I.target), I.dataTransfer) {
         const p = new Image();
-        p.src = "", k.dataTransfer.setDragImage(p, 0, 0);
+        p.src = "", I.dataTransfer.setDragImage(p, 0, 0);
       }
-      I = k.pageX, T = k.pageY, setTimeout(() => {
-        s.value = x, f.value = !0, w.moving = !0;
+      O = I.pageX, d = I.pageY, setTimeout(() => {
+        o.value = x, f.value = !0, F.moving = !0;
       });
     }
   }
-  function u(k, w) {
-    if (k.preventDefault(), s.value !== w) {
-      const x = a.value[s.value], p = a.value;
-      p.splice(s.value, 1), p.splice(w, 0, x), s.value = w, v(k.pageX, k.pageY);
+  function u(I, F) {
+    if (I.preventDefault(), o.value !== F) {
+      const x = a.value[o.value], p = a.value;
+      p.splice(o.value, 1), p.splice(F, 0, x), o.value = F, i(I.pageX, I.pageY);
     }
   }
-  function V(k) {
-    k.preventDefault(), k.dataTransfer && (k.dataTransfer.dropEffect = "move"), v(k.pageX, k.pageY);
+  function V(I) {
+    I.preventDefault(), I.dataTransfer && (I.dataTransfer.dropEffect = "move"), i(I.pageX, I.pageY);
   }
-  function B(k, w) {
-    w && (w.moving = !1, d && (document.body.removeChild(d), d = null)), a.value.forEach((x, p) => {
+  function T(I, F) {
+    F && (F.moving = !1, g && (document.body.removeChild(g), g = null)), a.value.forEach((x, p) => {
       x.__fv_index__ = p;
-    }), f.value = !1, o(), F.value = w.raw.__fv_index__, b.value = w.raw.__fv_index__, S.value = w.raw[c.value], t.emit("change", a.value), t.emit("activeChange", [w.raw]);
+    }), f.value = !1, b(), k.value = F.raw.__fv_index__, w.value = F.raw.__fv_index__, y.value = F.raw[c.value], t.emit("change", a.value), t.emit("activeChange", [F.raw]);
   }
   return {
-    dragstart: m,
+    dragstart: r,
     dragenter: u,
     dragover: V,
-    dragend: B,
+    dragend: T,
     isDragging: f
   };
 }
-function Bt(e, t, n, l, c, a) {
-  const s = g(e.idField), f = g(e.disableField), b = g(e.draggable);
-  g(e.itemClass);
-  const S = g(e.selection.multiSelect ?? !1), F = g(e.selection.multiSelectMode), { isDragging: o } = l, { activeIndex: i, focusedItemId: d, hoverIndex: I } = c, { clearSelection: T, getSelectedItems: v, toggleSelectItem: C, currentSelectedDataId: m } = a, u = g(v()), V = (P) => u.value.length === 0 ? !1 : u.value.some((h) => {
-    let y = "";
-    return h.data ? y = h.data[s.value] : y = h[s.value], y === P;
+function Bt(e, t, l, n, c, a) {
+  const o = v(e.idField), f = v(e.disableField), w = v(e.draggable);
+  v(e.itemClass);
+  const y = v(e.selection.multiSelect ?? !1), k = v(e.selection.multiSelectMode), { isDragging: b } = n, { activeIndex: m, focusedItemId: g, hoverIndex: O } = c, { clearSelection: d, getSelectedItems: i, toggleSelectItem: S, currentSelectedDataId: r } = a, u = v(i()), V = (M) => u.value.length === 0 ? !1 : u.value.some((h) => {
+    let C = "";
+    return h.data ? C = h.data[o.value] : C = h[o.value], C === M;
   });
-  function B() {
-    u.value = v();
+  function T() {
+    u.value = i();
   }
-  function k(P, h) {
-    return P.raw[s.value] != null ? P.raw[s.value] : "";
+  function I(M, h) {
+    return M.raw[o.value] != null ? M.raw[o.value] : "";
   }
-  function w(P, h) {
-    const y = {
+  function F(M, h) {
+    const C = {
       "f-list-view-group-item": !0,
-      "f-list-view-draggable-item": b.value,
-      "f-un-click": !P.checked,
-      "f-un-select": !!P.raw[f.value],
+      "f-list-view-draggable-item": w.value,
+      "f-un-click": !M.checked,
+      "f-un-select": !!M.raw[f.value],
       "f-listview-active": (
         // 多选
-        S.value && V(k(P)) || // 单选
-        !S.value && P.raw[s.value] === m.value
+        y.value && V(I(M)) || // 单选
+        !y.value && M.raw[o.value] === r.value
       ),
-      "f-listview-hover": !o.value && h === I.value,
-      moving: !!P.moving
+      "f-listview-hover": !b.value && h === O.value,
+      moving: !!M.moving
     };
     if (typeof e.itemClass == "string")
-      return J(y, e.itemClass);
+      return J(C, e.itemClass);
     if (typeof e.itemClass == "function") {
-      const R = e.itemClass(P);
-      return J(y, R);
+      const H = e.itemClass(M);
+      return J(C, H);
     }
-    return y;
+    return C;
   }
-  function x(P, h) {
-    const y = (
+  function x(M, h) {
+    const C = (
       // 多选
-      S.value && V(k(P)) || // 单选
-      !S.value && P.raw[s.value] === m.value
-    ), R = {};
-    if (y && (R.backgroundColor = "#dae9ff"), typeof e.itemStyle == "string")
-      return ie(R, e.itemStyle);
+      y.value && V(I(M)) || // 单选
+      !y.value && M.raw[o.value] === r.value
+    ), H = {};
+    if (C && (H.backgroundColor = "#dae9ff"), typeof e.itemStyle == "string")
+      return ie(H, e.itemStyle);
     if (typeof e.itemStyle == "function") {
-      const M = e.itemStyle(P);
-      return ie(R, M);
+      const B = e.itemStyle(M);
+      return ie(H, B);
     }
-    return R;
+    return H;
   }
-  const p = L(() => !S.value);
-  function O(P, h, y) {
-    P.checked = y, !P.raw[f.value] && (p.value && (d.value = P.raw[s.value]), C(P));
+  const p = P(() => !y.value);
+  function R(M, h, C) {
+    M.checked = C, !M.raw[f.value] && (p.value && (g.value = M.raw[o.value]), S(M));
   }
-  const j = L(() => S.value && F.value === "OnCheckClearByClick"), A = L(() => !S.value || S.value && (F.value === "OnCheckAndClick" || F.value === "OnClick"));
-  function $(P, h, y) {
-    if (P.raw[f.value]) {
-      y == null || y.preventDefault(), y == null || y.stopPropagation();
+  const j = P(() => y.value && k.value === "OnCheckClearByClick"), A = P(() => !y.value || y.value && (k.value === "OnCheckAndClick" || k.value === "OnClick"));
+  function G(M, h, C) {
+    if (M.raw[f.value]) {
+      C == null || C.preventDefault(), C == null || C.stopPropagation();
       return;
     }
-    d.value = P.raw[s.value], i.value = h, j.value && T(), A.value && (C(P), B()), t.emit("clickItem", { data: u.value, index: h, dataItem: P.raw }), t.emit("activeChange", u.value);
+    g.value = M.raw[o.value], m.value = h, j.value && d(), A.value && (S(M), T()), t.emit("clickItem", { data: u.value, index: h, dataItem: M.raw }), t.emit("activeChange", u.value);
   }
   return {
-    getKey: k,
+    getKey: I,
     selectedItems: u,
-    listViewItemClass: w,
+    listViewItemClass: F,
     listViewItemStyle: x,
-    updateSelectedItems: B,
-    onCheckItem: O,
-    onClickItem: $
+    updateSelectedItems: T,
+    onCheckItem: R,
+    onClickItem: G
   };
 }
 const fe = /* @__PURE__ */ N({
@@ -819,62 +819,62 @@ const fe = /* @__PURE__ */ N({
   props: St,
   emits: ["afterSearch", "checkValuesChange", "clickItem", "selectItem", "unSelectItem", "selectionChange", "removeItem", "change", "activeChange", "pageIndexChanged", "pageSizeChanged", "changed", "selectionUpdate"],
   setup(e, t) {
-    const n = g(), l = g(!0), c = g(!1), a = g([]), s = 0, f = g(e.columns), b = Ae(e, t), S = Ee(e), F = je(e), o = $e(e, S), i = Ge(e, /* @__PURE__ */ new Map(), b, F, S), d = Ne(e, i, S, a, t), I = wt(e, n), T = _e(e, i), v = L(() => i.dataView.value.length), C = ze(e, t, d, S), m = Ue(e, t, S, C, a), u = We(e), V = qe(e, {}, u), B = De(e, i, m, F, S, u, V), k = Ke(e, S, V, B), w = Xe(e, S, V, B), x = Ye(e, f, i, v, s, B, k, w), {
+    const l = v(), n = v(!0), c = v(!1), a = v([]), o = 0, f = v(e.columns), w = Ae(e, t), y = Ee(e), k = je(e), b = $e(e, y), m = Ge(e, /* @__PURE__ */ new Map(), w, k, y), g = Ne(e, m, y, a, t), O = wt(e, l), d = _e(e, m), i = P(() => m.dataView.value.length), S = ze(e, t, g, y), r = Ue(e, t, y, S, a), u = De(e), V = We(e, {}, u), T = qe(e, m, r, k, y, u, V), I = Ke(e, y, V, T), F = Xe(e, y, V, T), x = Ye(e, f, m, i, o, T, I, F), {
       getVisualData: p
     } = x;
-    a.value = p(0, v.value + s - 1);
-    const O = L(() => {
-      const H = {
+    a.value = p(0, i.value + o - 1);
+    const R = P(() => {
+      const L = {
         "f-list-view": !0,
         "f-list-view-multiple": e.multiSelect
       };
-      return e.size !== "default" && (H[`${e.size}-item`] = !0), J(H, e.customClass);
-    }), j = L(() => !!t.slots.footer || l.value);
+      return e.size !== "default" && (L[`${e.size}-item`] = !0), J(L, e.customClass);
+    }), j = P(() => !!t.slots.footer || n.value);
     function A() {
       return e.header === "SearchBar" ? se : e.header === "ContentHeader" ? xt : se;
     }
-    const $ = A(), {
-      renderHeader: P
-    } = $(e, t, I), h = Ot(), y = Rt(e, t, i, h), R = Bt(e, t, a, y, h, d), {
-      renderListArea: M
-    } = Tt(e, t, a, i, o, h, d, x, R, y);
-    function _(H) {
-      I.search(H);
+    const G = A(), {
+      renderHeader: M
+    } = G(e, t, O), h = Ot(), C = Rt(e, t, m, h), H = Bt(e, t, a, C, h, g), {
+      renderListArea: B
+    } = Tt(e, t, a, m, b, h, g, x, H, C);
+    function _(L) {
+      O.search(L);
     }
-    function ge(H) {
-      H && (i.load(H), a.value = p(0, v.value + s - 1));
+    function ge(L) {
+      L && (m.load(L), a.value = p(0, i.value + o - 1));
     }
     function he() {
-      d.clearSelection(), h.clearActiveItem();
+      g.clearSelection(), h.clearActiveItem();
     }
     function pe() {
-      return R.selectedItems.value;
+      return H.selectedItems.value;
     }
     function ye() {
-      return R.selectedItems.value.map((H) => H[S.idField.value]);
+      return H.selectedItems.value.map((L) => L[y.idField.value]);
     }
-    function le(H) {
-      d.selectedValues.value = H, R.updateSelectedItems();
+    function le(L) {
+      g.selectedValues.value = L, H.updateSelectedItems();
     }
     function be() {
-      return d.currentSelectedDataId.value;
+      return g.currentSelectedDataId.value;
     }
-    function Ce(H) {
-      C.activeRowById(H);
+    function Ce(L) {
+      S.activeRowById(L);
     }
-    function Se(H) {
-      const G = S.idField.value, z = a.value.find((K) => K.raw[G] === H), W = a.value.findIndex((K) => K.raw[G] === H);
-      z && W > -1 && R.onClickItem(z, W);
+    function Se(L) {
+      const $ = y.idField.value, z = a.value.find((K) => K.raw[$] === L), D = a.value.findIndex((K) => K.raw[$] === L);
+      z && D > -1 && H.onClickItem(z, D);
     }
-    function we(H) {
-      const G = S.idField.value, z = a.value.find((W) => W.raw[G] === H);
-      z && C.changeRow(z);
+    function we(L) {
+      const $ = y.idField.value, z = a.value.find((D) => D.raw[$] === L);
+      z && S.changeRow(z);
     }
-    function Fe(H) {
-      T.updatePagination(H);
+    function Fe(L) {
+      d.updatePagination(L);
     }
-    function Ie(H) {
-      return a.value.filter((G) => H.includes(G.raw[e.idField]));
+    function Ie(L) {
+      return a.value.filter(($) => L.includes($.raw[e.idField]));
     }
     t.expose({
       search: _,
@@ -890,29 +890,29 @@ const fe = /* @__PURE__ */ N({
       getVisibleDataByIds: Ie,
       selectRowById: we
     });
-    function Ve(H) {
-      e.multiSelect && (H.preventDefault(), H.stopPropagation());
+    function Ve(L) {
+      e.multiSelect && (L.preventDefault(), L.stopPropagation());
     }
-    E(() => e.selectionValues, (H, G) => {
-      H !== G && le(H);
+    E(() => e.selectionValues, (L, $) => {
+      L !== $ && le(L);
     });
-    const ke = Je(e, d), {
+    const ke = Je(e, g), {
       sidebarWidth: Te,
       showSidebarCheckBox: nn
     } = ke, xe = Qe(e, t), {
       applyColumnSorter: ln,
       columnContext: Oe,
       updateColumnRenderContext: an
-    } = xe, Re = Ze(e, i, a, Oe, x, v, s, Te, m), {
+    } = xe, Re = Ze(e, m, a, Oe, x, i, o, Te, r), {
       shouldRenderPagination: on
-    } = T, {
+    } = d, {
       renderDataGridPagination: sn
-    } = et(e, t, i, Re, T, d);
-    return () => r("div", {
-      class: O.value,
+    } = et(e, t, m, Re, d, g);
+    return () => s("div", {
+      class: R.value,
       onClick: Ve
-    }, [P(), r("div", {
-      ref: n,
+    }, [M(), s("div", {
+      ref: l,
       class: "f-list-view-content",
       onMouseover: () => {
         c.value = !0;
@@ -920,7 +920,7 @@ const fe = /* @__PURE__ */ N({
       onMouseleave: () => {
         c.value = !1;
       }
-    }, [M()]), j.value && r("div", {
+    }, [B()]), j.value && s("div", {
       class: "f-list-view-footer"
     }, [e.footerTemplate ? e.footerTemplate() : t.slots.footer && t.slots.footer()])]);
   }
@@ -951,25 +951,25 @@ const fe = /* @__PURE__ */ N({
   customClass: { type: Object, default: {} }
 };
 function Pt(e, t) {
-  function n(l) {
-    l.stopPropagation(), e.disabled || t.emit("click", l);
+  function l(n) {
+    n.stopPropagation(), e.disabled || t.emit("click", n);
   }
   return {
-    onClickButton: n
+    onClickButton: l
   };
 }
 function Lt(e) {
-  const t = L(() => {
-    const l = {
+  const t = P(() => {
+    const n = {
       "f-icon": !0
     };
     if (e.icon) {
       const c = e.icon.trim().split(" ");
-      c && c.length && c.reduce((a, s) => (a[s] = !0, a), l);
+      c && c.length && c.reduce((a, o) => (a[o] = !0, a), n);
     }
-    return l;
-  }), n = L(() => !!(e.icon && e.icon.trim()));
-  return { iconClass: t, shouldShowIcon: n };
+    return n;
+  }), l = P(() => !!(e.icon && e.icon.trim()));
+  return { iconClass: t, shouldShowIcon: l };
 }
 const me = /* @__PURE__ */ N({
   name: "FButton",
@@ -977,26 +977,26 @@ const me = /* @__PURE__ */ N({
   emits: ["click"],
   setup(e, t) {
     const {
-      onClickButton: n
+      onClickButton: l
     } = Pt(e, t), {
-      iconClass: l,
+      iconClass: n,
       shouldShowIcon: c
-    } = Lt(e), a = L(() => {
-      const s = {
+    } = Lt(e), a = P(() => {
+      const o = {
         btn: !0,
         "btn-lg": e.size === "large",
         "btn-md": e.size !== "large" && e.size !== "small",
         "btn-sm": e.size === "small",
         "btn-icontext": c.value
       };
-      return s[`btn-${e.type}`] = !0, e.customClass && Object.keys(e.customClass).reduce((f, b) => (f[b] = e.customClass[b], f), s), s;
+      return o[`btn-${e.type}`] = !0, e.customClass && Object.keys(e.customClass).reduce((f, w) => (f[w] = e.customClass[w], f), o), o;
     });
-    return () => r("button", {
+    return () => s("button", {
       class: a.value,
       disabled: e.disabled,
-      onClick: (s) => n(s)
-    }, [c.value && r("i", {
-      class: l.value
+      onClick: (o) => l(o)
+    }, [c.value && s("i", {
+      class: n.value
     }, null), t.slots.default && t.slots.default()]);
   }
 }), Ht = /* @__PURE__ */ new Map([
@@ -1217,13 +1217,13 @@ const me = /* @__PURE__ */ N({
   required: _t,
   ignore: zt
 };
-function Wt(e, t, n) {
+function Dt(e, t, l) {
   return t;
 }
-function qt() {
-  function e(t, n, l) {
+function Wt() {
+  function e(t, l, n) {
     const c = {};
-    return c.beforeOpen = (a) => n.call("beforeOpen", t, [a, t], l), c;
+    return c.beforeOpen = (a) => l.call("beforeOpen", t, [a, t], n), c;
   }
   return {
     resolve: e
@@ -1398,9 +1398,9 @@ const ne = {
   enableHighlightSearch: { type: Boolean, default: !0 },
   minPanelWidth: { type: Number, default: 160 },
   popupOnClick: { type: Boolean, default: !0 }
-}, Dt = Object.assign({}, ne, {
+}, qt = Object.assign({}, ne, {
   readonly: {}
-}), ve = de(ne, Ut, Ht, Wt), Kt = qt(), Xt = {
+}), ve = de(ne, Ut, Ht, Dt), Kt = Wt(), Xt = {
   dataSource: { type: Array, default: [] },
   enableSearch: { type: Boolean, default: !1 },
   idField: { type: String, default: "id" },
@@ -1426,226 +1426,246 @@ const ne = {
   props: Xt,
   emits: ["selectionChange"],
   setup(e, t) {
-    const n = g(), l = g(e.dataSource), c = g([]), a = g(e.separator), s = g(e.width), f = g(e.maxHeight), b = g(String(e.selectedValues).split(a.value)), S = L(() => e.multiSelect), F = L(() => ({
+    const l = v(), n = v(e.dataSource), c = v([]), a = v(e.separator), o = v(e.width), f = v(e.maxHeight), w = P(() => e.multiSelect), y = v(e.multiSelect ? String(e.selectedValues).split(a.value) : [e.selectedValues]), k = P(() => ({
       enableSelectRow: !0,
       multiSelect: e.multiSelect,
       multiSelectMode: "OnCheckAndClick",
-      showCheckbox: S.value,
+      showCheckbox: w.value,
       showSelectAll: !1,
       showSelection: !0
     }));
     E(e.dataSource, () => {
-      l.value = e.dataSource;
-    }), L(() => e.enableSearch ? "SearchBar" : "ContentHeader");
-    const o = L(() => {
-      const v = {};
-      return s.value !== void 0 && (v.width = `${s.value}px`), f.value !== void 0 && f.value > 0 && (v.maxHeight = `${f.value}px`), v;
+      n.value = e.dataSource;
+    }), P(() => e.enableSearch ? "SearchBar" : "ContentHeader");
+    const b = P(() => {
+      const i = {};
+      return o.value !== void 0 && (i.width = `${o.value}px`), f.value !== void 0 && f.value > 0 && (i.maxHeight = `${f.value}px`), i;
     });
-    function i(v) {
-      n.value.search(v);
+    function m(i) {
+      l.value.search(i);
     }
-    function d(v) {
-      c.value = v.map((C) => Object.assign({}, C)), b.value = v.map((C) => C[e.idField]), t.emit("selectionChange", c.value);
+    function g(i) {
+      c.value = i.map((S) => Object.assign({}, S)), y.value = i.map((S) => S[e.idField]), t.emit("selectionChange", c.value);
     }
-    function I(v) {
+    function O(i) {
       if (e.enableHighlightSearch)
         return;
-      let C = [];
+      let S = [];
       const {
-        searchOption: m
+        searchOption: r
       } = e;
-      typeof m == "function" ? C = l.value.filter((u) => m(v, u)) : C = l.value.filter((u) => u[e.valueField].indexOf(v) > -1 || u[e.textField].indexOf(v) > -1), n.value.updateDataSource(C);
+      typeof r == "function" ? S = n.value.filter((u) => r(i, u)) : S = n.value.filter((u) => u[e.valueField].indexOf(i) > -1 || u[e.textField].indexOf(i) > -1), l.value.updateDataSource(S);
     }
-    E([() => e.selectedValues], ([v]) => {
-      e.multiSelect ? b.value = v.split(a.value) : b.value = [v];
+    E([() => e.selectedValues], ([i]) => {
+      e.multiSelect ? y.value = i.split(a.value) : y.value = [i];
     });
-    function T(v) {
-      n.value.activeRowById(v);
+    function d(i) {
+      l.value.activeRowById(i);
     }
     return Q(() => {
-      var v, C;
+      var i, S;
       if (!e.multiSelect) {
-        const m = (v = b.value) == null ? void 0 : v[0];
-        let u = m;
-        if (!nt(m)) {
-          const V = typeof m, B = typeof ((C = l.value[0]) == null ? void 0 : C[e.valueField || e.idField]);
-          B === "number" && V !== B && (u = Number(m)), B === "boolean" && V !== B && (u = m === "true" ? !0 : m === "false" ? !1 : m), T(u);
+        const r = (i = y.value) == null ? void 0 : i[0];
+        let u = r;
+        const V = n.value.map((T) => T[e.valueField || e.idField]);
+        if (!nt(r) && V.includes(r)) {
+          const T = typeof r, I = typeof ((S = n.value[0]) == null ? void 0 : S[e.valueField || e.idField]);
+          I === "number" && T !== I && (u = Number(r)), I === "boolean" && T !== I && (u = r === "true" ? !0 : r === "false" ? !1 : r), d(u);
         }
       }
     }), t.expose({
-      search: i,
-      activeRowById: T
-    }), () => r("div", {
+      search: m,
+      activeRowById: d
+    }), () => s("div", {
       class: "f-combo-list-container",
-      style: o.value
-    }, [r(lt, {
-      ref: n,
+      style: b.value
+    }, [s(lt, {
+      ref: l,
       size: "small",
       itemClass: "f-combo-list-item",
       itemContentClass: "text-truncate",
       header: "ContentHeader",
       headerClass: "f-combo-list-search-box",
-      data: l.value,
+      data: n.value,
       idField: e.idField,
       textField: e.textField,
       titleField: e.titleField,
       multiSelect: e.multiSelect,
-      selection: F.value,
+      selection: k.value,
       enableHighlightSearch: e.enableHighlightSearch,
-      selectionValues: b.value,
-      onSelectionUpdate: d,
-      onAfterSearch: I
+      selectionValues: y.value,
+      onSelectionUpdate: g,
+      onAfterSearch: O
     }, null)]);
   }
 });
 function Jt(e) {
-  const t = g(""), n = g(e.modelValue), l = g(e.data || []), c = g(e.editable);
-  function a(o) {
-    const i = e.multiSelect ? String(o).split(e.separator) : [String(o)], d = i.map((v) => [v, !0]), I = new Map(d);
-    return l.value.filter((v) => I.has(String(v[e.valueField]))).sort((v, C) => {
-      const m = i.indexOf(v[e.valueField]), u = i.indexOf(C[e.valueField]);
-      return m - u;
+  const t = v(""), l = v(e.modelValue), n = v(e.data || []), c = v(e.editable);
+  function a(d) {
+    const i = e.multiSelect ? String(d).split(e.separator) : [String(d)], S = i.map((V) => [V, !0]), r = new Map(S);
+    return n.value.filter((V) => r.has(String(V[e.valueField]))).sort((V, T) => {
+      const I = i.indexOf(V[e.valueField]), F = i.indexOf(T[e.valueField]);
+      return I - F;
     });
   }
-  function s(o) {
-    const i = a(o).map((d) => d[e.textField]).join(e.separator);
-    t.value = c.value ? i || o : i;
+  function o(d) {
+    const i = a(d).map((S) => S[e.textField]).join(e.separator);
+    t.value = c.value ? i || d : i;
   }
-  function f(o) {
+  function f(d) {
     if (e.multiSelect) {
-      const i = o.split(e.separator).map((I) => [I, !0]), d = new Map(i);
-      return l.value.filter((I) => d.has(I[e.textField]));
+      const i = d.split(e.separator).map((r) => [r, !0]), S = new Map(i);
+      return n.value.filter((r) => S.has(r[e.textField]));
     }
-    return l.value.filter((i) => "" + i[e.textField] === o);
+    return n.value.filter((i) => "" + i[e.textField] === d);
   }
-  function b(o) {
+  function w(d) {
     const i = {};
-    return i[e.idField] = o, i[e.textField] = o, [i];
+    return i[e.idField] = d, i[e.textField] = d, [i];
   }
-  function S(o) {
-    let i = f(o);
-    const d = i && i.length > 0;
-    return c.value && !d && (i = b(o)), i;
+  function y(d) {
+    let i = f(d);
+    const S = i && i.length > 0;
+    return c.value && !S && (i = w(d)), i;
   }
-  function F() {
-    const { url: o, method: i = "GET", headers: d = { "Content-Type": "application/json;charset=utf-8;" }, body: I = null } = e.remote;
-    if (!o)
+  function k() {
+    const { url: d, method: i = "GET", headers: S = { "Content-Type": "application/json;charset=utf-8;" }, body: r = null } = e.remote;
+    if (!d)
       return;
-    const T = i.toLowerCase() === "get" ? { method: i, headers: d } : { method: i, headers: d, body: I };
-    let v = !1;
-    fetch(new Request(o, T)).then((C) => {
-      var u, V;
-      if (C.status === 200)
-        return v = !!((V = (u = C.headers) == null ? void 0 : u.get("content-type")) != null && V.includes("application/json")), v ? C.text() : C.json();
-      throw C.status === 405 ? new Error(Z.getLocaleValue("comboList.remoteError")) : new Error(C.statusText);
-    }).then((C) => {
-      C.length && (l.value = v ? JSON.parse(C) : C);
-    }).catch((C) => {
-      console.warn(C);
+    const u = i.toLowerCase() === "get" ? { method: i, headers: S } : { method: i, headers: S, body: r };
+    let V = !1;
+    fetch(new Request(d, u)).then((T) => {
+      var F, x;
+      if (T.status === 200)
+        return V = !!((x = (F = T.headers) == null ? void 0 : F.get("content-type")) != null && x.includes("application/json")), V ? T.text() : T.json();
+      throw T.status === 405 ? new Error(Z.getLocaleValue("comboList.remoteError")) : new Error(T.statusText);
+    }).then((T) => {
+      T.length && (n.value = V ? JSON.parse(T) : T);
+    }).catch((T) => {
+      console.warn(T);
     });
   }
-  return e.remote && (e.load ? e.load().then((o) => {
-    l.value = o;
-  }).catch((o) => {
-    console.log(o);
-  }) : F()), E(() => e.data, () => {
-    l.value = e.data;
-  }), E([l], ([o]) => {
+  e.remote && (e.load ? e.load().then((d) => {
+    n.value = d;
+  }).catch((d) => {
+    console.log(d);
+  }) : k()), E(() => e.data, () => {
+    n.value = e.data;
+  }), E([n], ([d]) => {
     if (e.modelValue != null) {
-      const i = o.find((d) => d[e.valueField] === e.modelValue);
+      const i = d.find((S) => S[e.valueField] === e.modelValue);
       i && (t.value = i[e.textField]);
     }
-  }), E(() => e.modelValue, (o) => {
-    n.value = o, s(o);
-  }), s(e.modelValue), { dataSource: l, displayText: t, editable: c, modelValue: n, getItemsByDisplayText: f, getItemsByValue: a, getSelectedItemsByDisplayText: S };
+  }), E(() => e.modelValue, (d) => {
+    l.value = d, o(d);
+  });
+  function b(d) {
+    n.value = d;
+  }
+  function m() {
+    return n.value;
+  }
+  function g() {
+    return t.value;
+  }
+  function O() {
+    const d = typeof e.beforeOpen == "function";
+    return !e.beforeOpen || !d ? Promise.resolve(!0) : Promise.resolve().then(() => e.beforeOpen({ instance: { updateDataSource: b, getData: m, getDisplayText: g } })).then((i) => typeof (i == null ? void 0 : i.canOpen) == "boolean" ? i == null ? void 0 : i.canOpen : !0);
+  }
+  return e.beforeOpen ? O().then((d) => {
+    d && o(e.modelValue);
+  }) : o(e.modelValue), {
+    dataSource: n,
+    displayText: t,
+    editable: c,
+    modelValue: l,
+    beforeOpenList: O,
+    getItemsByDisplayText: f,
+    getItemsByValue: a,
+    getSelectedItemsByDisplayText: y
+  };
 }
-const q = /* @__PURE__ */ N({
+const W = /* @__PURE__ */ N({
   name: "FComboList",
   props: ne,
   emits: ["clear", "update:modelValue", "change", "input"],
   setup(e, t) {
-    const n = g(), l = g(), c = g(e.disabled || e.readonly), a = g(e.enableClear), s = g(e.enableSearch), f = g(e.readonly), {
-      dataSource: b,
-      displayText: S,
-      editable: F,
-      modelValue: o,
-      getItemsByDisplayText: i,
-      getItemsByValue: d
-    } = Jt(e), I = g(e.dropDownIcon);
-    I.value === '<span class="f-icon f-icon-arrow-chevron-down"></span>' && (I.value = '<span id="' + e.id + '-icon-dropdown" class="f-icon f-icon-arrow-chevron-down"></span>');
-    const T = L(() => e.multiSelect), v = L(() => l.value ? l.value.elementRef.getBoundingClientRect().width : 0);
-    function C() {
-      !T.value && l.value && l.value.hidePopup();
+    const l = v(), n = v(), c = v(e.disabled || e.readonly), a = v(e.enableClear), o = v(e.enableSearch), f = v(e.readonly), {
+      dataSource: w,
+      displayText: y,
+      editable: k,
+      modelValue: b,
+      getItemsByDisplayText: m,
+      getItemsByValue: g,
+      beforeOpenList: O
+    } = Jt(e), d = v(e.dropDownIcon);
+    d.value === '<span class="f-icon f-icon-arrow-chevron-down"></span>' && (d.value = '<span id="' + e.id + '-icon-dropdown" class="f-icon f-icon-arrow-chevron-down"></span>');
+    const i = P(() => e.multiSelect), S = P(() => n.value ? n.value.elementRef.getBoundingClientRect().width : 0);
+    function r() {
+      !i.value && n.value && n.value.hidePopup();
     }
-    function m(h) {
-      S.value = h.map((R) => R[e.textField]).join(e.separator);
-      let y = "";
-      h.length === 1 ? y = h[0][e.valueField] : y = h.map((R) => R[e.valueField]).join(e.separator), o.value !== y && (o.value = y, t.emit("update:modelValue", o.value), t.emit("change", h, o.value));
-    }
-    function u() {
-      const h = d(o.value);
-      m(h);
+    function u(h) {
+      y.value = h.map((H) => H[e.textField]).join(e.separator);
+      let C = "";
+      h.length === 1 ? C = h[0][e.valueField] : C = h.map((H) => H[e.valueField]).join(e.separator), b.value !== C && (b.value = C, t.emit("update:modelValue", b.value), t.emit("change", h, b.value));
     }
     function V() {
-      f.value || S.value;
+      const h = g(b.value);
+      u(h);
+    }
+    function T() {
+      f.value || y.value;
     }
-    function B(h) {
-      var y;
-      o.value = "", (y = n.value) == null || y.activeRowById(""), t.emit("update:modelValue", ""), t.emit("change", [], ""), t.emit("clear");
+    function I(h) {
+      var C;
+      b.value = "", (C = l.value) == null || C.activeRowById(""), t.emit("update:modelValue", ""), t.emit("change", [], ""), t.emit("clear");
     }
-    function k(h) {
-      var y, R;
-      e.enableSearch && e.enableHighlightSearch && ((y = n.value) == null || y.search(h)), (R = n.value) == null || R.activeRowById(h), t.emit("change", [o.value], o.value);
+    function F(h) {
+      var C, H;
+      e.enableSearch && e.enableHighlightSearch && ((C = l.value) == null || C.search(h)), (H = l.value) == null || H.activeRowById(h), t.emit("change", [b.value], b.value);
     }
-    function w(h) {
+    function x(h) {
       if (e.multiSelect) {
-        const y = i(h);
+        const C = m(h);
         e.viewType;
-        const M = y.map((_) => _[e.idField || e.valueField]).join(e.separator);
-        o.value !== M && (o.value = M, t.emit("update:modelValue", o.value), t.emit("change", y, o.value));
+        const B = C.map((_) => _[e.idField || e.valueField]).join(e.separator);
+        b.value !== B && (b.value = B, t.emit("update:modelValue", b.value), t.emit("change", C, b.value));
       }
     }
-    function x() {
-      return S.value;
+    function p() {
+      return y.value;
     }
-    function p(h) {
+    function R(h) {
       const {
-        value: y
+        value: C
       } = h.target;
-      k(y), t.emit("input", y);
+      F(C), t.emit("input", C);
     }
-    function O() {
-      l.value.hidePopup();
+    function j() {
+      n.value.hidePopup();
     }
-    function j(h) {
-      b.value = h;
+    function A(h) {
+      w.value = h;
     }
-    function A() {
-      return b.value;
+    function G() {
+      return w.value;
     }
-    const $ = {
-      getDisplayText: x,
-      hidePopup: O,
-      updateDataSource: j,
-      getData: A
+    const M = {
+      getDisplayText: p,
+      hidePopup: j,
+      updateDataSource: A,
+      getData: G
     };
-    t.expose($);
-    function P(h) {
-      const y = typeof e.beforeOpen == "function";
-      return !e.beforeOpen || !y ? Promise.resolve(!0) : Promise.resolve().then(() => e.beforeOpen({
-        instance: $
-      })).then((R) => typeof (R == null ? void 0 : R.canOpen) == "boolean" ? R == null ? void 0 : R.canOpen : !0);
-    }
-    return E([() => e.disabled, () => e.editable, () => e.enableClear, () => e.enableSearch, () => e.readonly], ([h, y, R, M, _]) => {
-      c.value = h, F.value = y, a.value = R, s.value = M, f.value = _;
-    }), () => r(tt, {
-      ref: l,
+    return t.expose(M), E([() => e.disabled, () => e.editable, () => e.enableClear, () => e.enableSearch, () => e.readonly], ([h, C, H, B, _]) => {
+      c.value = h, k.value = C, a.value = H, o.value = B, f.value = _;
+    }), () => s(tt, {
+      ref: n,
       id: e.id,
       disable: c.value,
       readonly: f.value,
       forcePlaceholder: e.forcePlaceholder,
-      editable: F.value,
-      buttonContent: I.value,
+      editable: k.value,
+      buttonContent: d.value,
       placeholder: e.placeholder === "请选择" ? Z.getLocaleValue("comboList.placeholder") : e.placeholder,
       enableClear: a.value,
       maxLength: e.maxLength,
@@ -1653,57 +1673,57 @@ const q = /* @__PURE__ */ N({
       enableTitle: e.enableTitle,
       multiSelect: e.multiSelect,
       inputType: e.multiSelect ? e.viewType : "text",
-      modelValue: S.value,
-      "onUpdate:modelValue": (h) => S.value = h,
+      modelValue: y.value,
+      "onUpdate:modelValue": (h) => y.value = h,
       focusOnCreated: e.focusOnCreated,
       selectOnCreated: e.selectOnCreated,
-      onClear: B,
-      onClick: V,
-      onChange: w,
-      onBlur: u,
-      onInput: p,
-      beforeOpen: P,
+      onClear: I,
+      onClick: T,
+      onChange: x,
+      onBlur: V,
+      onInput: R,
+      beforeOpen: O,
       placement: e.placement,
       popupMinWidth: e.minPanelWidth,
       popupClass: "f-combo-list-wrapper",
       popupOnClick: e.popupOnClick,
       limitContentBySpace: !0
     }, {
-      default: () => [r(Yt, {
-        ref: n,
+      default: () => [s(Yt, {
+        ref: l,
         idField: e.idField,
         valueField: e.valueField,
         textField: e.textField,
         titleField: e.titleField,
-        dataSource: b.value,
-        selectedValues: o.value,
+        dataSource: w.value,
+        selectedValues: b.value,
         separator: e.separator,
         multiSelect: e.multiSelect,
-        enableSearch: s.value,
+        enableSearch: o.value,
         maxHeight: e.maxHeight,
         enableHighlightSearch: e.enableHighlightSearch,
-        width: e.fitEditor ? v.value : void 0,
+        width: e.fitEditor ? S.value : void 0,
         onSelectionChange: (h) => {
-          m(h), C();
+          u(h), r();
         }
       }, null)]
     });
   }
 }), re = {
   convertFrom: (e, t) => (e.editor.remote || {})[t],
-  convertTo: (e, t, n) => {
-    e.editor.remote = e.editor.remote || {}, e.editor.remote[t] = n;
+  convertTo: (e, t, l) => {
+    e.editor.remote = e.editor.remote || {}, e.editor.remote[t] = l;
   }
 };
 class Qt extends at {
-  constructor(t, n) {
-    super(t, n);
+  constructor(t, l) {
+    super(t, l);
   }
   getCommonEditorProperties(t) {
-    var n, l, c;
+    var l, n, c;
     return {
       viewType: {
-        visible: !!((n = t.editor) != null && n.multiSelect),
+        visible: !!((l = t.editor) != null && l.multiSelect),
         description: "数据展示类型，有标签和文本两种方式",
         title: "数据展示类型",
         type: "enum",
@@ -1716,7 +1736,7 @@ class Qt extends at {
         refreshPanelAfterChanged: !0
       },
       separator: {
-        visible: !!((l = t.editor) != null && l.multiSelect) && ((c = t.editor) == null ? void 0 : c.viewType) === "text",
+        visible: !!((n = t.editor) != null && n.multiSelect) && ((c = t.editor) == null ? void 0 : c.viewType) === "text",
         description: "下拉列表启用多选且数据展示类型为文本时的分隔符",
         title: "分隔符",
         type: "enum",
@@ -1746,14 +1766,14 @@ class Qt extends at {
     };
   }
   getEditorProperties(t) {
-    var a, s;
-    const n = this;
-    let l = "";
+    var a, o;
+    const l = this;
+    let n = "";
     if (((a = t == null ? void 0 : t.binding) == null ? void 0 : a.type) === "Form") {
       const f = this.schemaService.getFieldByIDAndVMID(t.binding.field, this.viewModelId);
-      (s = f == null ? void 0 : f.schemaField) != null && s.type && (l = f.schemaField.type.$type);
+      (o = f == null ? void 0 : f.schemaField) != null && o.type && (n = f.schemaField.type.$type);
     }
-    return n.getComponentConfig(t, { type: "combo-list" }, {
+    return l.getComponentConfig(t, { type: "combo-list" }, {
       // enableSearch: {
       //     description: "编辑状态下启用搜索",
       //     title: "允许编辑",
@@ -1782,7 +1802,7 @@ class Qt extends at {
         title: "数据",
         type: "array",
         visible: !t.editor.dataSourceType || t.editor.dataSourceType === "static",
-        ...n.getItemCollectionEditor(t, t.editor.valueField, t.editor.textField),
+        ...l.getItemCollectionEditor(t, t.editor.valueField, t.editor.textField),
         // 这个属性，标记当属性变更得时候触发重新更新属性
         refreshPanelAfterChanged: !0
       },
@@ -1830,7 +1850,7 @@ class Qt extends at {
       multiSelect: {
         description: "",
         title: "启用多选",
-        visible: !l || l === "StringType",
+        visible: !n || n === "StringType",
         type: "boolean",
         refreshPanelAfterChanged: !0
       },
@@ -1846,33 +1866,33 @@ class Qt extends at {
         }
       },
       ...this.getCommonEditorProperties(t)
-    }, (f, b) => {
-      if (!f || !b.editor)
+    }, (f, w) => {
+      if (!f || !w.editor)
         return;
-      const S = this;
+      const y = this;
       switch (f.propertyID) {
         case "dataSourceType": {
-          f.propertyValue === "static" ? (b.editor.valueField = "value", b.editor.textField = "name", b.editor.remote = null) : f.propertyValue === "dynamic" && (b.editor.remote = { method: "GET" }, b.editor.valueField = "value", b.editor.textField = "name");
+          f.propertyValue === "static" ? (w.editor.valueField = "value", w.editor.textField = "name", w.editor.remote = null) : f.propertyValue === "dynamic" && (w.editor.remote = { method: "GET" }, w.editor.valueField = "value", w.editor.textField = "name");
           break;
         }
         case "data": {
-          !S.checkEnumDataReadonly(b) && b.formatter && (b.formatter.data = [...f.propertyValue]);
+          !y.checkEnumDataReadonly(w) && w.formatter && (w.formatter.data = [...f.propertyValue]);
           break;
         }
         case "viewType":
-          f.propertyValue === "tag" && (b.editor.editable = !1);
+          f.propertyValue === "tag" && (w.editor.editable = !1);
       }
     });
   }
-  getGridFieldEdtiorProperties(t, n) {
-    var s, f, b, S, F, o;
-    const l = this;
+  getGridFieldEdtiorProperties(t, l) {
+    var o, f, w, y, k, b;
+    const n = this;
     let c = "";
-    if (((s = t == null ? void 0 : t.binding) == null ? void 0 : s.type) === "Form") {
-      const i = this.schemaService.getFieldByIDAndVMID(t.binding.field, this.viewModelId);
-      (f = i == null ? void 0 : i.schemaField) != null && f.type && (c = i.schemaField.type.$type);
+    if (((o = t == null ? void 0 : t.binding) == null ? void 0 : o.type) === "Form") {
+      const m = this.schemaService.getFieldByIDAndVMID(t.binding.field, this.viewModelId);
+      (f = m == null ? void 0 : m.schemaField) != null && f.type && (c = m.schemaField.type.$type);
     }
-    return l.getComponentConfig(t, { type: "combo-list" }, {
+    return n.getComponentConfig(t, { type: "combo-list" }, {
       // editable: {
       //     description: "",
       //     title: "允许编辑",
@@ -1884,25 +1904,25 @@ class Qt extends at {
         title: "启用清空",
         type: "boolean"
       },
-      dataSourceType: {
-        description: "",
-        title: "数据源类型",
-        type: "enum",
-        editor: {
-          default: "static",
-          data: [
-            { id: "static", name: "静态" },
-            { id: "dynamic", name: "动态" }
-          ]
-        },
-        refreshPanelAfterChanged: !0
-      },
+      // dataSourceType: {
+      //     description: "",
+      //     title: "数据源类型",
+      //     type: "enum",
+      //     editor: {
+      //         default: "static",
+      //         data: [
+      //             { id: "static", name: "静态" },
+      //             { id: "dynamic", name: "动态" }
+      //         ]
+      //     },
+      //     refreshPanelAfterChanged: true
+      // },
       data: {
         description: "",
         title: "数据",
         type: "array",
-        visible: !((b = t.editor) != null && b.dataSourceType) || ((S = t.editor) == null ? void 0 : S.dataSourceType) === "static",
-        ...l.getItemCollectionEditor(t, (F = t.editor) == null ? void 0 : F.valueField, (o = t.editor) == null ? void 0 : o.textField),
+        visible: !((w = t.editor) != null && w.dataSourceType) || ((y = t.editor) == null ? void 0 : y.dataSourceType) === "static",
+        ...n.getItemCollectionEditor(t, (k = t.editor) == null ? void 0 : k.valueField, (b = t.editor) == null ? void 0 : b.textField),
         // 这个属性，标记当属性变更得时候触发重新更新属性
         refreshPanelAfterChanged: !0
       },
@@ -1937,33 +1957,33 @@ class Qt extends at {
         }
       },
       ...this.getCommonEditorProperties(t)
-    }, (i, d) => {
-      if (!i || !d.editor)
+    }, (m, g) => {
+      if (!m || !g.editor)
         return;
-      const I = this;
-      switch (i.propertyID) {
+      const O = this;
+      switch (m.propertyID) {
         case "dataSourceType": {
-          i.propertyValue === "static" ? (d.editor.valueField = "value", d.editor.textField = "name", d.editor.remote = null) : i.propertyValue === "dynamic" && (d.editor.remote = { method: "GET" }, d.editor.valueField = "value", d.editor.textField = "name");
+          m.propertyValue === "static" ? (g.editor.valueField = "value", g.editor.textField = "name", g.editor.remote = null) : m.propertyValue === "dynamic" && (g.editor.remote = { method: "GET" }, g.editor.valueField = "value", g.editor.textField = "name");
           break;
         }
         case "data": {
-          !I.checkEnumDataReadonly(d) && d.formatter && (d.formatter.data = [...i.propertyValue]);
+          !O.checkEnumDataReadonly(g) && g.formatter && (g.formatter.data = [...m.propertyValue]);
           break;
         }
       }
     });
   }
-  setEditorPropertyRelates(t, n, l) {
-    if (!t || !n.editor)
+  setEditorPropertyRelates(t, l, n) {
+    if (!t || !l.editor)
       return;
     const c = this;
     switch (t.propertyID) {
       case "dataSourceType": {
-        t.propertyValue === "static" && (n.editor.valueField = "value", n.editor.textField = "name", n.editor.remote = {});
+        t.propertyValue === "static" && (l.editor.valueField = "value", l.editor.textField = "name", l.editor.remote = {});
         break;
       }
       case "data": {
-        !c.checkEnumDataReadonly(n) && n.formatter && (n.formatter.data = [...t.propertyValue]);
+        !c.checkEnumDataReadonly(l) && l.formatter && (l.formatter.data = [...t.propertyValue]);
         break;
       }
     }
@@ -1971,10 +1991,10 @@ class Qt extends at {
   /**
    * 切换绑定属性 
    */
-  changeBindingField(t, n, l) {
+  changeBindingField(t, l, n) {
     var a;
-    super.changeBindingField(t, n);
-    const c = l;
+    super.changeBindingField(t, l);
+    const c = n;
     t.editor && ((a = c == null ? void 0 : c.type) == null ? void 0 : a.$type) === Le.EnumType && (t.editor.data = c.type.enumValues || []);
   }
   /**
@@ -1984,58 +2004,58 @@ class Qt extends at {
   * @param showPosition 面板展示位置
   * @param customEvent 输入控件特有的事件配置
   */
-  getEventPropertyConfig(t, n = "card", l, c) {
+  getEventPropertyConfig(t, l = "card", n, c) {
     const a = this;
-    let s = [
+    let o = [
       {
         label: "onChange",
         name: "值变化事件"
       },
-      {
-        label: "onClear",
-        name: "清空事件"
-      },
+      // {
+      //     label: 'onClear',
+      //     name: '清空事件'
+      // },
       {
         label: "beforeOpen",
-        name: "打开下拉面板前"
+        name: "下拉面板前事件"
       }
     ];
-    l && (s = s.concat(l)), this.appendFieldValueChangeEvents(t, s);
-    const f = a.eventsEditorUtils.formProperties(t, a.viewModelId, s);
+    n && (o = o.concat(n)), this.appendFieldValueChangeEvents(t, o);
+    const f = a.eventsEditorUtils.formProperties(t, a.viewModelId, o);
     return {
       title: "事件",
       hideTitle: !0,
       properties: a.createBaseEventProperty(f),
       tabId: "commands",
       tabName: "交互",
-      setPropertyRelates(F, o) {
-        const i = F.propertyValue;
-        delete t[a.viewModelId], i && (i.setPropertyRelates = this.setPropertyRelates, a.eventsEditorUtils.saveRelatedParameters(t, a.viewModelId, i.events, i)), c && c(F, o, i);
-        const d = a.designViewModelUtils.getDgViewModel(a.viewModelId);
-        d && a.designViewModelField && d.changeField(a.designViewModelField.id, { valueChanging: t.fieldValueChanging, valueChanged: t.fieldValueChanged }), t.editor.beforeOpen !== t.beforeOpen && (t.editor.beforeOpen = t.beforeOpen), t.editor.onChange !== t.onChange && (t.editor.onChange = t.onChange), t.editor.onClear !== t.onClear && (t.editor.onClear = t.onClear);
+      setPropertyRelates(k, b) {
+        const m = k.propertyValue;
+        delete t[a.viewModelId], m && (m.setPropertyRelates = this.setPropertyRelates, a.eventsEditorUtils.saveRelatedParameters(t, a.viewModelId, m.events, m)), c && c(k, b, m);
+        const g = a.designViewModelUtils.getDgViewModel(a.viewModelId);
+        g && a.designViewModelField && g.changeField(a.designViewModelField.id, { valueChanging: t.fieldValueChanging, valueChanged: t.fieldValueChanged }), t.editor.beforeOpen !== t.beforeOpen && (t.editor.beforeOpen = t.beforeOpen), t.editor.onChange !== t.onChange && (t.editor.onChange = t.onChange), t.editor.onClear !== t.onClear && (t.editor.onClear = t.onClear);
       }
     };
   }
 }
 function Zt(e, t) {
-  const n = e.schema;
-  function l(c, a) {
-    return new Qt(c, t).getPropertyConfig(n, a);
+  const l = e.schema;
+  function n(c, a) {
+    return new Qt(c, t).getPropertyConfig(l, a);
   }
   return {
-    getPropsConfig: l
+    getPropsConfig: n
   };
 }
 const en = /* @__PURE__ */ N({
   name: "FComboListDesign",
-  props: Dt,
+  props: qt,
   emits: ["clear", "update:modelValue", "change"],
   setup(e, t) {
-    const n = g(), l = Y("designer-host-service"), c = Y("design-item-context"), a = Zt(c, l), s = ce(n, c, a);
+    const l = v(), n = Y("designer-host-service"), c = Y("design-item-context"), a = Zt(c, n), o = ce(l, c, a);
     return Q(() => {
-      n.value.componentInstance = s;
-    }), t.expose(s.value), () => r(it, {
-      ref: n,
+      l.value.componentInstance = o;
+    }), t.expose(o.value), () => s(it, {
+      ref: l,
       buttonContent: e.dropDownIcon,
       readonly: !0,
       editable: !1,
@@ -2045,232 +2065,232 @@ const en = /* @__PURE__ */ N({
     }, null);
   }
 });
-q.register = (e, t, n, l) => {
-  e["combo-list"] = q, t["combo-list"] = ve, l["combo-list"] = { callbackResolver: Kt };
+W.register = (e, t, l, n) => {
+  e["combo-list"] = W, t["combo-list"] = ve, n["combo-list"] = { callbackResolver: Kt };
 };
-q.registerDesigner = (e, t, n) => {
+W.registerDesigner = (e, t, l) => {
   e["combo-list"] = en, t["combo-list"] = ve;
 };
-const D = He(q), X = /* @__PURE__ */ N({
+const q = He(W), X = /* @__PURE__ */ N({
   name: "FOrder",
   props: te,
   emits: ["change"],
   setup(e, t) {
-    const n = g(), l = g(e.items);
+    const l = v(), n = v(e.items);
     function c() {
       var u;
-      const m = Array.isArray(e.items) ? e.items : [];
-      l.value = [...m], (u = n.value) == null || u.updateDataSource(l.value);
+      const r = Array.isArray(e.items) ? e.items : [];
+      n.value = [...r], (u = l.value) == null || u.updateDataSource(n.value);
     }
     E(() => e.items, c);
-    const a = g("排序列"), s = g("排序方式"), f = g("添加排序列"), b = [{
+    const a = v("排序列"), o = v("排序方式"), f = v("添加排序列"), w = [{
       id: "asc",
       name: "升序"
     }, {
       id: "desc",
       name: "降序"
-    }], S = g(/* @__PURE__ */ new Map());
-    function F() {
-      const m = l.value.map((u) => [u.id, !0]);
-      S.value = new Map(m);
+    }], y = v(/* @__PURE__ */ new Map());
+    function k() {
+      const r = n.value.map((u) => [u.id, !0]);
+      y.value = new Map(r);
     }
-    F();
-    const o = L(() => e.dataSource.map((m) => (m.disabled = S.value.has(m.id), m))), i = L(() => ({
+    k();
+    const b = P(() => e.dataSource.map((r) => (r.disabled = y.value.has(r.id), r))), m = P(() => ({
       "f-order": !0
     }));
-    function d(m) {
-      l.value = l.value.filter((u) => u.id !== m.id), F(), t.emit("change", l.value);
+    function g(r) {
+      n.value = n.value.filter((u) => u.id !== r.id), k(), t.emit("change", n.value);
     }
-    function I() {
-      l.value = [...l.value, {
+    function O() {
+      n.value = [...n.value, {
         id: Date.now().toString(),
         name: "",
         order: "asc"
-      }], F(), t.emit("change", l.value);
+      }], k(), t.emit("change", n.value);
     }
-    function T(m) {
-      if (m && m.length === 1) {
-        const u = m[0], V = l.value.find((B) => B.id === u.id);
+    function d(r) {
+      if (r && r.length === 1) {
+        const u = r[0], V = n.value.find((T) => T.id === u.id);
         V && (V.name = u.name);
       }
-      F(), t.emit("change", l.value);
+      k(), t.emit("change", n.value);
     }
-    function v(m) {
-      if (m && m.length) {
+    function i(r) {
+      if (r && r.length) {
         const u = /* @__PURE__ */ new Map();
-        m.reduce((V, B) => (V.set(B.id, B), V), u), l.value = m.map((V) => u.get(V.id)), t.emit("change", l.value);
+        r.reduce((V, T) => (V.set(T.id, T), V), u), n.value = r.map((V) => u.get(V.id)), t.emit("change", n.value);
       }
     }
-    function C() {
-      return r(fe, {
-        ref: n,
+    function S() {
+      return s(fe, {
+        ref: l,
         style: "flex:1",
-        data: l.value,
+        data: n.value,
         draggable: !0,
         view: "DraggableView",
         "keep-order": !0,
         itemClass: "f-order-item",
-        onRemoveItem: d,
-        onChange: v
+        onRemoveItem: g,
+        onChange: i
       }, {
-        header: () => r("div", {
+        header: () => s("div", {
           class: "f-order-header"
-        }, [r("span", {
+        }, [s("span", {
           class: "f-order-header-order-field"
-        }, [a.value]), r("span", {
+        }, [a.value]), s("span", {
           class: "f-order-header-order-type"
-        }, [s.value])]),
-        itemContent: (m) => r("div", {
+        }, [o.value])]),
+        itemContent: (r) => s("div", {
           class: "f-order-item-content"
-        }, [r(D, {
+        }, [s(q, {
           class: "f-order-item-content-order-field",
-          data: o.value,
+          data: b.value,
           valueField: "id",
           textField: "name",
           idField: "id",
-          modelValue: m.raw.id,
-          "onUpdate:modelValue": (u) => m.raw.id = u,
-          onChange: T,
-          onClear: T
-        }, null), r(D, {
+          modelValue: r.raw.id,
+          "onUpdate:modelValue": (u) => r.raw.id = u,
+          onChange: d,
+          onClear: d
+        }, null), s(q, {
           class: "f-order-item-content-order-type",
-          data: b,
+          data: w,
           valueField: "id",
           textField: "name",
           idField: "id",
-          modelValue: m.raw.order,
-          "onUpdate:modelValue": (u) => m.raw.order = u,
-          onChange: T
+          modelValue: r.raw.order,
+          "onUpdate:modelValue": (u) => r.raw.order = u,
+          onChange: d
         }, null)]),
-        footer: () => r("div", {
+        footer: () => s("div", {
           class: "f-order-footer"
-        }, [r(me, {
+        }, [s(me, {
           type: "link",
           class: "f-order-add-button",
-          onClick: I
+          onClick: O
         }, {
-          default: () => r(U, null, [r("span", {
+          default: () => s(U, null, [s("span", {
             class: "f-order-add-icon"
-          }, [r("i", {
+          }, [s("i", {
             class: "f-icon f-icon-add"
           }, null)]), f.value])
         })])
       });
     }
-    return () => r("div", {
-      class: i.value
-    }, [C()]);
+    return () => s("div", {
+      class: m.value
+    }, [S()]);
   }
 }), tn = /* @__PURE__ */ N({
   name: "FOrderDesign",
   props: te,
   emits: ["change"],
   setup(e, t) {
-    const n = g(e.items), l = g("排序列"), c = g("排序方式"), a = g("添加排序列"), s = [{
+    const l = v(e.items), n = v("排序列"), c = v("排序方式"), a = v("添加排序列"), o = [{
       id: "asc",
       name: "升序"
     }, {
       id: "desc",
       name: "降序"
-    }], f = g(/* @__PURE__ */ new Map()), b = g(), S = Y("design-item-context"), F = ce(b, S);
+    }], f = v(/* @__PURE__ */ new Map()), w = v(), y = Y("design-item-context"), k = ce(w, y);
     Q(() => {
-      b.value.componentInstance = F;
-    }), t.expose(F.value);
-    function o() {
-      const u = n.value.map((V) => [V.id, !0]);
+      w.value.componentInstance = k;
+    }), t.expose(k.value);
+    function b() {
+      const u = l.value.map((V) => [V.id, !0]);
       f.value = new Map(u);
     }
-    o();
-    const i = L(() => e.dataSource.map((u) => (u.disabled = f.value.has(u.id), u))), d = L(() => ({
+    b();
+    const m = P(() => e.dataSource.map((u) => (u.disabled = f.value.has(u.id), u))), g = P(() => ({
       "f-order": !0
     }));
-    function I(u) {
-      n.value = n.value.filter((V) => V.id !== u.id), o(), t.emit("change", n.value);
+    function O(u) {
+      l.value = l.value.filter((V) => V.id !== u.id), b(), t.emit("change", l.value);
     }
-    function T() {
-      n.value = [...n.value, {
+    function d() {
+      l.value = [...l.value, {
         id: Date.now().toString(),
         name: "",
         order: "asc"
-      }], o(), t.emit("change", n.value);
+      }], b(), t.emit("change", l.value);
     }
-    function v(u) {
-      o(), t.emit("change", n.value);
+    function i(u) {
+      b(), t.emit("change", l.value);
     }
-    function C(u) {
+    function S(u) {
       if (u && u.length) {
         const V = /* @__PURE__ */ new Map();
-        u.reduce((B, k) => (B.set(k.id, k), B), V), n.value = u.map((B) => V.get(B.id)), t.emit("change", n.value);
+        u.reduce((T, I) => (T.set(I.id, I), T), V), l.value = u.map((T) => V.get(T.id)), t.emit("change", l.value);
       }
     }
-    function m() {
-      return r(fe, {
+    function r() {
+      return s(fe, {
         style: "flex:1",
-        data: n.value,
+        data: l.value,
         draggable: !0,
         view: "DraggableView",
         "keep-order": !0,
         itemClass: "f-order-item",
-        onRemoveItem: I,
-        onChange: C
+        onRemoveItem: O,
+        onChange: S
       }, {
-        header: () => r("div", {
+        header: () => s("div", {
           class: "f-order-header"
-        }, [r("span", {
+        }, [s("span", {
           class: "f-order-header-order-field"
-        }, [l.value]), r("span", {
+        }, [n.value]), s("span", {
           class: "f-order-header-order-type"
         }, [c.value])]),
-        itemContent: (u) => r("div", {
+        itemContent: (u) => s("div", {
           class: "f-order-item-content"
-        }, [r(D, {
+        }, [s(q, {
           class: "f-order-item-content-order-field",
-          data: i.value,
+          data: m.value,
           valueField: "id",
           textField: "name",
           idField: "id",
           modelValue: u.id,
           "onUpdate:modelValue": (V) => u.id = V,
-          onChange: v,
-          onClear: v
-        }, null), r(D, {
+          onChange: i,
+          onClear: i
+        }, null), s(q, {
           class: "f-order-item-content-order-type",
-          data: s,
+          data: o,
           valueField: "id",
           textField: "name",
           idField: "id",
           modelValue: u.order,
           "onUpdate:modelValue": (V) => u.order = V,
-          onChange: v
+          onChange: i
         }, null)]),
-        footer: () => r("div", {
+        footer: () => s("div", {
           class: "f-order-footer"
-        }, [r(me, {
+        }, [s(me, {
           type: "link",
           class: "f-order-add-button",
-          onClick: T
+          onClick: d
         }, {
-          default: () => r(U, null, [r("span", {
+          default: () => s(U, null, [s("span", {
             class: "f-order-add-icon"
-          }, [r("i", {
+          }, [s("i", {
             class: "f-icon f-icon-add"
           }, null)]), a.value])
         })])
       });
     }
-    return () => r("div", {
-      ref: b,
-      class: d.value
-    }, [m()]);
+    return () => s("div", {
+      ref: w,
+      class: g.value
+    }, [r()]);
   }
 }), Cn = {
   install(e) {
     e.component(X.name, X);
   },
-  register(e, t, n, l) {
+  register(e, t, l, n) {
     e.order = X, t.order = ae;
   },
-  registerDesigner(e, t, n) {
+  registerDesigner(e, t, l) {
     e.order = tn, t.order = ae;
   }
 };