@farris/ui-vue 1.0.0 → 1.0.1

package/order/index.esm.js

@@ -1,4 +1,4 @@
-import { ref as a, computed as T, watch as W, defineComponent as z, createVNode as f, withDirectives as Q, vModelCheckbox as Fe, Fragment as te, withModifiers as Oe, vModelText as Pe, Teleport as se, createApp as Ve, onUnmounted as ce, nextTick as K, vShow as re, onMounted as de, mergeProps as Me } from "vue";
+import { ref as a, computed as I, watch as W, defineComponent as z, createVNode as v, withDirectives as Q, vModelCheckbox as Fe, Fragment as te, withModifiers as Oe, vModelText as Pe, Teleport as se, createApp as Ve, onUnmounted as ce, nextTick as K, vShow as re, onMounted as de, mergeProps as Me } from "vue";
 const Le = {
   dataSource: { type: Array, default: [] },
   items: { type: Array, default: [] }
@@ -21,39 +21,39 @@ const Le = {
   disableField: { type: String, default: "disabled" }
 };
 function je(e, t, o, l, n) {
-  const i = a(e.idField), u = a(e.disableField), s = a(e.draggable), m = a(e.itemClass), c = a(e.multiSelect), v = a(e.multiSelectMode);
+  const i = a(e.idField), u = a(e.disableField), s = a(e.draggable), p = a(e.itemClass), c = a(e.multiSelect), r = a(e.multiSelectMode);
   a(!0);
-  const { isDragging: r } = o, { activeIndex: d, focusedItemId: y, hoverIndex: h } = l, { clearSelection: p, selectedItems: C, toggleSelectItem: B } = n;
-  function k(b, j) {
+  const { isDragging: d } = o, { activeIndex: f, focusedItemId: b, hoverIndex: m } = l, { clearSelection: y, selectedItems: T, toggleSelectItem: B } = n;
+  function x(C, j) {
     const M = {
       "f-list-view-group-item": !0,
       "f-list-view-draggable-item": s.value,
-      "f-un-click": !!b.unClick,
-      "f-un-select": !!b[u.value],
-      "f-listview-active": b.__fv_index__ === d.value,
-      "f-listview-hover": !r.value && j === h.value,
-      moving: !!b.moving
+      "f-un-click": !!C.unClick,
+      "f-un-select": !!C[u.value],
+      "f-listview-active": C.__fv_index__ === f.value,
+      "f-listview-hover": !d.value && j === m.value,
+      moving: !!C.moving
     };
-    return m.value.split(" ").reduce((X, R) => (X[R] = !0, X), M), M;
+    return p.value.split(" ").reduce((X, R) => (X[R] = !0, X), M), M;
   }
-  function S(b, j) {
-    return b[i.value] || "";
+  function h(C, j) {
+    return C[i.value] || "";
   }
-  const x = T(() => !c.value);
-  function O(b, j) {
-    b.unClick || b[u.value] || (x.value && (y.value = b[i.value]), B(b, j));
+  const S = I(() => !c.value);
+  function O(C, j) {
+    C.unClick || C[u.value] || (S.value && (b.value = C[i.value]), B(C, j));
   }
-  const F = T(() => c.value && v.value === "OnCheckClearByClick"), E = T(() => !c.value || c.value && (v.value === "OnCheckAndClick" || v.value === "OnClick"));
-  function L(b, j, M) {
+  const F = I(() => c.value && r.value === "OnCheckClearByClick"), E = I(() => !c.value || c.value && (r.value === "OnCheckAndClick" || r.value === "OnClick"));
+  function L(C, j, M) {
     if (j.unClick || j[u.value]) {
-      b.preventDefault(), b.stopPropagation();
+      C.preventDefault(), C.stopPropagation();
       return;
     }
-    y.value = j[i.value], d.value = M, F.value && p(), E.value && B(j, M), t.emit("clickItem", { data: C.value, index: M });
+    b.value = j[i.value], f.value = M, F.value && y(), E.value && B(j, M), t.emit("clickItem", { data: T.value, index: M });
   }
   return {
-    getKey: S,
-    listViewItemClass: k,
+    getKey: h,
+    listViewItemClass: x,
     onCheckItem: O,
     onClickItem: L
   };
@@ -62,27 +62,27 @@ function De(e, t, o) {
   const l = a(e.idField), n = a(e.multiSelect);
   a(e.multiSelectMode);
   const { getSelectionItems: i } = o, u = a(i(e.selectionValues));
-  W(() => e.selectionValues, (d) => {
-    u.value = a(i(d)).value;
+  W(() => e.selectionValues, (f) => {
+    u.value = a(i(f)).value;
   });
-  const s = T(() => !n.value);
-  function m(d) {
-    return d[l.value] || "";
+  const s = I(() => !n.value);
+  function p(f) {
+    return f[l.value] || "";
   }
-  function c(d) {
-    return u.value.findIndex((h) => m(h) === m(d));
+  function c(f) {
+    return u.value.findIndex((m) => p(m) === p(f));
   }
-  function v() {
-    u.value.forEach((d) => {
-      d.checked = !1;
+  function r() {
+    u.value.forEach((f) => {
+      f.checked = !1;
     }), u.value = [];
   }
-  function r(d, y) {
-    s.value && v();
-    const h = c(d);
-    h > -1 ? (u.value.splice(h, 1), d.checked = !1) : (u.value.push(d), d.checked = !0), t.emit("selectionChange", u.value);
+  function d(f, b) {
+    s.value && r();
+    const m = c(f);
+    m > -1 ? (u.value.splice(m, 1), f.checked = !1) : (u.value.push(f), f.checked = !0), t.emit("selectionChange", u.value);
   }
-  return { clearSelection: v, findIndexInSelectedItems: c, selectedItems: u, toggleSelectItem: r };
+  return { clearSelection: r, findIndexInSelectedItems: c, selectedItems: u, toggleSelectItem: d };
 }
 function Ae(e, t) {
   function o(i) {
@@ -94,18 +94,18 @@ function Ae(e, t) {
   }
   function l(i, u) {
     const s = document.createTreeWalker(i, NodeFilter.SHOW_TEXT);
-    return o(s).map((r) => ({ textNode: r, text: (r.textContent || "").toLocaleLowerCase() })).map(({ textNode: r, text: d }) => {
-      const y = [];
-      let h = 0;
-      for (; h < d.length; ) {
-        const p = d.indexOf(u, h);
-        if (p === -1)
+    return o(s).map((d) => ({ textNode: d, text: (d.textContent || "").toLocaleLowerCase() })).map(({ textNode: d, text: f }) => {
+      const b = [];
+      let m = 0;
+      for (; m < f.length; ) {
+        const y = f.indexOf(u, m);
+        if (y === -1)
           break;
-        y.push(p), h = p + u.length;
+        b.push(y), m = y + u.length;
       }
-      return y.map((p) => {
-        const C = new Range();
-        return C.setStart(r, p), C.setEnd(r, p + u.length), C;
+      return b.map((y) => {
+        const T = new Range();
+        return T.setStart(d, y), T.setEnd(d, y + u.length), T;
       });
     }).flat();
   }
@@ -139,16 +139,16 @@ const Ee = {
     }
     return W(() => e.checked, (u) => {
       o.value = u;
-    }), () => f("div", {
+    }), () => v("div", {
       class: "custom-control custom-checkbox  custom-control-inline listview-checkbox"
-    }, [Q(f("input", {
+    }, [Q(v("input", {
       id: n.value,
       title: n.value,
       type: "checkbox",
       class: "custom-control-input",
       "onUpdate:modelValue": (u) => o.value = u,
       onChange: (u) => console.log(u)
-    }, null), [[Fe, o.value]]), f("label", {
+    }, null), [[Fe, o.value]]), v("label", {
       for: n.value,
       class: "custom-control-label",
       onClick: (u) => i(u)
@@ -156,153 +156,153 @@ const Ee = {
   }
 });
 function ae(e, t, o, l, n, i, u, s) {
-  const m = a(e.size), c = a(e.textField), v = a(e.multiSelect), r = a(e.disableField), {
-    onMouseenterItem: d,
-    onMouseoverItem: y,
-    onMouseoutItem: h
+  const p = a(e.size), c = a(e.textField), r = a(e.multiSelect), d = a(e.disableField), {
+    onMouseenterItem: f,
+    onMouseoverItem: b,
+    onMouseoutItem: m
   } = n, {
-    getKey: p,
-    listViewItemClass: C,
+    getKey: y,
+    listViewItemClass: T,
     onCheckItem: B,
-    onClickItem: k
-  } = i, S = T(() => ({
-    margin: m.value === "small" ? "0.25rem 0" : "10px 0"
+    onClickItem: x
+  } = i, h = I(() => ({
+    margin: p.value === "small" ? "0.25rem 0" : "10px 0"
   }));
-  function x(O, F, E) {
-    return O.checked = u.findIndexInSelectedItems(O) > -1, f("li", {
-      class: C(O, F),
-      id: p(O, F),
-      key: p(O, F),
-      onClick: (L) => k(L, O, F),
-      onMouseenter: (L) => d(L, O, F),
-      onMouseover: (L) => y(L, O, F),
-      onMouseout: (L) => h(L, O, F)
-    }, [v.value && f("div", {
+  function S(O, F, E) {
+    return O.checked = u.findIndexInSelectedItems(O) > -1, v("li", {
+      class: T(O, F),
+      id: y(O, F),
+      key: y(O, F),
+      onClick: (L) => x(L, O, F),
+      onMouseenter: (L) => f(L, O, F),
+      onMouseover: (L) => b(L, O, F),
+      onMouseout: (L) => m(L, O, F)
+    }, [r.value && v("div", {
       class: "f-list-select",
       onClick: (L) => L.stopPropagation()
-    }, [f(ne, {
-      id: "list-" + p(O, F),
-      disabled: O[r.value] || O.unClick,
+    }, [v(ne, {
+      id: "list-" + y(O, F),
+      disabled: O[d.value] || O.unClick,
       checked: O.checked,
       onChange: (L) => B(O, F)
-    }, null)]), f("div", {
+    }, null)]), v("div", {
       class: "f-list-content"
-    }, [f("div", {
-      style: S.value
+    }, [v("div", {
+      style: h.value
     }, [O[c.value]])])]);
   }
   return {
-    renderItem: x
+    renderItem: S
   };
 }
 function He(e, t, o, l, n, i, u, s) {
-  const m = a(e.multiSelect), c = a(e.disableField), {
-    onMouseenterItem: v,
-    onMouseoverItem: r,
-    onMouseoutItem: d
+  const p = a(e.multiSelect), c = a(e.disableField), {
+    onMouseenterItem: r,
+    onMouseoverItem: d,
+    onMouseoutItem: f
   } = n, {
-    getKey: y,
-    listViewItemClass: h,
-    onCheckItem: p,
-    onClickItem: C
+    getKey: b,
+    listViewItemClass: m,
+    onCheckItem: y,
+    onClickItem: T
   } = i;
-  function B(S, x, O) {
-    return t.slots.content ? f(te, null, [t.slots.content && t.slots.content({
-      item: S,
-      index: x,
+  function B(h, S, O) {
+    return t.slots.content ? v(te, null, [t.slots.content && t.slots.content({
+      item: h,
+      index: S,
       selectedItem: O
-    })]) : f("div", {
+    })]) : v("div", {
       style: "margin: 10px 0;"
-    }, [S.name]);
-  }
-  function k(S, x, O) {
-    return f("li", {
-      class: h(S, x),
-      id: y(S, x),
-      key: y(S, x),
-      onClick: (F) => C(F, S, x),
-      onMouseenter: (F) => v(F, S, x),
-      onMouseover: (F) => r(F, S, x),
-      onMouseout: (F) => d(F, S, x)
-    }, [m.value && f("div", {
+    }, [h.name]);
+  }
+  function x(h, S, O) {
+    return v("li", {
+      class: m(h, S),
+      id: b(h, S),
+      key: b(h, S),
+      onClick: (F) => T(F, h, S),
+      onMouseenter: (F) => r(F, h, S),
+      onMouseover: (F) => d(F, h, S),
+      onMouseout: (F) => f(F, h, S)
+    }, [p.value && v("div", {
       class: "f-list-select",
       onClick: (F) => F.stopPropagation()
-    }, [f(ne, {
-      id: "list-" + y(S, x),
-      disabled: S[c.value] || S.unClick,
-      checked: S.checked,
-      onChange: (F) => p(S, x)
-    }, null)]), f("div", {
+    }, [v(ne, {
+      id: "list-" + b(h, S),
+      disabled: h[c.value] || h.unClick,
+      checked: h.checked,
+      onChange: (F) => y(h, S)
+    }, null)]), v("div", {
       class: "f-list-content"
-    }, [B(S, x, O)])]);
+    }, [B(h, S, O)])]);
   }
   return {
-    renderItem: k
+    renderItem: x
   };
 }
 function We(e, t, o, l, n, i, u, s) {
-  const m = a(e.multiSelect), c = a(e.disableField), {
-    onMouseenterItem: v,
-    onMouseoverItem: r,
-    onMouseoutItem: d
+  const p = a(e.multiSelect), c = a(e.disableField), {
+    onMouseenterItem: r,
+    onMouseoverItem: d,
+    onMouseoutItem: f
   } = n, {
-    getKey: y,
-    listViewItemClass: h,
-    onCheckItem: p,
-    onClickItem: C
+    getKey: b,
+    listViewItemClass: m,
+    onCheckItem: y,
+    onClickItem: T
   } = i, {
     dragstart: B,
-    dragenter: k,
-    dragover: S,
-    dragend: x
+    dragenter: x,
+    dragover: h,
+    dragend: S
   } = l, {
     removeItem: O
-  } = s, F = T(() => ({
-    margin: m.value ? "10px 0" : "10px 0px 10px 14px"
+  } = s, F = I(() => ({
+    margin: p.value ? "10px 0" : "10px 0px 10px 14px"
   }));
   function E(M) {
-    return f("div", {
+    return v("div", {
       style: F.value
     }, [M.name]);
   }
   function L() {
     return t.slots.itemContent ? t.slots.itemContent : E;
   }
-  const b = L();
+  const C = L();
   function j(M, D, X) {
-    return f("li", {
-      class: h(M, D),
-      id: y(M, D),
-      key: y(M, D),
-      onClick: (R) => C(R, M, D),
-      onMouseenter: (R) => v(R, M, D),
-      onMouseover: (R) => r(R, M, D),
-      onMouseout: (R) => d(R, M, D),
+    return v("li", {
+      class: m(M, D),
+      id: b(M, D),
+      key: b(M, D),
+      onClick: (R) => T(R, M, D),
+      onMouseenter: (R) => r(R, M, D),
+      onMouseover: (R) => d(R, M, D),
+      onMouseout: (R) => f(R, M, D),
       draggable: "true",
       onDragstart: (R) => B(R, M, D),
-      onDragenter: (R) => k(R, D),
-      onDragend: (R) => x(R, M),
-      onDragover: (R) => S(R, D)
-    }, [m.value && f("div", {
+      onDragenter: (R) => x(R, D),
+      onDragend: (R) => S(R, M),
+      onDragover: (R) => h(R, D)
+    }, [p.value && v("div", {
       class: "f-list-select",
       onClick: (R) => R.stopPropagation()
-    }, [f(ne, {
-      id: "list-" + y(M, D),
+    }, [v(ne, {
+      id: "list-" + b(M, D),
       disabled: M[c.value] || M.unClick,
       checked: M.checked,
-      onChange: (R) => p(M, D)
-    }, null)]), f("div", {
+      onChange: (R) => y(M, D)
+    }, null)]), v("div", {
       class: "f-list-content"
-    }, [b(M)]), f("div", {
+    }, [C(M)]), v("div", {
       class: "f-list-remove",
       onClick: (R) => O(D)
-    }, [f("div", {
+    }, [v("div", {
       class: "f-list-remove-icon"
-    }, [f("i", {
+    }, [v("i", {
       class: "f-icon f-icon-remove_face"
-    }, null)])]), f("div", {
+    }, null)])]), v("div", {
       class: "f-list-handle"
-    }, [f("div", null, [f("i", {
+    }, [v("div", null, [v("i", {
       class: "f-icon f-icon-drag-vertical"
     }, null)])])]);
   }
@@ -312,7 +312,7 @@ function We(e, t, o, l, n, i, u, s) {
 }
 function _e(e, t, o) {
   function l() {
-    return t.slots.header && f("div", {
+    return t.slots.header && v("div", {
       class: "f-list-view-header"
     }, [t.slots.header()]);
   }
@@ -321,62 +321,62 @@ function _e(e, t, o) {
   };
 }
 function le(e, t, o) {
-  const l = a(e.headerClass), n = a(e.placeholder), i = a(""), u = T(() => !i.value), s = T(() => !!i.value);
-  function m(d) {
+  const l = a(e.headerClass), n = a(e.placeholder), i = a(""), u = I(() => !i.value), s = I(() => !!i.value);
+  function p(f) {
     i.value = "";
   }
-  W(i, (d) => {
-    o.search(d);
+  W(i, (f) => {
+    o.search(f);
   });
-  const c = T(() => {
-    const d = {
+  const c = I(() => {
+    const f = {
       "form-group": !0,
       "farris-form-group": !0
     };
-    return l.value && l.value.split(" ").reduce((h, p) => (h[p] = !0, h), d), d;
+    return l.value && l.value.split(" ").reduce((m, y) => (m[y] = !0, m), f), f;
   });
-  function v(d) {
+  function r(f) {
   }
-  function r() {
-    return f("div", {
+  function d() {
+    return v("div", {
       class: "f-list-view-header",
-      onClick: Oe(v, ["prevent", "stop"])
-    }, [f("div", {
+      onClick: Oe(r, ["prevent", "stop"])
+    }, [v("div", {
       class: c.value
-    }, [f("div", {
+    }, [v("div", {
       class: "farris-input-wrap"
-    }, [f("div", {
+    }, [v("div", {
       class: "f-cmp-inputgroup"
-    }, [f("div", {
+    }, [v("div", {
       class: "input-group f-state-editable"
-    }, [Q(f("input", {
+    }, [Q(v("input", {
       class: "form-control f-utils-fill text-left",
-      "onUpdate:modelValue": (d) => i.value = d,
+      "onUpdate:modelValue": (f) => i.value = f,
       name: "input-group-value",
       type: "text",
       placeholder: n.value,
       autocomplete: "off"
-    }, null), [[Pe, i.value]]), f("div", {
+    }, null), [[Pe, i.value]]), v("div", {
       class: "input-group-append"
-    }, [s.value && f("span", {
+    }, [s.value && v("span", {
       class: "input-group-text input-group-clear",
-      onClick: (d) => m()
-    }, [f("i", {
+      onClick: (f) => p()
+    }, [v("i", {
       class: "f-icon f-icon-close-circle"
-    }, null)]), u.value && f("span", {
+    }, null)]), u.value && v("span", {
       class: "input-group-text"
-    }, [f("span", {
+    }, [v("span", {
       class: "f-icon f-icon-search"
     }, null)])])])])])])]);
   }
   return {
-    renderHeader: r
+    renderHeader: d
   };
 }
 function $e(e, t) {
   const o = a(e.idField), l = a(e.data), n = a(e.data), i = a(e.keepOrder);
   function u() {
-    const c = l.value.map((v, r) => typeof v != "object" ? { __fv_index__: r, name: v } : (v.__fv_index__ = r, v));
+    const c = l.value.map((r, d) => typeof r != "object" ? { __fv_index__: d, name: r } : (r.__fv_index__ = d, r));
     return n.value = c, c;
   }
   const s = a(u());
@@ -384,50 +384,50 @@ function $e(e, t) {
     () => e.data,
     (c) => {
       if (i.value) {
-        const v = c.reduce((h, p) => (h.set(p.id, !0), h), /* @__PURE__ */ new Map()), r = l.value.reduce((h, p) => (h.set(p.id, !0), h), /* @__PURE__ */ new Map()), d = s.value.filter((h) => v.has(h.id)), y = c.filter((h) => !r.has(h.id));
-        l.value = [...d, ...y];
+        const r = c.reduce((m, y) => (m.set(y.id, !0), m), /* @__PURE__ */ new Map()), d = l.value.reduce((m, y) => (m.set(y.id, !0), m), /* @__PURE__ */ new Map()), f = s.value.filter((m) => r.has(m.id)), b = c.filter((m) => !d.has(m.id));
+        l.value = [...f, ...b];
       } else
         l.value = c;
       s.value = u();
     }
   );
-  function m(c) {
-    return c.map((r) => {
-      const d = n.value.findIndex((y) => y[o.value] === r);
-      return d > -1 ? n.value[d] : null;
-    }).filter((r) => r != null);
+  function p(c) {
+    return c.map((d) => {
+      const f = n.value.findIndex((b) => b[o.value] === d);
+      return f > -1 ? n.value[f] : null;
+    }).filter((d) => d != null);
   }
   return {
     dataView: s,
-    getSelectionItems: m
+    getSelectionItems: p
   };
 }
 function Ne(e, t, o, l) {
-  const n = a(e.idField), { dataView: i } = o, u = a(-1), s = a(!1), { activeIndex: m, focusedItemId: c, hoverIndex: v, resumeHover: r, suspendHover: d } = l;
-  function y(B, k, S) {
-    B.stopPropagation(), d(), k && setTimeout(() => {
-      u.value = S, s.value = !0, k.moving = !0;
+  const n = a(e.idField), { dataView: i } = o, u = a(-1), s = a(!1), { activeIndex: p, focusedItemId: c, hoverIndex: r, resumeHover: d, suspendHover: f } = l;
+  function b(B, x, h) {
+    B.stopPropagation(), f(), x && setTimeout(() => {
+      u.value = h, s.value = !0, x.moving = !0;
     });
   }
-  function h(B, k) {
-    if (B.preventDefault(), u.value !== k) {
-      const S = i.value[u.value], x = i.value;
-      x.splice(u.value, 1), x.splice(k, 0, S), u.value = k;
+  function m(B, x) {
+    if (B.preventDefault(), u.value !== x) {
+      const h = i.value[u.value], S = i.value;
+      S.splice(u.value, 1), S.splice(x, 0, h), u.value = x;
     }
   }
-  function p(B, k) {
+  function y(B, x) {
     B.preventDefault(), B.dataTransfer && (B.dataTransfer.dropEffect = "move");
   }
-  function C(B, k) {
-    k && (k.moving = !1), i.value.forEach((S, x) => {
-      S.__fv_index__ = x;
-    }), s.value = !1, r(), v.value = k.__fv_index__, m.value = k.__fv_index__, c.value = k[n.value], t.emit("change", i.value);
+  function T(B, x) {
+    x && (x.moving = !1), i.value.forEach((h, S) => {
+      h.__fv_index__ = S;
+    }), s.value = !1, d(), r.value = x.__fv_index__, p.value = x.__fv_index__, c.value = x[n.value], t.emit("change", i.value);
   }
   return {
-    dragstart: y,
-    dragenter: h,
-    dragover: p,
-    dragend: C,
+    dragstart: b,
+    dragenter: m,
+    dragover: y,
+    dragend: T,
     isDragging: s
   };
 }
@@ -443,19 +443,19 @@ function ze(e, t, o) {
 }
 function Xe() {
   const e = a(-1), t = a(""), o = a(-1), l = a(!1);
-  function n(c, v, r) {
-    o.value = r;
+  function n(c, r, d) {
+    o.value = d;
   }
-  function i(c, v, r) {
-    l.value || (o.value = r);
+  function i(c, r, d) {
+    l.value || (o.value = d);
   }
-  function u(c, v, r) {
+  function u(c, r, d) {
     o.value = -1;
   }
   function s() {
     l.value = !0;
   }
-  function m() {
+  function p() {
     l.value = !1;
   }
   return {
@@ -465,7 +465,7 @@ function Xe() {
     onMouseenterItem: n,
     onMouseoverItem: i,
     onMouseoutItem: u,
-    resumeHover: m,
+    resumeHover: p,
     suspendHover: s
   };
 }
@@ -474,35 +474,35 @@ const fe = /* @__PURE__ */ z({
   props: Re,
   emits: ["checkValuesChange", "clickItem", "selectionChange", "removeItem", "change"],
   setup(e, t) {
-    const o = a(), l = a(e.view), n = a(e.header), i = a(e.multiSelect), u = a(e.view === "CardView"), s = a(!0), m = a({}), c = a("暂无数据");
+    const o = a(), l = a(e.view), n = a(e.header), i = a(e.multiSelect), u = a(e.view === "CardView"), s = a(!0), p = a({}), c = a("暂无数据");
     a(!0), a(!1), a("id");
-    const v = $e(e), {
-      dataView: r
-    } = v, d = T(() => {
+    const r = $e(e), {
+      dataView: d
+    } = r, f = I(() => {
       const P = {
         "f-list-view": !0,
         "f-list-view-multiple": i.value
       };
       return e.size !== "default" && (P[`${e.size}-item`] = !0), P;
-    }), y = T(() => ({
+    }), b = I(() => ({
       "f-list-view-group": !0,
       "d-flex": u.value,
       "flex-wrap": u.value
-    })), h = T(() => !!r.value && r.value.length > 0), p = Xe(), C = De(e, t, v), B = Ne(e, t, v, p), k = ze(e, t, v), S = je(e, t, B, p, C), x = Ae(e, o), O = T(() => r.value.length === 0), F = T(() => O.value && !t.slots.empty), E = T(() => !!t.slots.footer || s.value);
+    })), m = I(() => !!d.value && d.value.length > 0), y = Xe(), T = De(e, t, r), B = Ne(e, t, r, y), x = ze(e, t, r), h = je(e, t, B, y, T), S = Ae(e, o), O = I(() => d.value.length === 0), F = I(() => O.value && !t.slots.empty), E = I(() => !!t.slots.footer || s.value);
     function L() {
       return l.value === "SingleView" ? ae : l.value === "DraggableView" ? We : l.value === "ContentView" && t.slots.content ? He : ae;
     }
-    const b = L(), {
+    const C = L(), {
       renderItem: j
-    } = b(e, t, v, B, p, S, C, k);
+    } = C(e, t, r, B, y, h, T, x);
     function M() {
       return n.value === "SearchBar" ? le : n.value === "ContentHeader" ? _e : le;
     }
     const D = M(), {
       renderHeader: X
-    } = D(e, t, x);
+    } = D(e, t, S);
     function R(P) {
-      x.search(P);
+      S.search(P);
     }
     t.expose({
       search: R
@@ -510,20 +510,20 @@ const fe = /* @__PURE__ */ z({
     function V(P) {
       i.value && (P.preventDefault(), P.stopPropagation());
     }
-    return () => f("div", {
-      class: d.value,
+    return () => v("div", {
+      class: f.value,
       onClick: V
-    }, [X(), f("div", {
+    }, [X(), v("div", {
       ref: o,
       class: "f-list-view-content"
-    }, [f("ul", {
-      class: y.value,
+    }, [v("ul", {
+      class: b.value,
       style: "list-style: none;"
-    }, [h.value && r.value.map((P, A) => j(P, A, m)), F.value && f("div", {
+    }, [m.value && d.value.map((P, A) => j(P, A, p)), F.value && v("div", {
       class: "f-list-view-emptydata"
-    }, [f("p", {
+    }, [v("p", {
       class: "f-empty-title"
-    }, [c.value])]), t.slots.empty && t.slots.empty()])]), E.value && f("div", {
+    }, [c.value])]), t.slots.empty && t.slots.empty()])]), E.value && v("div", {
       class: "f-list-view-footer"
     }, [t.slots.footer && t.slots.footer()])]);
   }
@@ -566,7 +566,7 @@ const Ue = /* @__PURE__ */ z({
       onClickButton: o
     } = Ge(e, t), l = a(e.size), n = a(e.type), i = a(e.disabled);
     a(e.icon);
-    const u = T(() => {
+    const u = I(() => {
       const s = {
         btn: !0,
         "btn-lg": l.value === "large",
@@ -574,7 +574,7 @@ const Ue = /* @__PURE__ */ z({
       };
       return n.value && (s[`btn-${n.value}`] = !0), s;
     });
-    return T(() => ({})), () => f("button", {
+    return I(() => ({})), () => v("button", {
       class: u.value,
       disabled: i.value,
       onClick: (s) => o(s)
@@ -875,13 +875,13 @@ const st = {
     W(e.dataSource, () => {
       o.value = e.dataSource;
     });
-    const u = T(() => e.enableSearch ? "SearchBar" : "ContentHeader");
-    function s(m) {
-      l.value = m.map((c) => Object.assign({}, c)), i.value = m.map((c) => c[e.idField]), t.emit("selectionChange", l.value);
+    const u = I(() => e.enableSearch ? "SearchBar" : "ContentHeader");
+    function s(p) {
+      l.value = p.map((c) => Object.assign({}, c)), i.value = p.map((c) => c[e.idField]), t.emit("selectionChange", l.value);
     }
-    return () => f("div", {
+    return () => v("div", {
       class: "f-combo-list-container"
-    }, [f(fe, {
+    }, [v(fe, {
       size: "small",
       itemClass: "f-combo-list-item",
       header: u.value,
@@ -1197,37 +1197,37 @@ const bt = {
     function n(s) {
       t.emit("click"), s.preventDefault(), s.stopPropagation();
     }
-    const i = T(() => {
+    const i = I(() => {
       const s = l.value;
       if (s) {
-        const m = s.getBoundingClientRect(), {
+        const p = s.getBoundingClientRect(), {
           left: c,
-          top: v,
-          height: r
-        } = m;
+          top: r,
+          height: d
+        } = p;
         return {
           left: c,
-          top: v + r
+          top: r + d
         };
       }
       return o.value;
-    }), u = T(() => ({
+    }), u = I(() => ({
       position: "relative",
       left: `${i.value.left}px`,
       top: `${i.value.top}px`
     }));
-    return () => f(se, {
+    return () => v(se, {
       to: "body"
     }, {
       default: () => {
-        var s, m;
-        return [f("div", {
+        var s, p;
+        return [v("div", {
           class: "overlay-container",
           style: "pointer-events: auto;",
           onClick: (c) => n(c)
-        }, [f("div", {
+        }, [v("div", {
           style: u.value
-        }, [(m = (s = t.slots).default) == null ? void 0 : m.call(s)])])];
+        }, [(p = (s = t.slots).default) == null ? void 0 : p.call(s)])])];
       }
     });
   }
@@ -1252,7 +1252,7 @@ function St(e) {
         document.body.removeChild(t);
       });
       const i = wt(e);
-      return () => f(Ct, {
+      return () => v(Ct, {
         "popup-content-position": e.popupPosition,
         host: e.host,
         onClick: n
@@ -1268,53 +1268,53 @@ class Tt {
   }
 }
 function Bt(e, t, o, l) {
-  const n = a(e.buttonBehavior), i = a(e.popupOnInput), u = T(() => ({
+  const n = a(e.buttonBehavior), i = a(e.popupOnInput), u = I(() => ({
     "input-group-append": !0,
     "append-force-show": e.showButtonWhenDisabled && (e.readonly || e.disable)
-  })), s = T(() => e.showButtonWhenDisabled || (!e.editable || !e.readonly) && !e.disable);
-  async function m(d) {
+  })), s = I(() => e.showButtonWhenDisabled || (!e.editable || !e.readonly) && !e.disable);
+  async function p(f) {
     if (s.value) {
-      const y = !!t.slots.default;
+      const b = !!t.slots.default;
       n.value === "Overlay" && Tt.show({
         host: o.value,
         render: () => {
           if (t.slots.default)
             return t.slots.default();
         }
-      }), y && n.value === "Popup" && l.togglePopup(), y && i.value && l.hidePopup(), t.emit("clickButton", { origin: d, value: e.modelValue });
+      }), b && n.value === "Popup" && l.togglePopup(), b && i.value && l.hidePopup(), t.emit("clickButton", { origin: f, value: e.modelValue });
     }
-    d.stopPropagation();
+    f.stopPropagation();
   }
-  function c(d) {
-    t.emit("mouseEnterIcon", d);
+  function c(f) {
+    t.emit("mouseEnterIcon", f);
   }
-  function v(d) {
-    t.emit("mouseLeaveIcon", d);
+  function r(f) {
+    t.emit("mouseLeaveIcon", f);
   }
-  function r() {
+  function d() {
     t.emit("mouseOverButton");
   }
   return {
     buttonClass: u,
-    onClickButton: m,
+    onClickButton: p,
     onMouseEnterButton: c,
-    onMouseLeaveButton: v,
-    onMouseOverButton: r
+    onMouseLeaveButton: r,
+    onMouseOverButton: d
   };
 }
 function It(e, t, o, l, n, i) {
-  const u = a(!1), s = T(() => e.enableClear && !e.readonly && !e.disable), { changeTextBoxValue: m } = i;
-  function c(y) {
-    u.value = y;
+  const u = a(!1), s = I(() => e.enableClear && !e.readonly && !e.disable), { changeTextBoxValue: p } = i;
+  function c(b) {
+    u.value = b;
   }
   W(n, () => {
     l.value ? c(!!n.value) : c(!1);
   });
-  function v(y) {
-    const h = !e.readonly && !e.disable && e.editable, p = !e.editable;
-    y.stopPropagation(), (h || p) && (m("", !1), c(!u.value), t.emit("clear"));
+  function r(b) {
+    const m = !e.readonly && !e.disable && e.editable, y = !e.editable;
+    b.stopPropagation(), (m || y) && (p("", !1), c(!u.value), t.emit("clear"));
   }
-  function r(y) {
+  function d(b) {
     if (s.value) {
       if (!o.value) {
         c(!1);
@@ -1323,89 +1323,89 @@ function It(e, t, o, l, n, i) {
       (!e.editable || !e.readonly) && !e.disable && c(!0);
     }
   }
-  function d(y) {
+  function f(b) {
     s.value && c(!1);
   }
   return {
     enableClearButton: s,
     showClearButton: u,
-    onClearValue: v,
-    onMouseEnterTextBox: r,
-    onMouseLeaveTextBox: d
+    onClearValue: r,
+    onMouseEnterTextBox: d,
+    onMouseLeaveTextBox: f
   };
 }
 function kt(e, t, o, l, n) {
-  const i = a(e.popupOnInput), u = a(e.popupOnFocus), { shouldPopupContent: s } = n, m = T(() => e.enableTitle ? o.value : ""), c = T(() => (e.disable || e.readonly) && !e.forcePlaceholder ? "" : e.placeholder), v = T(() => e.readonly || !e.editable);
-  let r = !1;
-  const d = T(() => !e.disable && r), y = T(() => ({
+  const i = a(e.popupOnInput), u = a(e.popupOnFocus), { shouldPopupContent: s } = n, p = I(() => e.enableTitle ? o.value : ""), c = I(() => (e.disable || e.readonly) && !e.forcePlaceholder ? "" : e.placeholder), r = I(() => e.readonly || !e.editable);
+  let d = !1;
+  const f = I(() => !e.disable && d), b = I(() => ({
     "text-left": e.textAlign === "left",
     "text-center": e.textAlign === "center",
     "text-right": e.textAlign === "right",
     "form-control": !0,
     "f-utils-fill": !0
-  })), h = T(() => ({
+  })), m = I(() => ({
     "input-group": !0,
     "f-state-disable": e.disable,
     "f-state-editable": e.editable && !e.disable && !e.readonly,
     "f-state-readonly": e.readonly && !e.disable,
-    "f-state-focus": d.value
+    "f-state-focus": f.value
   }));
-  function p(b, j = !0) {
-    o.value !== b && (o.value = b, j && t.emit("change", b), t.emit("update:modelValue", b));
+  function y(C, j = !0) {
+    o.value !== C && (o.value = C, j && t.emit("change", C), t.emit("update:modelValue", C));
   }
-  function C(b) {
-    s.value = !1, p(b, !0);
+  function T(C) {
+    s.value = !1, y(C, !0);
   }
   W(
     () => e.modelValue,
-    (b) => {
-      o.value = b, t.emit("change", b);
+    (C) => {
+      o.value = C, t.emit("change", C);
     }
   );
-  function B(b) {
-    r = !1, t.emit("blur", b), b.stopPropagation();
+  function B(C) {
+    d = !1, t.emit("blur", C), C.stopPropagation();
   }
-  function k(b) {
-    t.emit("click", b);
+  function x(C) {
+    t.emit("click", C);
   }
-  function S(b) {
+  function h(C) {
     if (e.disable) {
-      r = !0;
+      d = !0;
       return;
     }
-    r = !0, v.value || (t.emit("focus", b), u.value && !s.value && n.popup());
+    d = !0, r.value || (t.emit("focus", C), u.value && !s.value && n.popup());
   }
-  function x(b) {
-    t.emit("input", b.target.value);
-    const j = b.target.value;
-    l.value = j, o.value !== j && p(j, !1), i.value && !s.value && n.popup();
+  function S(C) {
+    t.emit("input", C.target.value);
+    const j = C.target.value;
+    l.value = j, o.value !== j && y(j, !1), i.value && !s.value && n.popup();
   }
-  function O(b) {
-    b.target.tagName !== "INPUT" && b.preventDefault(), b.stopPropagation();
+  function O(C) {
+    C.target.tagName !== "INPUT" && C.preventDefault(), C.stopPropagation();
   }
-  function F(b) {
-    t.emit("keydown", b);
+  function F(C) {
+    t.emit("keydown", C);
   }
-  function E(b) {
-    b.key === "Enter" && (i.value || u.value) && n.hidePopup(), t.emit("keyup", b);
+  function E(C) {
+    C.key === "Enter" && (i.value || u.value) && n.hidePopup(), t.emit("keyup", C);
   }
-  function L(b) {
-    const j = b.target.value;
-    b.stopPropagation(), p(j);
+  function L(C) {
+    const j = C.target.value;
+    C.stopPropagation(), y(j);
   }
   return {
-    hasFocusedTextBox: d,
-    isTextBoxReadonly: v,
-    textBoxClass: y,
+    hasFocusedTextBox: f,
+    isTextBoxReadonly: r,
+    textBoxClass: b,
     textBoxPlaceholder: c,
-    textBoxTitle: m,
-    inputGroupClass: h,
-    changeTextBoxValue: p,
-    commitValue: C,
+    textBoxTitle: p,
+    inputGroupClass: m,
+    changeTextBoxValue: y,
+    commitValue: T,
     onBlurTextBox: B,
-    onClickTextBox: k,
-    onFocusTextBox: S,
-    onInput: x,
+    onClickTextBox: x,
+    onFocusTextBox: h,
+    onInput: S,
     onKeyDownTextBox: F,
     onKeyUpTextBox: E,
     onMouseDownTextBox: O,
@@ -1424,10 +1424,10 @@ function xt(e, t, o) {
   async function s() {
     !!t.slots.default && (n.value = !0, await K(), i());
   }
-  function m() {
+  function p() {
     n.value = !1;
   }
-  return { hidePopup: m, popup: s, shouldPopupContent: n, togglePopup: u, popoverRef: l };
+  return { hidePopup: p, popup: s, shouldPopupContent: n, togglePopup: u, popoverRef: l };
 }
 function Ft(e, t, o) {
   const {
@@ -1436,15 +1436,15 @@ function Ft(e, t, o) {
     textBoxPlaceholder: i,
     textBoxTitle: u,
     onBlurTextBox: s,
-    onClickTextBox: m,
+    onClickTextBox: p,
     onFocusTextBox: c,
-    onInput: v,
-    onKeyDownTextBox: r,
-    onKeyUpTextBox: d,
-    onMouseDownTextBox: y,
-    onTextBoxValueChange: h
+    onInput: r,
+    onKeyDownTextBox: d,
+    onKeyUpTextBox: f,
+    onMouseDownTextBox: b,
+    onTextBoxValueChange: m
   } = o;
-  return () => f("input", {
+  return () => v("input", {
     name: "input-group-value",
     autocomplete: e.autoComplete ? "on" : "off",
     class: n.value,
@@ -1458,13 +1458,13 @@ function Ft(e, t, o) {
     type: e.inputType,
     value: t.value,
     onBlur: s,
-    onChange: h,
-    onClick: m,
+    onChange: m,
+    onClick: p,
     onFocus: c,
-    onInput: v,
-    onKeydown: r,
-    onKeyup: d,
-    onMousedown: y
+    onInput: r,
+    onKeydown: d,
+    onKeyup: f,
+    onMousedown: b
   }, null);
 }
 const Ot = {
@@ -1487,27 +1487,27 @@ const Ot = {
 };
 function Pt(e, t, o, l) {
   const n = a(-1), i = a(!1);
-  function u(v, r, d) {
-    v.stopPropagation(), r && setTimeout(() => {
-      n.value = d, i.value = !0, r.moving = !0;
+  function u(r, d, f) {
+    r.stopPropagation(), d && setTimeout(() => {
+      n.value = f, i.value = !0, d.moving = !0;
     });
   }
-  function s(v, r) {
-    if (v.preventDefault(), n.value !== r) {
-      const d = l.value[n.value], y = l.value;
-      y.splice(n.value, 1), y.splice(r, 0, d), n.value = r;
+  function s(r, d) {
+    if (r.preventDefault(), n.value !== d) {
+      const f = l.value[n.value], b = l.value;
+      b.splice(n.value, 1), b.splice(d, 0, f), n.value = d;
     }
   }
-  function m(v, r) {
-    v.preventDefault(), v.dataTransfer && (v.dataTransfer.dropEffect = "move");
+  function p(r, d) {
+    r.preventDefault(), r.dataTransfer && (r.dataTransfer.dropEffect = "move");
   }
-  function c(v, r) {
-    r && (r.moving = !1), o.value = l.value.filter((d) => d.type === "Tag").map((d) => d.payload), i.value = !1, t.emit("change", o.value);
+  function c(r, d) {
+    d && (d.moving = !1), o.value = l.value.filter((f) => f.type === "Tag").map((f) => f.payload), i.value = !1, t.emit("change", o.value);
   }
   return {
     dragstart: u,
     dragenter: s,
-    dragover: m,
+    dragover: p,
     dragend: c,
     isDragging: i
   };
@@ -1517,36 +1517,36 @@ const Vt = /* @__PURE__ */ z({
   props: Ot,
   emits: ["remove", "selectionChange", "change"],
   setup(e, t) {
-    const o = a(e.selectable), l = a(e.customClass), n = a(e.data), i = a(e.tagType), u = a(e.tagStyle), s = a(e.showColor), m = a(e.activeTag), c = a(e.customStyle), v = a(e.showClose), r = a(e.showAddButton), d = a(e.showInput), y = a(e.addButtonText), h = a(e.enableAddButton);
+    const o = a(e.selectable), l = a(e.customClass), n = a(e.data), i = a(e.tagType), u = a(e.tagStyle), s = a(e.showColor), p = a(e.activeTag), c = a(e.customStyle), r = a(e.showClose), d = a(e.showAddButton), f = a(e.showInput), b = a(e.addButtonText), m = a(e.enableAddButton);
     a(e.placeholder), a(""), a();
-    const p = a(), C = a(e.wrapText), B = a();
-    function k() {
+    const y = a(), T = a(e.wrapText), B = a();
+    function x() {
       const g = n.value.map((w) => ({
         type: "Tag",
         payload: w
       }));
-      return r.value && g.push({
+      return d.value && g.push({
         type: "AddButton"
       }), g;
     }
-    const S = a(k());
-    function x(g) {
-      n.value = g, S.value = k();
+    const h = a(x());
+    function S(g) {
+      n.value = g, h.value = x();
     }
-    const O = T(() => S.value.findIndex((g) => g.type === "Input")), F = Pt(e, t, n, S), {
+    const O = I(() => h.value.findIndex((g) => g.type === "Input")), F = Pt(e, t, n, h), {
       dragstart: E,
       dragenter: L,
-      dragover: b,
+      dragover: C,
       dragend: j
     } = F;
-    W(() => e.data, (g) => x(g));
-    const M = T(() => {
+    W(() => e.data, (g) => S(g));
+    const M = I(() => {
       const g = {
         "farris-tags": !0,
         "farris-tags-checkable": o.value,
-        "farris-tags-nowrap": !C.value
+        "farris-tags-nowrap": !T.value
       };
-      return l.value.split(" ").reduce((w, I) => (w[I] = !0, w), g), g;
+      return l.value.split(" ").reduce((w, k) => (w[k] = !0, w), g), g;
     });
     function D(g) {
       const w = {
@@ -1554,84 +1554,84 @@ const Vt = /* @__PURE__ */ z({
         "farris-tag-item-checked": o.value && g.checked,
         "farris-tag-item-checkable": o.value,
         "farris-tag-item-has-color": s.value,
-        "farris-tag-item-actived": m.value === g.name
+        "farris-tag-item-actived": p.value === g.name
       };
       if (i.value) {
-        const I = `farris-tag-item-${i.value}`;
-        w[I] = !0;
+        const k = `farris-tag-item-${i.value}`;
+        w[k] = !0;
       }
       return w;
     }
-    const X = T(() => {
+    const X = I(() => {
       const g = {};
-      return c.value && c.value.split(";").reduce((w, I) => {
-        const H = I.split(":");
+      return c.value && c.value.split(";").reduce((w, k) => {
+        const H = k.split(":");
         return w[H[0]] = H[1], w;
       }, g), g;
     });
     function R(g, w) {
-      o.value && w.selectable && (w.checked = !w.checked, m.value = w.checked ? w.name : "", w.checked && n.value.filter((I) => I.name !== w.name).forEach((I) => {
-        I.checked = !w.checked;
+      o.value && w.selectable && (w.checked = !w.checked, p.value = w.checked ? w.name : "", w.checked && n.value.filter((k) => k.name !== w.name).forEach((k) => {
+        k.checked = !w.checked;
       }), t.emit("change", n.value), t.emit("selectionChange", w));
     }
     function V(g, w) {
-      let I;
+      let k;
       switch (g.key) {
         case "Backspace":
           n.value = n.value.filter((H) => H.name !== w.name), t.emit("change", n.value);
           break;
         case "ArrowLeft":
-          I = Math.max(p.value.scrollLeft + 20, 0), p.value.scrollLeft = I;
+          k = Math.max(y.value.scrollLeft + 20, 0), y.value.scrollLeft = k;
           break;
         case "ArrowRight":
-          I = Math.max(p.value.scrollLeft - 20, 0), p.value.scrollLeft = I;
+          k = Math.max(y.value.scrollLeft - 20, 0), y.value.scrollLeft = k;
       }
     }
     function P(g, w) {
-      const I = n.value.findIndex((H) => H.name === w.name);
-      if (I > -1) {
-        const [H] = n.value.splice(I, 1);
-        S.value = k(), t.emit("change", n.value), t.emit("remove", n.value, H, I);
+      const k = n.value.findIndex((H) => H.name === w.name);
+      if (k > -1) {
+        const [H] = n.value.splice(k, 1);
+        h.value = x(), t.emit("change", n.value), t.emit("remove", n.value, H, k);
       }
       g.stopPropagation();
     }
-    const A = T(() => ({
+    const A = I(() => ({
       "farris-tag-item": !0,
       "farris-tag-add-button": !0,
-      "farris-tag-add-button-disabled": !h.value
+      "farris-tag-add-button-disabled": !m.value
     }));
     function $(g) {
     }
     function _() {
-      return f("li", {
+      return v("li", {
         class: A.value,
         onClick: (g) => void 0
-      }, [f("span", {
+      }, [v("span", {
         class: "f-icon f-icon-amplification"
-      }, null), f("span", {
+      }, null), v("span", {
         class: "farris-tag-add-text"
-      }, [y.value])]);
+      }, [b.value])]);
     }
     function N(g) {
       if (g && !g.innerText) {
         const w = O.value;
         if (w > 0) {
-          const [I] = n.value.splice(w - 1, 1);
-          S.value.splice(w - 1, 1), t.emit("remove", n.value, I, w - 1);
+          const [k] = n.value.splice(w - 1, 1);
+          h.value.splice(w - 1, 1), t.emit("remove", n.value, k, w - 1);
         }
       }
     }
-    function U(g, w, I) {
+    function U(g, w, k) {
       g > -1 && (n.value.splice(g, 0, {
         name: w,
-        value: I,
+        value: k,
         selectable: o.value
-      }), S.value = k(), t.emit("change", n.value));
+      }), h.value = x(), t.emit("change", n.value));
     }
     function J(g) {
       if (g && g.innerText) {
-        const w = g.innerText, I = O.value;
-        U(I, w, w), g.innerText = "";
+        const w = g.innerText, k = O.value;
+        U(k, w, w), g.innerText = "";
       }
     }
     function Y(g) {
@@ -1644,9 +1644,9 @@ const Vt = /* @__PURE__ */ z({
       }));
     }
     function be() {
-      return f("li", {
+      return v("li", {
         class: "farris-tag-input-box"
-      }, [f("div", {
+      }, [v("div", {
         ref: B,
         class: "form-control",
         contenteditable: "true",
@@ -1655,31 +1655,31 @@ const Vt = /* @__PURE__ */ z({
       }, null)]);
     }
     function Ce(g, w) {
-      return f("li", {
+      return v("li", {
         class: D(g),
         style: X.value,
         tabindex: 0,
         id: g.name,
         key: g.name,
-        onClick: (I) => R(I, g),
-        onKeydown: (I) => V(I, g),
+        onClick: (k) => R(k, g),
+        onKeydown: (k) => V(k, g),
         draggable: "true",
-        onDragstart: (I) => E(I, g, w),
-        onDragenter: (I) => L(I, w),
-        onDragend: (I) => j(I, g),
-        onDragover: (I) => b(I, w)
-      }, [f("div", {
+        onDragstart: (k) => E(k, g, w),
+        onDragenter: (k) => L(k, w),
+        onDragend: (k) => j(k, g),
+        onDragover: (k) => C(k, w)
+      }, [v("div", {
         title: g.name,
         class: "tag-box"
-      }, [g.name]), v.value && f("span", {
+      }, [g.name]), r.value && v("span", {
         class: "tag-delete"
-      }, [f("i", {
+      }, [v("i", {
         class: "f-icon f-icon-close",
-        onClick: (I) => P(I, g)
+        onClick: (k) => P(k, g)
       }, null)])]);
     }
     function we() {
-      return S.value.map((g, w) => {
+      return h.value.map((g, w) => {
         switch (g.type) {
           case "Tag":
             return Ce(g.payload, w);
@@ -1690,16 +1690,16 @@ const Vt = /* @__PURE__ */ z({
         }
       });
     }
-    const Se = T(() => ({
+    const Se = I(() => ({
       "farris-tags-item-container": !0,
       "farris-tag-item-capsule": u.value === "capsule"
     }));
     function Te(g) {
-      const w = Math.max(p.value.scrollLeft - g.deltaX, 0);
-      p.value.scrollLeft = w;
+      const w = Math.max(y.value.scrollLeft - g.deltaX, 0);
+      y.value.scrollLeft = w;
     }
     function Be(g) {
-      const w = p.value, I = n.value.length - 1;
+      const w = y.value, k = n.value.length - 1;
       if (w) {
         const H = Array.from(w.children).filter((q) => q.className.indexOf("farris-tag-item") > -1).findIndex((q) => {
           const G = q.getBoundingClientRect(), Z = window.getComputedStyle(q), oe = parseInt(Z["margin-left"], 10) + G.width + parseInt(Z["margin-right"], 10);
@@ -1708,22 +1708,22 @@ const Vt = /* @__PURE__ */ z({
         if (H > -1)
           return H;
       }
-      return I;
+      return k;
     }
     function Ie(g) {
-      if (d.value) {
-        const I = Be(g.clientX) + 1, q = S.value.filter((G) => G.type !== "Input");
-        q.splice(I, 0, {
+      if (f.value) {
+        const k = Be(g.clientX) + 1, q = h.value.filter((G) => G.type !== "Input");
+        q.splice(k, 0, {
           type: "Input"
-        }), S.value = q, K(() => {
+        }), h.value = q, K(() => {
           B.value && B.value.focus();
         });
       }
     }
     function ke(g) {
-      var I;
+      var k;
       g.preventDefault(), g.stopPropagation();
-      const w = (I = g.dataTransfer) == null ? void 0 : I.getData("Text");
+      const w = (k = g.dataTransfer) == null ? void 0 : k.getData("Text");
       if (w) {
         const H = w.split(":"), q = H[0], G = H[1];
         [...n.value].findIndex((ee) => (console.log(`${ee.value} === ${G} is ${ee.value === G}`), ee.value === G)) > -1 || U(n.value.length, q, G);
@@ -1732,13 +1732,13 @@ const Vt = /* @__PURE__ */ z({
     function xe(g) {
       g.preventDefault();
     }
-    return () => f("div", {
+    return () => v("div", {
       class: M.value,
       onClick: Ie,
       onDrop: ke,
       onDragover: xe
-    }, [f("ul", {
-      ref: p,
+    }, [v("ul", {
+      ref: y,
       class: Se.value,
       onWheel: (g) => Te(g)
     }, [we()])]);
@@ -1747,14 +1747,14 @@ const Vt = /* @__PURE__ */ z({
 function Mt(e, t, o) {
   const l = a(e.separator), {
     changeTextBoxValue: n
-  } = o, i = T(() => t.value ? t.value.split(l.value).map((s) => ({
+  } = o, i = I(() => t.value ? t.value.split(l.value).map((s) => ({
     name: s,
     selectable: !0
   })) : []);
   function u(s) {
-    n(s.map((m) => m.name).join(l.value), !0);
+    n(s.map((p) => p.name).join(l.value), !0);
   }
-  return () => f(Vt, {
+  return () => v(Vt, {
     class: "form-control",
     data: i.value,
     showClose: !0,
@@ -1770,17 +1770,17 @@ function Lt(e, t, o) {
     onMouseLeaveButton: u
   } = t, {
     enableClearButton: s,
-    showClearButton: m,
+    showClearButton: p,
     onClearValue: c
   } = o;
-  return () => f("div", {
+  return () => v("div", {
     class: l.value
-  }, [s.value && Q(f("span", {
+  }, [s.value && Q(v("span", {
     class: "input-group-text input-group-clear",
     onClick: c
-  }, [f("i", {
+  }, [v("i", {
     class: "f-icon modal_close"
-  }, null)]), [[re, m.value]]), e.buttonContent && f("span", {
+  }, null)]), [[re, p.value]]), e.buttonContent && v("span", {
     class: "input-group-text input-group-append-button",
     innerHTML: e.buttonContent,
     onClick: n,
@@ -1812,26 +1812,26 @@ const Rt = {
   minWidth: { type: Number, default: -1 }
 };
 function jt(e) {
-  const t = e.host ? e.host : "body", o = T(() => t === "body" ? 0 : t ? t.getBoundingClientRect().top : 0), l = T(() => t === "body" ? 0 : t ? t.getBoundingClientRect().left : 0), n = T(() => t === "body" ? document.body.getBoundingClientRect().width : t ? t.getBoundingClientRect().width - (e.rightBoundary ? e.rightBoundary.getBoundingClientRect().width : 0) : document.body.getBoundingClientRect().width);
+  const t = e.host ? e.host : "body", o = I(() => t === "body" ? 0 : t ? t.getBoundingClientRect().top : 0), l = I(() => t === "body" ? 0 : t ? t.getBoundingClientRect().left : 0), n = I(() => t === "body" ? document.body.getBoundingClientRect().width : t ? t.getBoundingClientRect().width - (e.rightBoundary ? e.rightBoundary.getBoundingClientRect().width : 0) : document.body.getBoundingClientRect().width);
   return { host: t, hostLeft: l, hostTop: o, hostWidth: n };
 }
 function Dt(e, t, o, l) {
   var R;
-  const n = a(0), i = a(((R = e.offsetX) == null ? void 0 : R.value) || 0), u = a(-1), s = a(-1), m = a(-1), c = a(e.placement), v = a(0), r = a(0), d = a(0), y = a(document.documentElement.scrollLeft), h = a(document.documentElement.scrollTop), { hostLeft: p, hostTop: C, hostWidth: B } = l;
+  const n = a(0), i = a(((R = e.offsetX) == null ? void 0 : R.value) || 0), u = a(-1), s = a(-1), p = a(-1), c = a(e.placement), r = a(0), d = a(0), f = a(0), b = a(document.documentElement.scrollLeft), m = a(document.documentElement.scrollTop), { hostLeft: y, hostTop: T, hostWidth: B } = l;
   W(e.offsetX, (V) => {
     n.value = V - i.value;
   });
-  const k = T(() => {
+  const x = I(() => {
     const V = {
-      left: `${r.value}px`,
-      top: `${d.value}px`,
+      left: `${d.value}px`,
+      top: `${f.value}px`,
       transform: `translateX(${n.value}px)`
     };
     return e.zIndex !== -1 && (V["z-index"] = e.zIndex), u.value !== -1 && (V.width = `${u.value}px`), V;
-  }), S = T(() => ({
-    left: `${v.value}px`
+  }), h = I(() => ({
+    left: `${r.value}px`
   }));
-  function x(V) {
+  function S(V) {
     if (V && e.keepWidthWithReference) {
       const P = V.getBoundingClientRect();
       u.value = Math.max(e.minWidth, P.width);
@@ -1842,140 +1842,140 @@ function Dt(e, t, o, l) {
     return A > 0 ? A : P;
   }
   function F(V, P, A) {
-    const $ = v.value, _ = P.left - p.value + P.width / 2 + y.value, N = P.top - C.value - (V.height + A.height) + h.value;
+    const $ = r.value, _ = P.left - y.value + P.width / 2 + b.value, N = P.top - T.value - (V.height + A.height) + m.value;
     return { popoverLeft: _, popoverTop: N, arrowLeft: $ };
   }
   function E(V, P, A) {
-    return P.top - C.value + (P.height + A.height) + h.value;
+    return P.top - T.value + (P.height + A.height) + m.value;
   }
   function L(V, P) {
-    const A = O(P, V), $ = V <= A ? v.value : V - A;
+    const A = O(P, V), $ = V <= A ? r.value : V - A;
     return { popoverLeft: Math.min(V, A), arrowLeft: $ };
   }
-  function b(V, P, A) {
-    const $ = P.left - p.value + P.width / 2 - (A.width / 2 - (V.left - p.value)) + y.value, { arrowLeft: _, popoverLeft: N } = L($, V), U = E(V, P, A);
+  function C(V, P, A) {
+    const $ = P.left - y.value + P.width / 2 - (A.width / 2 - (V.left - y.value)) + b.value, { arrowLeft: _, popoverLeft: N } = L($, V), U = E(V, P, A);
     return { popoverLeft: N, popoverTop: U, arrowLeft: _ };
   }
   function j(V, P, A) {
-    const $ = P.left - p.value + y.value, { arrowLeft: _, popoverLeft: N } = L($, V), U = E(V, P, A);
+    const $ = P.left - y.value + b.value, { arrowLeft: _, popoverLeft: N } = L($, V), U = E(V, P, A);
     return { popoverLeft: N, popoverTop: U, arrowLeft: _ };
   }
   const M = /* @__PURE__ */ new Map([
     ["top", F],
-    ["bottom", b],
+    ["bottom", C],
     ["bottom-left", j]
   ]);
   function D(V) {
     var N;
     const P = V.getBoundingClientRect();
-    s.value = P.top, m.value = P.left;
+    s.value = P.top, p.value = P.left;
     const A = t.value.getBoundingClientRect(), $ = (N = o.value) == null ? void 0 : N.getBoundingClientRect(), _ = M.get(c.value);
     if (_) {
       const { arrowLeft: U, popoverLeft: J, popoverTop: Y } = _($, P, A);
-      v.value = U, r.value = J, d.value = Y;
+      r.value = U, d.value = J, f.value = Y;
     }
-    e.keepWidthWithReference && x(V);
+    e.keepWidthWithReference && S(V);
   }
   function X(V) {
     if (V) {
       const P = V.getBoundingClientRect();
-      (P.left !== m.value || P.top !== s.value) && D(V);
+      (P.left !== p.value || P.top !== s.value) && D(V);
     }
   }
   return {
-    arrowStyle: S,
-    popoverStyle: k,
+    arrowStyle: h,
+    popoverStyle: x,
     position: c,
     popoverWidth: u,
-    fitToReference: x,
+    fitToReference: S,
     followToReferencePosition: X,
     locateToReference: D
   };
 }
 function At(e, t, o, l, n, i, u) {
-  const s = a(e.visible), m = T(() => s.value), { fitToReference: c, locateToReference: v } = u;
-  let r;
-  function d() {
-    s.value = !1, document.body.removeEventListener("click", r), t.emit("hidden");
-  }
-  r = (h) => {
-    if (!n.value.contains(h.target)) {
-      const p = n.value.closest(".popover");
-      p && p.removeEventListener("click", r), d();
+  const s = a(e.visible), p = I(() => s.value), { fitToReference: c, locateToReference: r } = u;
+  let d;
+  function f() {
+    s.value = !1, document.body.removeEventListener("click", d), t.emit("hidden");
+  }
+  d = (m) => {
+    if (!n.value.contains(m.target)) {
+      const y = n.value.closest(".popover");
+      y && y.removeEventListener("click", d), f();
     }
   };
-  async function y(h) {
-    if (l.value && o.value && h) {
-      s.value = !0, n.value = h, await K(), v(h), i.value && c(h), document.body.addEventListener("click", r);
-      const p = h.closest(".popover");
-      p && p.addEventListener("click", r), t.emit("shown");
+  async function b(m) {
+    if (l.value && o.value && m) {
+      s.value = !0, n.value = m, await K(), r(m), i.value && c(m), document.body.addEventListener("click", d);
+      const y = m.closest(".popover");
+      y && y.addEventListener("click", d), t.emit("shown");
     }
   }
-  return t.expose({ hide: d, show: y, shown: m }), { showPopover: s, hidePopverOnClickBodyHandler: r };
+  return t.expose({ hide: f, show: b, shown: p }), { showPopover: s, hidePopverOnClickBodyHandler: d };
 }
 function Et(e, t, o, l, n) {
   const { popoverWidth: i, fitToReference: u, followToReferencePosition: s } = n;
-  function m() {
+  function p() {
     if (o.value) {
       s(o.value);
       const c = o.value.getBoundingClientRect();
       l.value && c.width !== i.value && u(o.value);
     }
   }
-  return { onResize: m };
+  return { onResize: p };
 }
 const Ht = /* @__PURE__ */ z({
   name: "FPopover",
   props: Rt,
   emits: ["shown", "hidden"],
   setup(e, t) {
-    const o = a(), l = a(), n = a(e.reference), i = a(e.keepWidthWithReference), u = T(() => !!e.title), s = jt(e), {
-      host: m
+    const o = a(), l = a(), n = a(e.reference), i = a(e.keepWidthWithReference), u = I(() => !!e.title), s = jt(e), {
+      host: p
     } = s, c = Dt(e, o, l, s), {
-      position: v,
-      arrowStyle: r,
-      popoverStyle: d,
-      fitToReference: y,
-      locateToReference: h
+      position: r,
+      arrowStyle: d,
+      popoverStyle: f,
+      fitToReference: b,
+      locateToReference: m
     } = c, {
-      showPopover: p,
-      hidePopverOnClickBodyHandler: C
+      showPopover: y,
+      hidePopverOnClickBodyHandler: T
     } = At(e, t, o, l, n, i, c), {
       onResize: B
-    } = Et(e, t, n, i, c), k = T(() => {
-      const x = `popover in popover-${v.value}`, O = `bs-popover-${v.value}`, F = {
+    } = Et(e, t, n, i, c), x = I(() => {
+      const S = `popover in popover-${r.value}`, O = `bs-popover-${r.value}`, F = {
         "popover-fitcontent": e.fitContent
       };
-      return F[x] = !0, F[O] = !0, (e.class || "").split(" ").reduce((L, b) => (L[b] = !0, L), F), F;
-    }), S = T(() => ({
+      return F[S] = !0, F[O] = !0, (e.class || "").split(" ").reduce((L, C) => (L[C] = !0, L), F), F;
+    }), h = I(() => ({
       "popover-content": !0,
       "popover-body": !0
     }));
     return de(() => {
-      e.reference && h(n.value), i.value && y(n.value), window.addEventListener("resize", B);
+      e.reference && m(n.value), i.value && b(n.value), window.addEventListener("resize", B);
     }), ce(() => {
-      document.body.removeEventListener("click", C), window.removeEventListener("resize", B);
-    }), () => f(se, {
-      to: m
+      document.body.removeEventListener("click", T), window.removeEventListener("resize", B);
+    }), () => v(se, {
+      to: p
     }, {
       default: () => {
-        var x;
-        return [Q(f("div", {
+        var S;
+        return [Q(v("div", {
           ref: l,
-          class: k.value,
-          style: d.value,
+          class: x.value,
+          style: f.value,
           onClick: (O) => {
             O.stopPropagation();
           }
-        }, [f("div", {
+        }, [v("div", {
           ref: o,
           class: "popover-arrow arrow",
-          style: r.value
-        }, null), u.value && f("h3", {
+          style: d.value
+        }, null), u.value && v("h3", {
           class: "popover-title popover-header"
-        }, [e.title]), f("div", {
-          class: S.value
-        }, [t.slots.default && ((x = t.slots) == null ? void 0 : x.default())])]), [[re, p.value]])];
+        }, [e.title]), v("div", {
+          class: h.value
+        }, [t.slots.default && ((S = t.slots) == null ? void 0 : S.default())])]), [[re, y.value]])];
       }
     });
   }
@@ -1985,7 +1985,7 @@ function Wt(e, t, o) {
     hidePopup: n,
     popoverRef: i
   } = o;
-  return () => f(Ht, {
+  return () => v(Ht, {
     ref: i,
     visible: !0,
     placement: "bottom-left",
@@ -2011,78 +2011,78 @@ const _t = /* @__PURE__ */ z({
     const o = a(), l = a(e.customClass), n = a(e.modelValue), i = xt(e, t, o), {
       shouldPopupContent: u,
       hidePopup: s
-    } = i, m = Bt(e, t, o, i), c = a(""), v = kt(e, t, n, c, i), {
-      hasFocusedTextBox: r,
-      commitValue: d,
-      inputGroupClass: y
-    } = v, h = It(e, t, n, r, c, v), {
-      onMouseEnterTextBox: p,
-      onMouseLeaveTextBox: C
-    } = h, B = T(() => {
+    } = i, p = Bt(e, t, o, i), c = a(""), r = kt(e, t, n, c, i), {
+      hasFocusedTextBox: d,
+      commitValue: f,
+      inputGroupClass: b
+    } = r, m = It(e, t, n, d, c, r), {
+      onMouseEnterTextBox: y,
+      onMouseLeaveTextBox: T
+    } = m, B = I(() => {
       const E = {
         "f-button-edit": !0,
         "f-cmp-inputgroup": !0,
         "f-button-edit-nowrap": !e.wrapText
       };
-      return l.value && l.value.split(" ").reduce((L, b) => (L[b] = !0, L), E), E;
+      return l.value && l.value.split(" ").reduce((L, C) => (L[C] = !0, L), E), E;
     });
-    function k() {
-      return e.multiSelect && e.inputType === "tag" ? Mt(e, n, v) : Ft(e, n, v);
+    function x() {
+      return e.multiSelect && e.inputType === "tag" ? Mt(e, n, r) : Ft(e, n, r);
     }
-    let S = k();
+    let h = x();
     W([() => e.multiSelect, () => e.inputType], () => {
-      S = k();
+      h = x();
     });
-    const x = Lt(e, m, h), O = Wt(e, t, i), F = {
-      commitValue: d,
+    const S = Lt(e, p, m), O = Wt(e, t, i), F = {
+      commitValue: f,
       elementRef: o,
       hidePopup: s
     };
     return de(() => {
       o.value.componentInstance = F;
-    }), t.expose(F), () => f(te, null, [f("div", Me(t.attrs, {
+    }), t.expose(F), () => v(te, null, [v("div", Me(t.attrs, {
       ref: o,
       class: B.value,
       id: e.id
-    }), [f("div", {
-      class: y.value,
-      onMouseenter: p,
-      onMouseleave: C
-    }, [S(), x()])]), u.value && O()]);
+    }), [v("div", {
+      class: b.value,
+      onMouseenter: y,
+      onMouseleave: T
+    }, [h(), S()])]), u.value && O()]);
   }
 });
 function $t(e) {
   const t = a(""), o = a(e.modelValue), l = a(e.data || []), n = a(e.editable);
   function i(c) {
-    const v = c.split(e.separator).map((d) => [d, !0]), r = new Map(v);
-    return l.value.filter((d) => r.has(d[e.valueField]));
+    const r = c.split(e.separator).map((f) => [f, !0]), d = new Map(r);
+    return l.value.filter((f) => d.has(f[e.valueField]));
   }
   function u(c) {
-    const v = i(c).map((r) => r[e.textField]).join(e.separator);
-    t.value = n.value ? v || c : v;
+    const r = i(c).map((d) => d[e.textField]).join(e.separator);
+    t.value = n.value ? r || c : r;
   }
   function s(c) {
-    const v = c.split(e.separator).map((d) => [d, !0]), r = new Map(v);
-    return l.value.filter((d) => r.has(d[e.textField]));
-  }
-  function m() {
-    const { url: c, method: v = "GET", headers: r = {}, body: d = null } = e.remote;
-    fetch(c, { method: v, headers: r, body: d }).then((h) => {
-      if (h.status === 200)
-        return h.json();
-      throw new Error(h.statusText);
-    }).then((h) => {
-      l.value = h;
-    }).catch((h) => {
-      console.error(h);
+    const r = c.split(e.separator).map((f) => [f, !0]), d = new Map(r);
+    return l.value.filter((f) => d.has(f[e.textField]));
+  }
+  function p() {
+    const { url: c, method: r = "GET", headers: d = {}, body: f = null } = e.remote;
+    fetch(c, { method: r, headers: d, body: f }).then((m) => {
+      if (m.status === 200)
+        return m.json();
+      throw new Error(m.statusText);
+    }).then((m) => {
+      l.value = m;
+    }).catch((m) => {
+      console.error(m);
     });
   }
-  return e.remote && m(), W(() => e.data, () => {
+  return e.remote && p(), W(() => e.data, () => {
     l.value = e.data;
   }), W([l], ([c]) => {
     if (e.modelValue) {
-      const v = c.find((r) => r[e.valueField] === e.modelValue);
-      v && (t.value = v[e.textField]);
+      const r = c.find((d) => d[e.valueField] === e.modelValue);
+      r && (t.value = r[e.textField]);
     }
   }), W(() => e.modelValue, (c) => {
     o.value = c, u(c);
@@ -2093,69 +2093,71 @@ const ue = /* @__PURE__ */ z({
   props: me,
   emits: ["clear", "update:modelValue", "change"],
   setup(e, t) {
-    const o = a(), {
-      dataSource: l,
-      displayText: n,
-      editable: i,
-      modelValue: u,
-      getItemsByDisplayText: s
-    } = $t(e), m = T(() => e.multiSelect);
-    function c() {
-      !m.value && o.value && o.value.hidePopup();
+    const o = a(), l = a(e.disabled), n = a(e.enableClear), i = a(e.enableSearch), u = a(e.readonly), {
+      dataSource: s,
+      displayText: p,
+      editable: c,
+      modelValue: r,
+      getItemsByDisplayText: d
+    } = $t(e), f = I(() => e.multiSelect);
+    function b() {
+      !f.value && o.value && o.value.hidePopup();
     }
-    function v(p) {
-      n.value = p.map((C) => C[e.textField]).join(e.separator), u.value = p.map((C) => C[e.valueField]).join(e.separator), t.emit("update:modelValue", u.value), t.emit("change", p), c();
+    function m(h) {
+      p.value = h.map((S) => S[e.textField]).join(e.separator), r.value = h.map((S) => S[e.valueField]).join(e.separator), t.emit("update:modelValue", r.value), t.emit("change", h), b();
     }
-    function r(p) {
-      u.value = "", t.emit("update:modelValue", ""), t.emit("clear");
+    function y(h) {
+      r.value = "", t.emit("update:modelValue", ""), t.emit("clear");
     }
-    function d(p) {
-      u.value = p, t.emit("update:modelValue", u.value);
-      const C = {};
-      C[e.idField] = p, C[e.textField] = p, t.emit("change", [C]);
+    function T(h) {
+      r.value = h, t.emit("update:modelValue", r.value);
+      const S = {};
+      S[e.idField] = h, S[e.textField] = h, t.emit("change", [S]);
     }
-    function y(p) {
-      if (i.value) {
-        d(p);
+    function B(h) {
+      if (c.value) {
+        T(h);
         return;
       }
-      const C = s(p);
-      v(C);
+      const S = d(h);
+      m(S);
     }
-    function h() {
-      return n.value;
+    function x() {
+      return p.value;
     }
     return t.expose({
-      getDisplayText: h
-    }), () => f(_t, {
+      getDisplayText: x
+    }), W([() => e.disabled, () => e.editable, () => e.enableClear, () => e.enableSearch, () => e.readonly], ([h, S, O, F, E]) => {
+      l.value = h, c.value = S, n.value = O, i.value = F, u.value = E;
+    }), () => v(_t, {
       ref: o,
       id: e.id,
-      disable: e.disabled,
-      readonly: e.readonly,
+      disable: l.value,
+      readonly: u.value,
       forcePlaceholder: e.forcePlaceholder,
-      editable: i.value,
+      editable: c.value,
       buttonContent: e.dropDownIcon,
       placeholder: e.placeholder,
-      enableClear: e.enableClear,
+      enableClear: n.value,
       maxLength: e.maxLength,
       tabIndex: e.tabIndex,
       enableTitle: e.enableTitle,
       multiSelect: e.multiSelect,
       inputType: e.multiSelect ? "tag" : "text",
-      modelValue: n.value,
-      "onUpdate:modelValue": (p) => n.value = p,
-      onClear: r,
-      onChange: y
+      modelValue: p.value,
+      "onUpdate:modelValue": (h) => p.value = h,
+      onClear: y,
+      onChange: B
     }, {
-      default: () => [f(ct, {
+      default: () => [v(ct, {
         idField: e.idField,
         valueField: e.valueField,
         textField: e.textField,
-        dataSource: l.value,
-        selectedValues: u.value,
+        dataSource: s.value,
+        selectedValues: r.value,
         multiSelect: e.multiSelect,
-        enableSearch: e.enableSearch,
-        onSelectionChange: v
+        enableSearch: i.value,
+        onSelectionChange: m
       }, null)]
     });
   }
@@ -2172,91 +2174,91 @@ const ie = /* @__PURE__ */ z({
       id: "desc",
       name: "降序"
     }], s = a(/* @__PURE__ */ new Map());
-    function m() {
-      const C = o.value.map((B) => [B.id, !0]);
-      s.value = new Map(C);
+    function p() {
+      const T = o.value.map((B) => [B.id, !0]);
+      s.value = new Map(T);
     }
-    m();
-    const c = T(() => e.dataSource.map((C) => (C.disabled = s.value.has(C.id), C))), v = T(() => ({
+    p();
+    const c = I(() => e.dataSource.map((T) => (T.disabled = s.value.has(T.id), T))), r = I(() => ({
       "f-order": !0
     }));
-    function r(C) {
-      o.value = o.value.filter((B) => B.id !== C.id), m(), t.emit("change", o.value);
+    function d(T) {
+      o.value = o.value.filter((B) => B.id !== T.id), p(), t.emit("change", o.value);
     }
-    function d() {
+    function f() {
       o.value = [...o.value, {
         id: Date.now().toString(),
         name: "",
         order: "asc"
-      }], m(), t.emit("change", o.value);
+      }], p(), t.emit("change", o.value);
     }
-    function y(C) {
-      m(), t.emit("change", o.value);
+    function b(T) {
+      p(), t.emit("change", o.value);
     }
-    function h(C) {
-      if (C && C.length) {
+    function m(T) {
+      if (T && T.length) {
         const B = /* @__PURE__ */ new Map();
-        C.reduce((k, S) => (k.set(S.id, S), k), B), o.value = C.map((k) => B.get(k.id)), t.emit("change", o.value);
+        T.reduce((x, h) => (x.set(h.id, h), x), B), o.value = T.map((x) => B.get(x.id)), t.emit("change", o.value);
       }
     }
-    function p() {
-      return f(fe, {
+    function y() {
+      return v(fe, {
         style: "flex:1",
         data: o.value,
         draggable: !0,
         view: "DraggableView",
         "keep-order": !0,
         itemClass: "f-order-item",
-        onRemoveItem: r,
-        onChange: h
+        onRemoveItem: d,
+        onChange: m
       }, {
-        header: () => f("div", {
+        header: () => v("div", {
           class: "f-order-header"
-        }, [f("span", {
+        }, [v("span", {
           class: "f-order-header-order-field"
-        }, [l.value]), f("span", {
+        }, [l.value]), v("span", {
           class: "f-order-header-order-type"
         }, [n.value])]),
-        itemContent: (C) => f("div", {
+        itemContent: (T) => v("div", {
           class: "f-order-item-content"
-        }, [f(ue, {
+        }, [v(ue, {
           class: "f-order-item-content-order-field",
           data: c.value,
           valueField: "id",
           textField: "name",
           idField: "id",
-          modelValue: C.id,
-          "onUpdate:modelValue": (B) => C.id = B,
-          onChange: y,
-          onClear: y
-        }, null), f(ue, {
+          modelValue: T.id,
+          "onUpdate:modelValue": (B) => T.id = B,
+          onChange: b,
+          onClear: b
+        }, null), v(ue, {
           class: "f-order-item-content-order-type",
           data: u,
           valueField: "id",
           textField: "name",
           idField: "id",
-          modelValue: C.order,
-          "onUpdate:modelValue": (B) => C.order = B,
-          onChange: y
+          modelValue: T.order,
+          "onUpdate:modelValue": (B) => T.order = B,
+          onChange: b
         }, null)]),
-        footer: () => f("div", {
+        footer: () => v("div", {
           class: "f-order-footer"
-        }, [f(Ue, {
+        }, [v(Ue, {
           type: "link",
           class: "f-order-add-button",
-          onClick: d
+          onClick: f
         }, {
-          default: () => f(te, null, [f("span", {
+          default: () => v(te, null, [v("span", {
             class: "f-order-add-icon"
-          }, [f("i", {
+          }, [v("i", {
             class: "f-icon f-icon-add"
           }, null)]), i.value])
         })])
       });
     }
-    return () => f("div", {
-      class: v.value
-    }, [p()]);
+    return () => v("div", {
+      class: r.value
+    }, [y()]);
   }
 }), zt = {
   install(e) {