@farris/ui-vue 1.0.0 → 1.0.2

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 o, computed as I, watch as W, defineComponent as z, createVNode as d, 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: [] }
@@ -20,100 +20,100 @@ const Le = {
   keepOrder: { type: Boolean, default: !1 },
   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);
-  a(!0);
-  const { isDragging: r } = o, { activeIndex: d, focusedItemId: y, hoverIndex: h } = l, { clearSelection: p, selectedItems: C, toggleSelectItem: B } = n;
-  function k(b, j) {
+function je(e, t, a, l, n) {
+  const i = o(e.idField), u = o(e.disableField), r = o(e.draggable), h = o(e.itemClass), f = o(e.multiSelect), v = o(e.multiSelectMode);
+  o(!0);
+  const { isDragging: s } = a, { activeIndex: c, focusedItemId: p, hoverIndex: g } = l, { clearSelection: y, selectedItems: w, toggleSelectItem: B } = n;
+  function S(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-list-view-draggable-item": r.value,
+      "f-un-click": !!C.unClick,
+      "f-un-select": !!C[u.value],
+      "f-listview-active": C.__fv_index__ === c.value,
+      "f-listview-hover": !s.value && j === g.value,
+      moving: !!C.moving
     };
-    return m.value.split(" ").reduce((X, R) => (X[R] = !0, X), M), M;
+    return h.value.split(" ").reduce((X, R) => (X[R] = !0, X), M), M;
   }
-  function S(b, j) {
-    return b[i.value] || "";
+  function b(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 x = I(() => !f.value);
+  function O(C, j) {
+    C.unClick || C[u.value] || (x.value && (p.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(() => f.value && v.value === "OnCheckClearByClick"), E = I(() => !f.value || f.value && (v.value === "OnCheckAndClick" || v.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 });
+    p.value = j[i.value], c.value = M, F.value && y(), E.value && B(j, M), t.emit("clickItem", { data: w.value, index: M });
   }
   return {
-    getKey: S,
-    listViewItemClass: k,
+    getKey: b,
+    listViewItemClass: S,
     onCheckItem: O,
     onClickItem: L
   };
 }
-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;
+function De(e, t, a) {
+  const l = o(e.idField), n = o(e.multiSelect);
+  o(e.multiSelectMode);
+  const { getSelectionItems: i } = a, u = o(i(e.selectionValues));
+  W(() => e.selectionValues, (c) => {
+    u.value = o(i(c)).value;
   });
-  const s = T(() => !n.value);
-  function m(d) {
-    return d[l.value] || "";
+  const r = I(() => !n.value);
+  function h(c) {
+    return c[l.value] || "";
   }
-  function c(d) {
-    return u.value.findIndex((h) => m(h) === m(d));
+  function f(c) {
+    return u.value.findIndex((g) => h(g) === h(c));
   }
   function v() {
-    u.value.forEach((d) => {
-      d.checked = !1;
+    u.value.forEach((c) => {
+      c.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 s(c, p) {
+    r.value && v();
+    const g = f(c);
+    g > -1 ? (u.value.splice(g, 1), c.checked = !1) : (u.value.push(c), c.checked = !0), t.emit("selectionChange", u.value);
   }
-  return { clearSelection: v, findIndexInSelectedItems: c, selectedItems: u, toggleSelectItem: r };
+  return { clearSelection: v, findIndexInSelectedItems: f, selectedItems: u, toggleSelectItem: s };
 }
 function Ae(e, t) {
-  function o(i) {
+  function a(i) {
     const u = [];
-    let s = i.nextNode();
-    for (; s; )
-      u.push(s), s = i.nextNode();
+    let r = i.nextNode();
+    for (; r; )
+      u.push(r), r = i.nextNode();
     return u;
   }
   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)
+    const r = document.createTreeWalker(i, NodeFilter.SHOW_TEXT);
+    return a(r).map((s) => ({ textNode: s, text: (s.textContent || "").toLocaleLowerCase() })).map(({ textNode: s, text: c }) => {
+      const p = [];
+      let g = 0;
+      for (; g < c.length; ) {
+        const y = c.indexOf(u, g);
+        if (y === -1)
           break;
-        y.push(p), h = p + u.length;
+        p.push(y), g = y + u.length;
       }
-      return y.map((p) => {
-        const C = new Range();
-        return C.setStart(r, p), C.setEnd(r, p + u.length), C;
+      return p.map((y) => {
+        const w = new Range();
+        return w.setStart(s, y), w.setEnd(s, y + u.length), w;
       });
     }).flat();
   }
   function n(i) {
     if (!CSS.highlights || (CSS.highlights.clear(), !i || !t))
       return;
-    const u = l(t.value, i.toLocaleLowerCase()), s = new Highlight(...u);
-    CSS.highlights.set("search-result", s);
+    const u = l(t.value, i.toLocaleLowerCase()), r = new Highlight(...u);
+    CSS.highlights.set("search-result", r);
   }
   return { search: n };
 }
@@ -130,179 +130,179 @@ const Ee = {
   props: Ee,
   emits: ["change", "update:modelValue"],
   setup(e, t) {
-    const o = a(e.checked), l = a(e.disabled), n = a(e.id);
+    const a = o(e.checked), l = o(e.disabled), n = o(e.id);
     function i(u) {
-      u.stopPropagation(), u.preventDefault(), l.value || (o.value = !o.value, t.emit("change", {
+      u.stopPropagation(), u.preventDefault(), l.value || (a.value = !a.value, t.emit("change", {
         originalEvent: u,
-        checked: o.value
+        checked: a.value
       }));
     }
     return W(() => e.checked, (u) => {
-      o.value = u;
-    }), () => f("div", {
+      a.value = u;
+    }), () => d("div", {
       class: "custom-control custom-checkbox  custom-control-inline listview-checkbox"
-    }, [Q(f("input", {
+    }, [Q(d("input", {
       id: n.value,
       title: n.value,
       type: "checkbox",
       class: "custom-control-input",
-      "onUpdate:modelValue": (u) => o.value = u,
+      "onUpdate:modelValue": (u) => a.value = u,
       onChange: (u) => console.log(u)
-    }, null), [[Fe, o.value]]), f("label", {
+    }, null), [[Fe, a.value]]), d("label", {
       for: n.value,
       class: "custom-control-label",
       onClick: (u) => i(u)
     }, null)]);
   }
 });
-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
+function ae(e, t, a, l, n, i, u, r) {
+  const h = o(e.size), f = o(e.textField), v = o(e.multiSelect), s = o(e.disableField), {
+    onMouseenterItem: c,
+    onMouseoverItem: p,
+    onMouseoutItem: g
   } = n, {
-    getKey: p,
-    listViewItemClass: C,
+    getKey: y,
+    listViewItemClass: w,
     onCheckItem: B,
-    onClickItem: k
-  } = i, S = T(() => ({
-    margin: m.value === "small" ? "0.25rem 0" : "10px 0"
+    onClickItem: S
+  } = i, b = I(() => ({
+    margin: h.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", {
+    return O.checked = u.findIndexInSelectedItems(O) > -1, d("li", {
+      class: w(O, F),
+      id: y(O, F),
+      key: y(O, F),
+      onClick: (L) => S(L, O, F),
+      onMouseenter: (L) => c(L, O, F),
+      onMouseover: (L) => p(L, O, F),
+      onMouseout: (L) => g(L, O, F)
+    }, [v.value && d("div", {
       class: "f-list-select",
       onClick: (L) => L.stopPropagation()
-    }, [f(ne, {
-      id: "list-" + p(O, F),
-      disabled: O[r.value] || O.unClick,
+    }, [d(ne, {
+      id: "list-" + y(O, F),
+      disabled: O[s.value] || O.unClick,
       checked: O.checked,
       onChange: (L) => B(O, F)
-    }, null)]), f("div", {
+    }, null)]), d("div", {
       class: "f-list-content"
-    }, [f("div", {
-      style: S.value
-    }, [O[c.value]])])]);
+    }, [d("div", {
+      style: b.value
+    }, [O[f.value]])])]);
   }
   return {
     renderItem: x
   };
 }
-function He(e, t, o, l, n, i, u, s) {
-  const m = a(e.multiSelect), c = a(e.disableField), {
+function He(e, t, a, l, n, i, u, r) {
+  const h = o(e.multiSelect), f = o(e.disableField), {
     onMouseenterItem: v,
-    onMouseoverItem: r,
-    onMouseoutItem: d
+    onMouseoverItem: s,
+    onMouseoutItem: c
   } = n, {
-    getKey: y,
-    listViewItemClass: h,
-    onCheckItem: p,
-    onClickItem: C
+    getKey: p,
+    listViewItemClass: g,
+    onCheckItem: y,
+    onClickItem: w
   } = i;
-  function B(S, x, O) {
-    return t.slots.content ? f(te, null, [t.slots.content && t.slots.content({
-      item: S,
+  function B(b, x, O) {
+    return t.slots.content ? d(te, null, [t.slots.content && t.slots.content({
+      item: b,
       index: x,
       selectedItem: O
-    })]) : f("div", {
+    })]) : d("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", {
+    }, [b.name]);
+  }
+  function S(b, x, O) {
+    return d("li", {
+      class: g(b, x),
+      id: p(b, x),
+      key: p(b, x),
+      onClick: (F) => w(F, b, x),
+      onMouseenter: (F) => v(F, b, x),
+      onMouseover: (F) => s(F, b, x),
+      onMouseout: (F) => c(F, b, x)
+    }, [h.value && d("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", {
+    }, [d(ne, {
+      id: "list-" + p(b, x),
+      disabled: b[f.value] || b.unClick,
+      checked: b.checked,
+      onChange: (F) => y(b, x)
+    }, null)]), d("div", {
       class: "f-list-content"
-    }, [B(S, x, O)])]);
+    }, [B(b, x, O)])]);
   }
   return {
-    renderItem: k
+    renderItem: S
   };
 }
-function We(e, t, o, l, n, i, u, s) {
-  const m = a(e.multiSelect), c = a(e.disableField), {
+function We(e, t, a, l, n, i, u, r) {
+  const h = o(e.multiSelect), f = o(e.disableField), {
     onMouseenterItem: v,
-    onMouseoverItem: r,
-    onMouseoutItem: d
+    onMouseoverItem: s,
+    onMouseoutItem: c
   } = n, {
-    getKey: y,
-    listViewItemClass: h,
-    onCheckItem: p,
-    onClickItem: C
+    getKey: p,
+    listViewItemClass: g,
+    onCheckItem: y,
+    onClickItem: w
   } = i, {
     dragstart: B,
-    dragenter: k,
-    dragover: S,
+    dragenter: S,
+    dragover: b,
     dragend: x
   } = l, {
     removeItem: O
-  } = s, F = T(() => ({
-    margin: m.value ? "10px 0" : "10px 0px 10px 14px"
+  } = r, F = I(() => ({
+    margin: h.value ? "10px 0" : "10px 0px 10px 14px"
   }));
   function E(M) {
-    return f("div", {
+    return d("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),
+    return d("li", {
+      class: g(M, D),
+      id: p(M, D),
+      key: p(M, D),
+      onClick: (R) => w(R, M, D),
       onMouseenter: (R) => v(R, M, D),
-      onMouseover: (R) => r(R, M, D),
-      onMouseout: (R) => d(R, M, D),
+      onMouseover: (R) => s(R, M, D),
+      onMouseout: (R) => c(R, M, D),
       draggable: "true",
       onDragstart: (R) => B(R, M, D),
-      onDragenter: (R) => k(R, D),
+      onDragenter: (R) => S(R, D),
       onDragend: (R) => x(R, M),
-      onDragover: (R) => S(R, D)
-    }, [m.value && f("div", {
+      onDragover: (R) => b(R, D)
+    }, [h.value && d("div", {
       class: "f-list-select",
       onClick: (R) => R.stopPropagation()
-    }, [f(ne, {
-      id: "list-" + y(M, D),
-      disabled: M[c.value] || M.unClick,
+    }, [d(ne, {
+      id: "list-" + p(M, D),
+      disabled: M[f.value] || M.unClick,
       checked: M.checked,
-      onChange: (R) => p(M, D)
-    }, null)]), f("div", {
+      onChange: (R) => y(M, D)
+    }, null)]), d("div", {
       class: "f-list-content"
-    }, [b(M)]), f("div", {
+    }, [C(M)]), d("div", {
       class: "f-list-remove",
       onClick: (R) => O(D)
-    }, [f("div", {
+    }, [d("div", {
       class: "f-list-remove-icon"
-    }, [f("i", {
+    }, [d("i", {
       class: "f-icon f-icon-remove_face"
-    }, null)])]), f("div", {
+    }, null)])]), d("div", {
       class: "f-list-handle"
-    }, [f("div", null, [f("i", {
+    }, [d("div", null, [d("i", {
       class: "f-icon f-icon-drag-vertical"
     }, null)])])]);
   }
@@ -310,9 +310,9 @@ function We(e, t, o, l, n, i, u, s) {
     renderItem: j
   };
 }
-function _e(e, t, o) {
+function _e(e, t, a) {
   function l() {
-    return t.slots.header && f("div", {
+    return t.slots.header && d("div", {
       class: "f-list-view-header"
     }, [t.slots.header()]);
   }
@@ -320,119 +320,119 @@ function _e(e, t, o) {
     renderHeader: l
   };
 }
-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) {
+function le(e, t, a) {
+  const l = o(e.headerClass), n = o(e.placeholder), i = o(""), u = I(() => !i.value), r = I(() => !!i.value);
+  function h(c) {
     i.value = "";
   }
-  W(i, (d) => {
-    o.search(d);
+  W(i, (c) => {
+    a.search(c);
   });
-  const c = T(() => {
-    const d = {
+  const f = I(() => {
+    const c = {
       "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((g, y) => (g[y] = !0, g), c), c;
   });
-  function v(d) {
+  function v(c) {
   }
-  function r() {
-    return f("div", {
+  function s() {
+    return d("div", {
       class: "f-list-view-header",
       onClick: Oe(v, ["prevent", "stop"])
-    }, [f("div", {
-      class: c.value
-    }, [f("div", {
+    }, [d("div", {
+      class: f.value
+    }, [d("div", {
       class: "farris-input-wrap"
-    }, [f("div", {
+    }, [d("div", {
       class: "f-cmp-inputgroup"
-    }, [f("div", {
+    }, [d("div", {
       class: "input-group f-state-editable"
-    }, [Q(f("input", {
+    }, [Q(d("input", {
       class: "form-control f-utils-fill text-left",
-      "onUpdate:modelValue": (d) => i.value = d,
+      "onUpdate:modelValue": (c) => i.value = c,
       name: "input-group-value",
       type: "text",
       placeholder: n.value,
       autocomplete: "off"
-    }, null), [[Pe, i.value]]), f("div", {
+    }, null), [[Pe, i.value]]), d("div", {
       class: "input-group-append"
-    }, [s.value && f("span", {
+    }, [r.value && d("span", {
       class: "input-group-text input-group-clear",
-      onClick: (d) => m()
-    }, [f("i", {
+      onClick: (c) => h()
+    }, [d("i", {
       class: "f-icon f-icon-close-circle"
-    }, null)]), u.value && f("span", {
+    }, null)]), u.value && d("span", {
       class: "input-group-text"
-    }, [f("span", {
+    }, [d("span", {
       class: "f-icon f-icon-search"
     }, null)])])])])])])]);
   }
   return {
-    renderHeader: r
+    renderHeader: s
   };
 }
 function $e(e, t) {
-  const o = a(e.idField), l = a(e.data), n = a(e.data), i = a(e.keepOrder);
+  const a = o(e.idField), l = o(e.data), n = o(e.data), i = o(e.keepOrder);
   function u() {
-    const c = l.value.map((v, r) => typeof v != "object" ? { __fv_index__: r, name: v } : (v.__fv_index__ = r, v));
-    return n.value = c, c;
+    const f = l.value.map((v, s) => typeof v != "object" ? { __fv_index__: s, name: v } : (v.__fv_index__ = s, v));
+    return n.value = f, f;
   }
-  const s = a(u());
+  const r = o(u());
   W(
     () => e.data,
-    (c) => {
+    (f) => {
       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 v = f.reduce((g, y) => (g.set(y.id, !0), g), /* @__PURE__ */ new Map()), s = l.value.reduce((g, y) => (g.set(y.id, !0), g), /* @__PURE__ */ new Map()), c = r.value.filter((g) => v.has(g.id)), p = f.filter((g) => !s.has(g.id));
+        l.value = [...c, ...p];
       } else
-        l.value = c;
-      s.value = u();
+        l.value = f;
+      r.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 h(f) {
+    return f.map((s) => {
+      const c = n.value.findIndex((p) => p[a.value] === s);
+      return c > -1 ? n.value[c] : null;
+    }).filter((s) => s != null);
   }
   return {
-    dataView: s,
-    getSelectionItems: m
+    dataView: r,
+    getSelectionItems: h
   };
 }
-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;
+function Ne(e, t, a, l) {
+  const n = o(e.idField), { dataView: i } = a, u = o(-1), r = o(!1), { activeIndex: h, focusedItemId: f, hoverIndex: v, resumeHover: s, suspendHover: c } = l;
+  function p(B, S, b) {
+    B.stopPropagation(), c(), S && setTimeout(() => {
+      u.value = b, r.value = !0, S.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 g(B, S) {
+    if (B.preventDefault(), u.value !== S) {
+      const b = i.value[u.value], x = i.value;
+      x.splice(u.value, 1), x.splice(S, 0, b), u.value = S;
     }
   }
-  function p(B, k) {
+  function y(B, S) {
     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 w(B, S) {
+    S && (S.moving = !1), i.value.forEach((b, x) => {
+      b.__fv_index__ = x;
+    }), r.value = !1, s(), v.value = S.__fv_index__, h.value = S.__fv_index__, f.value = S[n.value], t.emit("change", i.value);
   }
   return {
-    dragstart: y,
-    dragenter: h,
-    dragover: p,
-    dragend: C,
-    isDragging: s
+    dragstart: p,
+    dragenter: g,
+    dragover: y,
+    dragend: w,
+    isDragging: r
   };
 }
-function ze(e, t, o) {
-  const { dataView: l } = o;
+function ze(e, t, a) {
+  const { dataView: l } = a;
   function n(i) {
     if (i > -1 && i < l.value.length) {
       const u = l.value.splice(i, 1);
@@ -442,31 +442,31 @@ function ze(e, t, o) {
   return { removeItem: n };
 }
 function Xe() {
-  const e = a(-1), t = a(""), o = a(-1), l = a(!1);
-  function n(c, v, r) {
-    o.value = r;
+  const e = o(-1), t = o(""), a = o(-1), l = o(!1);
+  function n(f, v, s) {
+    a.value = s;
   }
-  function i(c, v, r) {
-    l.value || (o.value = r);
+  function i(f, v, s) {
+    l.value || (a.value = s);
   }
-  function u(c, v, r) {
-    o.value = -1;
+  function u(f, v, s) {
+    a.value = -1;
   }
-  function s() {
+  function r() {
     l.value = !0;
   }
-  function m() {
+  function h() {
     l.value = !1;
   }
   return {
     activeIndex: e,
     focusedItemId: t,
-    hoverIndex: o,
+    hoverIndex: a,
     onMouseenterItem: n,
     onMouseoverItem: i,
     onMouseoutItem: u,
-    resumeHover: m,
-    suspendHover: s
+    resumeHover: h,
+    suspendHover: r
   };
 }
 const fe = /* @__PURE__ */ z({
@@ -474,27 +474,27 @@ 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("暂无数据");
-    a(!0), a(!1), a("id");
+    const a = o(), l = o(e.view), n = o(e.header), i = o(e.multiSelect), u = o(e.view === "CardView"), r = o(!0), h = o({}), f = o("暂无数据");
+    o(!0), o(!1), o("id");
     const v = $e(e), {
-      dataView: r
-    } = v, d = T(() => {
+      dataView: s
+    } = v, c = 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(() => ({
+    }), p = 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);
+    })), g = I(() => !!s.value && s.value.length > 0), y = Xe(), w = De(e, t, v), B = Ne(e, t, v, y), S = ze(e, t, v), b = je(e, t, B, y, w), x = Ae(e, a), O = I(() => s.value.length === 0), F = I(() => O.value && !t.slots.empty), E = I(() => !!t.slots.footer || r.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, v, B, y, b, w, S);
     function M() {
       return n.value === "SearchBar" ? le : n.value === "ContentHeader" ? _e : le;
     }
@@ -510,20 +510,20 @@ const fe = /* @__PURE__ */ z({
     function V(P) {
       i.value && (P.preventDefault(), P.stopPropagation());
     }
-    return () => f("div", {
-      class: d.value,
+    return () => d("div", {
+      class: c.value,
       onClick: V
-    }, [X(), f("div", {
-      ref: o,
+    }, [X(), d("div", {
+      ref: a,
       class: "f-list-view-content"
-    }, [f("ul", {
-      class: y.value,
+    }, [d("ul", {
+      class: p.value,
       style: "list-style: none;"
-    }, [h.value && r.value.map((P, A) => j(P, A, m)), F.value && f("div", {
+    }, [g.value && s.value.map((P, A) => j(P, A, h)), F.value && d("div", {
       class: "f-list-view-emptydata"
-    }, [f("p", {
+    }, [d("p", {
       class: "f-empty-title"
-    }, [c.value])]), t.slots.empty && t.slots.empty()])]), E.value && f("div", {
+    }, [f.value])]), t.slots.empty && t.slots.empty()])]), E.value && d("div", {
       class: "f-list-view-footer"
     }, [t.slots.footer && t.slots.footer()])]);
   }
@@ -550,11 +550,11 @@ const fe = /* @__PURE__ */ z({
   icon: { type: String }
 };
 function Ge(e, t) {
-  function o(l) {
+  function a(l) {
     l.stopPropagation(), e.disabled || t.emit("click", l);
   }
   return {
-    onClickButton: o
+    onClickButton: a
   };
 }
 const Ue = /* @__PURE__ */ z({
@@ -563,21 +563,21 @@ const Ue = /* @__PURE__ */ z({
   emits: ["click"],
   setup(e, t) {
     const {
-      onClickButton: o
-    } = Ge(e, t), l = a(e.size), n = a(e.type), i = a(e.disabled);
-    a(e.icon);
-    const u = T(() => {
-      const s = {
+      onClickButton: a
+    } = Ge(e, t), l = o(e.size), n = o(e.type), i = o(e.disabled);
+    o(e.icon);
+    const u = I(() => {
+      const r = {
         btn: !0,
         "btn-lg": l.value === "large",
         "btn-sm": l.value !== "large"
       };
-      return n.value && (s[`btn-${n.value}`] = !0), s;
+      return n.value && (r[`btn-${n.value}`] = !0), r;
     });
-    return T(() => ({})), () => f("button", {
+    return I(() => ({})), () => d("button", {
       class: u.value,
       disabled: i.value,
-      onClick: (s) => o(s)
+      onClick: (r) => a(r)
     }, [t.slots.default && t.slots.default()]);
   }
 }), Ke = {};
@@ -586,8 +586,8 @@ function ve(e) {
   return Object.keys(t).reduce((l, n) => (l[n] = t[n].type === "object" && t[n].properties ? ve(t[n]) : t[n].default, l), {});
 }
 function Je(e, t) {
-  const o = ve(t);
-  return Object.keys(e).reduce((l, n) => (l[n] = e[n], l), o), o;
+  const a = ve(t);
+  return Object.keys(e).reduce((l, n) => (l[n] = e[n], l), a), a;
 }
 function Qe(e, t) {
   return Object.keys(e).filter((l) => e[l] != null).reduce((l, n) => {
@@ -604,13 +604,13 @@ function Qe(e, t) {
     return l;
   }, {});
 }
-function Ye(e, t, o = /* @__PURE__ */ new Map()) {
+function Ye(e, t, a = /* @__PURE__ */ new Map()) {
   const l = Je(e, t);
-  return Qe(l, o);
+  return Qe(l, a);
 }
-function pe(e, t, o = /* @__PURE__ */ new Map()) {
+function pe(e, t, a = /* @__PURE__ */ new Map()) {
   return Ke[t.title] = t, (l) => {
-    const n = Ye(l, t, o), i = Object.keys(e).reduce((u, s) => (u[s] = e[s].default, u), {});
+    const n = Ye(l, t, a), i = Object.keys(e).reduce((u, r) => (u[r] = e[r].default, u), {});
     return Object.assign(i, n);
   };
 }
@@ -864,35 +864,40 @@ const st = {
   selectedValues: { type: String, default: "" },
   separator: { type: String, default: "," },
   textField: { type: String, default: "name" },
-  width: { type: Number, default: 300 },
+  width: { type: Number },
+  height: { type: Number },
   valueField: { type: String, default: "id" }
 }, ct = /* @__PURE__ */ z({
   name: "FComboListContainer",
   props: st,
   emits: ["selectionChange"],
   setup(e, t) {
-    const o = a(e.dataSource), l = a([]), n = a(e.separator), i = a(e.selectedValues.split(n.value));
+    const a = o(e.dataSource), l = o([]), n = o(e.separator), i = o(e.width), u = o(e.height), r = o(e.selectedValues.split(n.value));
     W(e.dataSource, () => {
-      o.value = e.dataSource;
+      a.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 h = I(() => e.enableSearch ? "SearchBar" : "ContentHeader"), f = I(() => {
+      const s = {};
+      return i.value !== void 0 && (s.width = `${i.value}px`), u.value !== void 0 && (s.height = `${u.value}px`), s;
+    });
+    function v(s) {
+      l.value = s.map((c) => Object.assign({}, c)), r.value = s.map((c) => c[e.idField]), t.emit("selectionChange", l.value);
     }
-    return () => f("div", {
-      class: "f-combo-list-container"
-    }, [f(fe, {
+    return () => d("div", {
+      class: "f-combo-list-container",
+      style: f.value
+    }, [d(fe, {
       size: "small",
       itemClass: "f-combo-list-item",
-      header: u.value,
+      header: h.value,
       headerClass: "f-combo-list-search-box",
-      data: o.value,
+      data: a.value,
       idField: e.idField,
       textField: e.textField,
       multiSelect: e.multiSelect,
       multiSelectMode: "OnCheckAndClick",
-      "selection-values": i.value,
-      onSelectionChange: s
+      "selection-values": r.value,
+      onSelectionChange: v
     }, null)]);
   }
 }), rt = /* @__PURE__ */ new Map([
@@ -1193,41 +1198,41 @@ const bt = {
   props: bt,
   emits: ["click"],
   setup(e, t) {
-    const o = a(e.popupContentPosition), l = a(e.host);
-    function n(s) {
-      t.emit("click"), s.preventDefault(), s.stopPropagation();
+    const a = o(e.popupContentPosition), l = o(e.host);
+    function n(r) {
+      t.emit("click"), r.preventDefault(), r.stopPropagation();
     }
-    const i = T(() => {
-      const s = l.value;
-      if (s) {
-        const m = s.getBoundingClientRect(), {
-          left: c,
+    const i = I(() => {
+      const r = l.value;
+      if (r) {
+        const h = r.getBoundingClientRect(), {
+          left: f,
           top: v,
-          height: r
-        } = m;
+          height: s
+        } = h;
         return {
-          left: c,
-          top: v + r
+          left: f,
+          top: v + s
         };
       }
-      return o.value;
-    }), u = T(() => ({
+      return a.value;
+    }), u = I(() => ({
       position: "relative",
       left: `${i.value.left}px`,
       top: `${i.value.top}px`
     }));
-    return () => f(se, {
+    return () => d(se, {
       to: "body"
     }, {
       default: () => {
-        var s, m;
-        return [f("div", {
+        var r, h;
+        return [d("div", {
           class: "overlay-container",
           style: "pointer-events: auto;",
-          onClick: (c) => n(c)
-        }, [f("div", {
+          onClick: (f) => n(f)
+        }, [d("div", {
           style: u.value
-        }, [(m = (s = t.slots).default) == null ? void 0 : m.call(s)])])];
+        }, [(h = (r = t.slots).default) == null ? void 0 : h.call(r)])])];
       }
     });
   }
@@ -1241,18 +1246,18 @@ function wt(e) {
 function St(e) {
   const t = document.createElement("div");
   t.style.display = "contents";
-  let o;
+  let a;
   const l = e.onClickCallback || (() => {
   }), n = () => {
-    l(), o && o.unmount();
+    l(), a && a.unmount();
   };
-  return o = Ve({
+  return a = Ve({
     setup() {
       ce(() => {
         document.body.removeChild(t);
       });
       const i = wt(e);
-      return () => f(Ct, {
+      return () => d(Ct, {
         "popup-content-position": e.popupPosition,
         host: e.host,
         onClick: n
@@ -1260,151 +1265,151 @@ function St(e) {
         default: () => [i && i()]
       });
     }
-  }), document.body.appendChild(t), o.mount(t), o;
+  }), document.body.appendChild(t), a.mount(t), a;
 }
 class Tt {
   static show(t) {
     return St(t);
   }
 }
-function Bt(e, t, o, l) {
-  const n = a(e.buttonBehavior), i = a(e.popupOnInput), u = T(() => ({
+function Bt(e, t, a, l) {
+  const n = o(e.buttonBehavior), i = o(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) {
-    if (s.value) {
-      const y = !!t.slots.default;
+  })), r = I(() => e.showButtonWhenDisabled || (!e.editable || !e.readonly) && !e.disable);
+  async function h(c) {
+    if (r.value) {
+      const p = !!t.slots.default;
       n.value === "Overlay" && Tt.show({
-        host: o.value,
+        host: a.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 });
+      }), p && n.value === "Popup" && l.togglePopup(), p && i.value && l.hidePopup(), t.emit("clickButton", { origin: c, value: e.modelValue });
     }
-    d.stopPropagation();
+    c.stopPropagation();
   }
-  function c(d) {
-    t.emit("mouseEnterIcon", d);
+  function f(c) {
+    t.emit("mouseEnterIcon", c);
   }
-  function v(d) {
-    t.emit("mouseLeaveIcon", d);
+  function v(c) {
+    t.emit("mouseLeaveIcon", c);
   }
-  function r() {
+  function s() {
     t.emit("mouseOverButton");
   }
   return {
     buttonClass: u,
-    onClickButton: m,
-    onMouseEnterButton: c,
+    onClickButton: h,
+    onMouseEnterButton: f,
     onMouseLeaveButton: v,
-    onMouseOverButton: r
+    onMouseOverButton: s
   };
 }
-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;
+function It(e, t, a, l, n, i) {
+  const u = o(!1), r = I(() => e.enableClear && !e.readonly && !e.disable), { changeTextBoxValue: h } = i;
+  function f(p) {
+    u.value = p;
   }
   W(n, () => {
-    l.value ? c(!!n.value) : c(!1);
+    l.value ? f(!!n.value) : f(!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(y) {
-    if (s.value) {
-      if (!o.value) {
-        c(!1);
+  function v(p) {
+    const g = !e.readonly && !e.disable && e.editable, y = !e.editable;
+    p.stopPropagation(), (g || y) && (h("", !1), f(!u.value), t.emit("clear"));
+  }
+  function s(p) {
+    if (r.value) {
+      if (!a.value) {
+        f(!1);
         return;
       }
-      (!e.editable || !e.readonly) && !e.disable && c(!0);
+      (!e.editable || !e.readonly) && !e.disable && f(!0);
     }
   }
-  function d(y) {
-    s.value && c(!1);
+  function c(p) {
+    r.value && f(!1);
   }
   return {
-    enableClearButton: s,
+    enableClearButton: r,
     showClearButton: u,
     onClearValue: v,
-    onMouseEnterTextBox: r,
-    onMouseLeaveTextBox: d
+    onMouseEnterTextBox: s,
+    onMouseLeaveTextBox: c
   };
 }
-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(() => ({
+function kt(e, t, a, l, n) {
+  const i = o(e.popupOnInput), u = o(e.popupOnFocus), { shouldPopupContent: r } = n, h = I(() => e.enableTitle ? a.value : ""), f = I(() => (e.disable || e.readonly) && !e.forcePlaceholder ? "" : e.placeholder), v = I(() => e.readonly || !e.editable);
+  let s = !1;
+  const c = I(() => !e.disable && s), p = 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(() => ({
+  })), g = 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": c.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) {
+    a.value !== C && (a.value = C, j && t.emit("change", C), t.emit("update:modelValue", C));
   }
-  function C(b) {
-    s.value = !1, p(b, !0);
+  function w(C) {
+    r.value = !1, y(C, !0);
   }
   W(
     () => e.modelValue,
-    (b) => {
-      o.value = b, t.emit("change", b);
+    (C) => {
+      a.value = C, t.emit("change", C);
     }
   );
-  function B(b) {
-    r = !1, t.emit("blur", b), b.stopPropagation();
+  function B(C) {
+    s = !1, t.emit("blur", C), C.stopPropagation();
   }
-  function k(b) {
-    t.emit("click", b);
+  function S(C) {
+    t.emit("click", C);
   }
-  function S(b) {
+  function b(C) {
     if (e.disable) {
-      r = !0;
+      s = !0;
       return;
     }
-    r = !0, v.value || (t.emit("focus", b), u.value && !s.value && n.popup());
+    s = !0, v.value || (t.emit("focus", C), u.value && !r.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 x(C) {
+    t.emit("input", C.target.value);
+    const j = C.target.value;
+    l.value = j, a.value !== j && y(j, !1), i.value && !r.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,
+    hasFocusedTextBox: c,
     isTextBoxReadonly: v,
-    textBoxClass: y,
-    textBoxPlaceholder: c,
-    textBoxTitle: m,
-    inputGroupClass: h,
-    changeTextBoxValue: p,
-    commitValue: C,
+    textBoxClass: p,
+    textBoxPlaceholder: f,
+    textBoxTitle: h,
+    inputGroupClass: g,
+    changeTextBoxValue: y,
+    commitValue: w,
     onBlurTextBox: B,
-    onClickTextBox: k,
-    onFocusTextBox: S,
+    onClickTextBox: S,
+    onFocusTextBox: b,
     onInput: x,
     onKeyDownTextBox: F,
     onKeyUpTextBox: E,
@@ -1412,39 +1417,39 @@ function kt(e, t, o, l, n) {
     onTextBoxValueChange: L
   };
 }
-function xt(e, t, o) {
-  const l = a(), n = a(!1);
+function xt(e, t, a) {
+  const l = o(), n = o(!1);
   function i() {
-    const c = l.value;
-    c && c.show(o.value);
+    const f = l.value;
+    f && f.show(a.value);
   }
   async function u() {
     !!t.slots.default && (n.value = !n.value, await K(), i());
   }
-  async function s() {
+  async function r() {
     !!t.slots.default && (n.value = !0, await K(), i());
   }
-  function m() {
+  function h() {
     n.value = !1;
   }
-  return { hidePopup: m, popup: s, shouldPopupContent: n, togglePopup: u, popoverRef: l };
+  return { hidePopup: h, popup: r, shouldPopupContent: n, togglePopup: u, popoverRef: l };
 }
-function Ft(e, t, o) {
+function Ft(e, t, a) {
   const {
     isTextBoxReadonly: l,
     textBoxClass: n,
     textBoxPlaceholder: i,
     textBoxTitle: u,
-    onBlurTextBox: s,
-    onClickTextBox: m,
-    onFocusTextBox: c,
+    onBlurTextBox: r,
+    onClickTextBox: h,
+    onFocusTextBox: f,
     onInput: v,
-    onKeyDownTextBox: r,
-    onKeyUpTextBox: d,
-    onMouseDownTextBox: y,
-    onTextBoxValueChange: h
-  } = o;
-  return () => f("input", {
+    onKeyDownTextBox: s,
+    onKeyUpTextBox: c,
+    onMouseDownTextBox: p,
+    onTextBoxValueChange: g
+  } = a;
+  return () => d("input", {
     name: "input-group-value",
     autocomplete: e.autoComplete ? "on" : "off",
     class: n.value,
@@ -1457,14 +1462,14 @@ function Ft(e, t, o) {
     title: u.value,
     type: e.inputType,
     value: t.value,
-    onBlur: s,
-    onChange: h,
-    onClick: m,
-    onFocus: c,
+    onBlur: r,
+    onChange: g,
+    onClick: h,
+    onFocus: f,
     onInput: v,
-    onKeydown: r,
-    onKeyup: d,
-    onMousedown: y
+    onKeydown: s,
+    onKeyup: c,
+    onMousedown: p
   }, null);
 }
 const Ot = {
@@ -1485,30 +1490,30 @@ const Ot = {
   wrapText: { Type: Boolean, default: !1 },
   draggable: { Type: Boolean, default: !1 }
 };
-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 Pt(e, t, a, l) {
+  const n = o(-1), i = o(!1);
+  function u(v, s, c) {
+    v.stopPropagation(), s && setTimeout(() => {
+      n.value = c, i.value = !0, s.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 r(v, s) {
+    if (v.preventDefault(), n.value !== s) {
+      const c = l.value[n.value], p = l.value;
+      p.splice(n.value, 1), p.splice(s, 0, c), n.value = s;
     }
   }
-  function m(v, r) {
+  function h(v, s) {
     v.preventDefault(), v.dataTransfer && (v.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 f(v, s) {
+    s && (s.moving = !1), a.value = l.value.filter((c) => c.type === "Tag").map((c) => c.payload), i.value = !1, t.emit("change", a.value);
   }
   return {
     dragstart: u,
-    dragenter: s,
-    dragover: m,
-    dragend: c,
+    dragenter: r,
+    dragover: h,
+    dragend: f,
     isDragging: i
   };
 }
@@ -1517,136 +1522,136 @@ 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);
-    a(e.placeholder), a(""), a();
-    const p = a(), C = a(e.wrapText), B = a();
-    function k() {
-      const g = n.value.map((w) => ({
+    const a = o(e.selectable), l = o(e.customClass), n = o(e.data), i = o(e.tagType), u = o(e.tagStyle), r = o(e.showColor), h = o(e.activeTag), f = o(e.customStyle), v = o(e.showClose), s = o(e.showAddButton), c = o(e.showInput), p = o(e.addButtonText), g = o(e.enableAddButton);
+    o(e.placeholder), o(""), o();
+    const y = o(), w = o(e.wrapText), B = o();
+    function S() {
+      const m = n.value.map((T) => ({
         type: "Tag",
-        payload: w
+        payload: T
       }));
-      return r.value && g.push({
+      return s.value && m.push({
         type: "AddButton"
-      }), g;
+      }), m;
     }
-    const S = a(k());
-    function x(g) {
-      n.value = g, S.value = k();
+    const b = o(S());
+    function x(m) {
+      n.value = m, b.value = S();
     }
-    const O = T(() => S.value.findIndex((g) => g.type === "Input")), F = Pt(e, t, n, S), {
+    const O = I(() => b.value.findIndex((m) => m.type === "Input")), F = Pt(e, t, n, b), {
       dragstart: E,
       dragenter: L,
-      dragover: b,
+      dragover: C,
       dragend: j
     } = F;
-    W(() => e.data, (g) => x(g));
-    const M = T(() => {
-      const g = {
+    W(() => e.data, (m) => x(m));
+    const M = I(() => {
+      const m = {
         "farris-tags": !0,
-        "farris-tags-checkable": o.value,
-        "farris-tags-nowrap": !C.value
+        "farris-tags-checkable": a.value,
+        "farris-tags-nowrap": !w.value
       };
-      return l.value.split(" ").reduce((w, I) => (w[I] = !0, w), g), g;
+      return l.value.split(" ").reduce((T, k) => (T[k] = !0, T), m), m;
     });
-    function D(g) {
-      const w = {
+    function D(m) {
+      const T = {
         "farris-tag-item": !0,
-        "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-checked": a.value && m.checked,
+        "farris-tag-item-checkable": a.value,
+        "farris-tag-item-has-color": r.value,
+        "farris-tag-item-actived": h.value === m.name
       };
       if (i.value) {
-        const I = `farris-tag-item-${i.value}`;
-        w[I] = !0;
+        const k = `farris-tag-item-${i.value}`;
+        T[k] = !0;
       }
-      return w;
+      return T;
     }
-    const X = T(() => {
-      const g = {};
-      return c.value && c.value.split(";").reduce((w, I) => {
-        const H = I.split(":");
-        return w[H[0]] = H[1], w;
-      }, g), g;
+    const X = I(() => {
+      const m = {};
+      return f.value && f.value.split(";").reduce((T, k) => {
+        const H = k.split(":");
+        return T[H[0]] = H[1], T;
+      }, m), m;
     });
-    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;
-      }), t.emit("change", n.value), t.emit("selectionChange", w));
+    function R(m, T) {
+      a.value && T.selectable && (T.checked = !T.checked, h.value = T.checked ? T.name : "", T.checked && n.value.filter((k) => k.name !== T.name).forEach((k) => {
+        k.checked = !T.checked;
+      }), t.emit("change", n.value), t.emit("selectionChange", T));
     }
-    function V(g, w) {
-      let I;
-      switch (g.key) {
+    function V(m, T) {
+      let k;
+      switch (m.key) {
         case "Backspace":
-          n.value = n.value.filter((H) => H.name !== w.name), t.emit("change", n.value);
+          n.value = n.value.filter((H) => H.name !== T.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);
+    function P(m, T) {
+      const k = n.value.findIndex((H) => H.name === T.name);
+      if (k > -1) {
+        const [H] = n.value.splice(k, 1);
+        b.value = S(), t.emit("change", n.value), t.emit("remove", n.value, H, k);
       }
-      g.stopPropagation();
+      m.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": !g.value
     }));
-    function $(g) {
+    function $(m) {
     }
     function _() {
-      return f("li", {
+      return d("li", {
         class: A.value,
-        onClick: (g) => void 0
-      }, [f("span", {
+        onClick: (m) => void 0
+      }, [d("span", {
         class: "f-icon f-icon-amplification"
-      }, null), f("span", {
+      }, null), d("span", {
         class: "farris-tag-add-text"
-      }, [y.value])]);
+      }, [p.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);
+    function N(m) {
+      if (m && !m.innerText) {
+        const T = O.value;
+        if (T > 0) {
+          const [k] = n.value.splice(T - 1, 1);
+          b.value.splice(T - 1, 1), t.emit("remove", n.value, k, T - 1);
         }
       }
     }
-    function U(g, w, I) {
-      g > -1 && (n.value.splice(g, 0, {
-        name: w,
-        value: I,
-        selectable: o.value
-      }), S.value = k(), t.emit("change", n.value));
+    function U(m, T, k) {
+      m > -1 && (n.value.splice(m, 0, {
+        name: T,
+        value: k,
+        selectable: a.value
+      }), b.value = S(), 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 = "";
+    function J(m) {
+      if (m && m.innerText) {
+        const T = m.innerText, k = O.value;
+        U(k, T, T), m.innerText = "";
       }
     }
-    function Y(g) {
-      const w = g.target;
-      w && (w.innerText ? J(w) : t.emit("change", n.value));
+    function Y(m) {
+      const T = m.target;
+      T && (T.innerText ? J(T) : t.emit("change", n.value));
     }
-    function ye(g) {
-      g.key === "Enter" && J(g.target), g.key === "Backspace" && (N(g.target), K(() => {
+    function ye(m) {
+      m.key === "Enter" && J(m.target), m.key === "Backspace" && (N(m.target), K(() => {
         B.value && B.value.focus();
       }));
     }
     function be() {
-      return f("li", {
+      return d("li", {
         class: "farris-tag-input-box"
-      }, [f("div", {
+      }, [d("div", {
         ref: B,
         class: "form-control",
         contenteditable: "true",
@@ -1654,35 +1659,35 @@ const Vt = /* @__PURE__ */ z({
         onBlur: Y
       }, null)]);
     }
-    function Ce(g, w) {
-      return f("li", {
-        class: D(g),
+    function Ce(m, T) {
+      return d("li", {
+        class: D(m),
         style: X.value,
         tabindex: 0,
-        id: g.name,
-        key: g.name,
-        onClick: (I) => R(I, g),
-        onKeydown: (I) => V(I, g),
+        id: m.name,
+        key: m.name,
+        onClick: (k) => R(k, m),
+        onKeydown: (k) => V(k, m),
         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", {
-        title: g.name,
+        onDragstart: (k) => E(k, m, T),
+        onDragenter: (k) => L(k, T),
+        onDragend: (k) => j(k, m),
+        onDragover: (k) => C(k, T)
+      }, [d("div", {
+        title: m.name,
         class: "tag-box"
-      }, [g.name]), v.value && f("span", {
+      }, [m.name]), v.value && d("span", {
         class: "tag-delete"
-      }, [f("i", {
+      }, [d("i", {
         class: "f-icon f-icon-close",
-        onClick: (I) => P(I, g)
+        onClick: (k) => P(k, m)
       }, null)])]);
     }
     function we() {
-      return S.value.map((g, w) => {
-        switch (g.type) {
+      return b.value.map((m, T) => {
+        switch (m.type) {
           case "Tag":
-            return Ce(g.payload, w);
+            return Ce(m.payload, T);
           case "AddButton":
             return _();
           case "Input":
@@ -1690,71 +1695,71 @@ 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;
+    function Te(m) {
+      const T = Math.max(y.value.scrollLeft - m.deltaX, 0);
+      y.value.scrollLeft = T;
     }
-    function Be(g) {
-      const w = p.value, I = n.value.length - 1;
-      if (w) {
-        const H = Array.from(w.children).filter((q) => q.className.indexOf("farris-tag-item") > -1).findIndex((q) => {
+    function Be(m) {
+      const T = y.value, k = n.value.length - 1;
+      if (T) {
+        const H = Array.from(T.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);
-          return G.left + oe > g;
+          return G.left + oe > m;
         });
         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, {
+    function Ie(m) {
+      if (c.value) {
+        const k = Be(m.clientX) + 1, q = b.value.filter((G) => G.type !== "Input");
+        q.splice(k, 0, {
           type: "Input"
-        }), S.value = q, K(() => {
+        }), b.value = q, K(() => {
           B.value && B.value.focus();
         });
       }
     }
-    function ke(g) {
-      var I;
-      g.preventDefault(), g.stopPropagation();
-      const w = (I = g.dataTransfer) == null ? void 0 : I.getData("Text");
-      if (w) {
-        const H = w.split(":"), q = H[0], G = H[1];
+    function ke(m) {
+      var k;
+      m.preventDefault(), m.stopPropagation();
+      const T = (k = m.dataTransfer) == null ? void 0 : k.getData("Text");
+      if (T) {
+        const H = T.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);
       }
     }
-    function xe(g) {
-      g.preventDefault();
+    function xe(m) {
+      m.preventDefault();
     }
-    return () => f("div", {
+    return () => d("div", {
       class: M.value,
       onClick: Ie,
       onDrop: ke,
       onDragover: xe
-    }, [f("ul", {
-      ref: p,
+    }, [d("ul", {
+      ref: y,
       class: Se.value,
-      onWheel: (g) => Te(g)
+      onWheel: (m) => Te(m)
     }, [we()])]);
   }
 });
-function Mt(e, t, o) {
-  const l = a(e.separator), {
+function Mt(e, t, a) {
+  const l = o(e.separator), {
     changeTextBoxValue: n
-  } = o, i = T(() => t.value ? t.value.split(l.value).map((s) => ({
-    name: s,
+  } = a, i = I(() => t.value ? t.value.split(l.value).map((r) => ({
+    name: r,
     selectable: !0
   })) : []);
-  function u(s) {
-    n(s.map((m) => m.name).join(l.value), !0);
+  function u(r) {
+    n(r.map((h) => h.name).join(l.value), !0);
   }
-  return () => f(Vt, {
+  return () => d(Vt, {
     class: "form-control",
     data: i.value,
     showClose: !0,
@@ -1762,25 +1767,25 @@ function Mt(e, t, o) {
     onChange: u
   }, null);
 }
-function Lt(e, t, o) {
+function Lt(e, t, a) {
   const {
     buttonClass: l,
     onClickButton: n,
     onMouseEnterButton: i,
     onMouseLeaveButton: u
   } = t, {
-    enableClearButton: s,
-    showClearButton: m,
-    onClearValue: c
-  } = o;
-  return () => f("div", {
+    enableClearButton: r,
+    showClearButton: h,
+    onClearValue: f
+  } = a;
+  return () => d("div", {
     class: l.value
-  }, [s.value && Q(f("span", {
+  }, [r.value && Q(d("span", {
     class: "input-group-text input-group-clear",
-    onClick: c
-  }, [f("i", {
+    onClick: f
+  }, [d("i", {
     class: "f-icon modal_close"
-  }, null)]), [[re, m.value]]), e.buttonContent && f("span", {
+  }, null)]), [[re, h.value]]), e.buttonContent && d("span", {
     class: "input-group-text input-group-append-button",
     innerHTML: e.buttonContent,
     onClick: n,
@@ -1805,30 +1810,30 @@ const Rt = {
   },
   visible: { type: Boolean, default: !1 },
   class: { type: String },
-  offsetX: { type: Object, default: a(0) },
+  offsetX: { type: Object, default: o(0) },
   zIndex: { type: Number, default: -1 },
   keepWidthWithReference: { type: Boolean, default: !1 },
   fitContent: { type: Boolean, default: !1 },
   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);
-  return { host: t, hostLeft: l, hostTop: o, hostWidth: n };
+  const t = e.host ? e.host : "body", a = 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: a, hostWidth: n };
 }
-function Dt(e, t, o, l) {
+function Dt(e, t, a, 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 = o(0), i = o(((R = e.offsetX) == null ? void 0 : R.value) || 0), u = o(-1), r = o(-1), h = o(-1), f = o(e.placement), v = o(0), s = o(0), c = o(0), p = o(document.documentElement.scrollLeft), g = o(document.documentElement.scrollTop), { hostLeft: y, hostTop: w, hostWidth: B } = l;
   W(e.offsetX, (V) => {
     n.value = V - i.value;
   });
-  const k = T(() => {
+  const S = I(() => {
     const V = {
-      left: `${r.value}px`,
-      top: `${d.value}px`,
+      left: `${s.value}px`,
+      top: `${c.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(() => ({
+  }), b = I(() => ({
     left: `${v.value}px`
   }));
   function x(V) {
@@ -1842,150 +1847,150 @@ 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 $ = v.value, _ = P.left - y.value + P.width / 2 + p.value, N = P.top - w.value - (V.height + A.height) + g.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 - w.value + (P.height + A.height) + g.value;
   }
   function L(V, P) {
     const A = O(P, V), $ = V <= A ? v.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)) + p.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 + p.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;
-    const A = t.value.getBoundingClientRect(), $ = (N = o.value) == null ? void 0 : N.getBoundingClientRect(), _ = M.get(c.value);
+    r.value = P.top, h.value = P.left;
+    const A = t.value.getBoundingClientRect(), $ = (N = a.value) == null ? void 0 : N.getBoundingClientRect(), _ = M.get(f.value);
     if (_) {
       const { arrowLeft: U, popoverLeft: J, popoverTop: Y } = _($, P, A);
-      v.value = U, r.value = J, d.value = Y;
+      v.value = U, s.value = J, c.value = Y;
     }
     e.keepWidthWithReference && x(V);
   }
   function X(V) {
     if (V) {
       const P = V.getBoundingClientRect();
-      (P.left !== m.value || P.top !== s.value) && D(V);
+      (P.left !== h.value || P.top !== r.value) && D(V);
     }
   }
   return {
-    arrowStyle: S,
-    popoverStyle: k,
-    position: c,
+    arrowStyle: b,
+    popoverStyle: S,
+    position: f,
     popoverWidth: u,
     fitToReference: x,
     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();
+function At(e, t, a, l, n, i, u) {
+  const r = o(e.visible), h = I(() => r.value), { fitToReference: f, locateToReference: v } = u;
+  let s;
+  function c() {
+    r.value = !1, document.body.removeEventListener("click", s), t.emit("hidden");
+  }
+  s = (g) => {
+    if (!n.value.contains(g.target)) {
+      const y = n.value.closest(".popover");
+      y && y.removeEventListener("click", s), c();
     }
   };
-  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 p(g) {
+    if (l.value && a.value && g) {
+      r.value = !0, n.value = g, await K(), v(g), i.value && f(g), document.body.addEventListener("click", s);
+      const y = g.closest(".popover");
+      y && y.addEventListener("click", s), t.emit("shown");
     }
   }
-  return t.expose({ hide: d, show: y, shown: m }), { showPopover: s, hidePopverOnClickBodyHandler: r };
+  return t.expose({ hide: c, show: p, shown: h }), { showPopover: r, hidePopverOnClickBodyHandler: s };
 }
-function Et(e, t, o, l, n) {
-  const { popoverWidth: i, fitToReference: u, followToReferencePosition: s } = n;
-  function m() {
-    if (o.value) {
-      s(o.value);
-      const c = o.value.getBoundingClientRect();
-      l.value && c.width !== i.value && u(o.value);
+function Et(e, t, a, l, n) {
+  const { popoverWidth: i, fitToReference: u, followToReferencePosition: r } = n;
+  function h() {
+    if (a.value) {
+      r(a.value);
+      const f = a.value.getBoundingClientRect();
+      l.value && f.width !== i.value && u(a.value);
     }
   }
-  return { onResize: m };
+  return { onResize: h };
 }
 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
-    } = s, c = Dt(e, o, l, s), {
+    const a = o(), l = o(), n = o(e.reference), i = o(e.keepWidthWithReference), u = I(() => !!e.title), r = jt(e), {
+      host: h
+    } = r, f = Dt(e, a, l, r), {
       position: v,
-      arrowStyle: r,
-      popoverStyle: d,
-      fitToReference: y,
-      locateToReference: h
-    } = c, {
-      showPopover: p,
-      hidePopverOnClickBodyHandler: C
-    } = At(e, t, o, l, n, i, c), {
+      arrowStyle: s,
+      popoverStyle: c,
+      fitToReference: p,
+      locateToReference: g
+    } = f, {
+      showPopover: y,
+      hidePopverOnClickBodyHandler: w
+    } = At(e, t, a, l, n, i, f), {
       onResize: B
-    } = Et(e, t, n, i, c), k = T(() => {
+    } = Et(e, t, n, i, f), S = I(() => {
       const x = `popover in popover-${v.value}`, O = `bs-popover-${v.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[x] = !0, F[O] = !0, (e.class || "").split(" ").reduce((L, C) => (L[C] = !0, L), F), F;
+    }), b = 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 && g(n.value), i.value && p(n.value), window.addEventListener("resize", B);
     }), ce(() => {
-      document.body.removeEventListener("click", C), window.removeEventListener("resize", B);
-    }), () => f(se, {
-      to: m
+      document.body.removeEventListener("click", w), window.removeEventListener("resize", B);
+    }), () => d(se, {
+      to: h
     }, {
       default: () => {
         var x;
-        return [Q(f("div", {
+        return [Q(d("div", {
           ref: l,
-          class: k.value,
-          style: d.value,
+          class: S.value,
+          style: c.value,
           onClick: (O) => {
             O.stopPropagation();
           }
-        }, [f("div", {
-          ref: o,
+        }, [d("div", {
+          ref: a,
           class: "popover-arrow arrow",
-          style: r.value
-        }, null), u.value && f("h3", {
+          style: s.value
+        }, null), u.value && d("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]), d("div", {
+          class: b.value
+        }, [t.slots.default && ((x = t.slots) == null ? void 0 : x.default())])]), [[re, y.value]])];
       }
     });
   }
 });
-function Wt(e, t, o) {
-  const l = a(e.popupMinWidth), {
+function Wt(e, t, a) {
+  const l = o(e.popupMinWidth), {
     hidePopup: n,
     popoverRef: i
-  } = o;
-  return () => f(Ht, {
+  } = a;
+  return () => d(Ht, {
     ref: i,
     visible: !0,
     placement: "bottom-left",
@@ -1998,8 +2003,8 @@ function Wt(e, t, o) {
     onHidden: n
   }, {
     default: () => {
-      var u, s;
-      return [(s = (u = t.slots).default) == null ? void 0 : s.call(u)];
+      var u, r;
+      return [(r = (u = t.slots).default) == null ? void 0 : r.call(u)];
     }
   });
 }
@@ -2008,154 +2013,157 @@ const _t = /* @__PURE__ */ z({
   props: he,
   emits: ["updateExtendInfo", "clear", "change", "click", "clickButton", "blur", "focus", "mouseEnterIcon", "mouseLeaveIcon", "keyup", "keydown", "inputClick", "input", "update:modelValue"],
   setup(e, t) {
-    const o = a(), l = a(e.customClass), n = a(e.modelValue), i = xt(e, t, o), {
+    const a = o(), l = o(e.customClass), n = o(e.modelValue), i = xt(e, t, a), {
       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(() => {
+      hidePopup: r
+    } = i, h = Bt(e, t, a, i), f = o(""), v = kt(e, t, n, f, i), {
+      hasFocusedTextBox: s,
+      commitValue: c,
+      inputGroupClass: p
+    } = v, g = It(e, t, n, s, f, v), {
+      onMouseEnterTextBox: y,
+      onMouseLeaveTextBox: w
+    } = g, 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() {
+    function S() {
       return e.multiSelect && e.inputType === "tag" ? Mt(e, n, v) : Ft(e, n, v);
     }
-    let S = k();
+    let b = S();
     W([() => e.multiSelect, () => e.inputType], () => {
-      S = k();
+      b = S();
     });
-    const x = Lt(e, m, h), O = Wt(e, t, i), F = {
-      commitValue: d,
-      elementRef: o,
-      hidePopup: s
+    const x = Lt(e, h, g), O = Wt(e, t, i), F = {
+      commitValue: c,
+      elementRef: a,
+      hidePopup: r
     };
     return de(() => {
-      o.value.componentInstance = F;
-    }), t.expose(F), () => f(te, null, [f("div", Me(t.attrs, {
-      ref: o,
+      a.value.componentInstance = F;
+    }), t.expose(F), () => d(te, null, [d("div", Me(t.attrs, {
+      ref: a,
       class: B.value,
       id: e.id
-    }), [f("div", {
-      class: y.value,
-      onMouseenter: p,
-      onMouseleave: C
-    }, [S(), x()])]), u.value && O()]);
+    }), [d("div", {
+      class: p.value,
+      onMouseenter: y,
+      onMouseleave: w
+    }, [b(), x()])]), 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]));
-  }
-  function u(c) {
-    const v = i(c).map((r) => r[e.textField]).join(e.separator);
-    t.value = n.value ? v || c : v;
-  }
-  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 t = o(""), a = o(e.modelValue), l = o(e.data || []), n = o(e.editable);
+  function i(s) {
+    const c = s.split(e.separator).map((g) => [g, !0]), p = new Map(c);
+    return l.value.filter((g) => p.has(g[e.valueField]));
+  }
+  function u(s) {
+    const c = i(s).map((p) => p[e.textField]).join(e.separator);
+    t.value = n.value ? c || s : c;
+  }
+  function r(s) {
+    const c = s.split(e.separator).map((g) => [g, !0]), p = new Map(c);
+    return l.value.filter((g) => p.has(g[e.textField]));
+  }
+  function h(s) {
+    const c = {};
+    return c[e.idField] = s, c[e.textField] = s, [c];
+  }
+  function f(s) {
+    let c = r(s);
+    const p = c && c.length > 0;
+    return n.value && !p && (c = h(s)), c;
+  }
+  function v() {
+    const { url: s, method: c = "GET", headers: p = {}, body: g = null } = e.remote;
+    fetch(s, { method: c, headers: p, body: g }).then((w) => {
+      if (w.status === 200)
+        return w.json();
+      throw new Error(w.statusText);
+    }).then((w) => {
+      l.value = w;
+    }).catch((w) => {
+      console.error(w);
     });
   }
-  return e.remote && m(), W(() => e.data, () => {
+  return e.remote && v(), W(() => e.data, () => {
     l.value = e.data;
-  }), W([l], ([c]) => {
+  }), W([l], ([s]) => {
     if (e.modelValue) {
-      const v = c.find((r) => r[e.valueField] === e.modelValue);
-      v && (t.value = v[e.textField]);
+      const c = s.find((p) => p[e.valueField] === e.modelValue);
+      c && (t.value = c[e.textField]);
     }
-  }), W(() => e.modelValue, (c) => {
-    o.value = c, u(c);
-  }), u(e.modelValue), { dataSource: l, displayText: t, editable: n, modelValue: o, getItemsByDisplayText: s, getItemsByValue: i };
+  }), W(() => e.modelValue, (s) => {
+    a.value = s, u(s);
+  }), u(e.modelValue), { dataSource: l, displayText: t, editable: n, modelValue: a, getItemsByDisplayText: r, getItemsByValue: i, getSelectedItemsByDisplayText: f };
 }
 const ue = /* @__PURE__ */ z({
   name: "FComboList",
   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 a = o(), l = o(e.disabled), n = o(e.enableClear), i = o(e.enableSearch), u = o(e.readonly), {
+      dataSource: r,
+      displayText: h,
+      editable: f,
+      modelValue: v,
+      getSelectedItemsByDisplayText: s
+    } = $t(e), c = I(() => e.multiSelect);
+    function p() {
+      !c.value && a.value && a.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 g(S) {
+      h.value = S.map((b) => b[e.textField]).join(e.separator), v.value = S.map((b) => b[e.valueField]).join(e.separator), t.emit("update:modelValue", v.value), t.emit("change", S), p();
     }
-    function r(p) {
-      u.value = "", t.emit("update:modelValue", ""), t.emit("clear");
+    function y(S) {
+      v.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 w(S) {
+      const b = s(S);
+      g(b);
     }
-    function y(p) {
-      if (i.value) {
-        d(p);
-        return;
-      }
-      const C = s(p);
-      v(C);
-    }
-    function h() {
-      return n.value;
+    function B() {
+      return h.value;
     }
     return t.expose({
-      getDisplayText: h
-    }), () => f(_t, {
-      ref: o,
+      getDisplayText: B
+    }), W([() => e.disabled, () => e.editable, () => e.enableClear, () => e.enableSearch, () => e.readonly], ([S, b, x, O, F]) => {
+      l.value = S, f.value = b, n.value = x, i.value = O, u.value = F;
+    }), () => d(_t, {
+      ref: a,
       id: e.id,
-      disable: e.disabled,
-      readonly: e.readonly,
+      disable: l.value,
+      readonly: u.value,
       forcePlaceholder: e.forcePlaceholder,
-      editable: i.value,
+      editable: f.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: h.value,
+      "onUpdate:modelValue": (S) => h.value = S,
+      onClear: y,
+      onChange: w
     }, {
-      default: () => [f(ct, {
+      default: () => [d(ct, {
         idField: e.idField,
         valueField: e.valueField,
         textField: e.textField,
-        dataSource: l.value,
-        selectedValues: u.value,
+        dataSource: r.value,
+        selectedValues: v.value,
         multiSelect: e.multiSelect,
-        enableSearch: e.enableSearch,
-        onSelectionChange: v
+        enableSearch: i.value,
+        height: e.maxHeight,
+        onSelectionChange: g
       }, null)]
     });
   }
@@ -2165,98 +2173,98 @@ const ie = /* @__PURE__ */ z({
   props: Le,
   emits: ["change"],
   setup(e, t) {
-    const o = a(e.items), l = a("排序列"), n = a("排序方式"), i = a("添加排序列"), u = [{
+    const a = o(e.items), l = o("排序列"), n = o("排序方式"), i = o("添加排序列"), u = [{
       id: "asc",
       name: "升序"
     }, {
       id: "desc",
       name: "降序"
-    }], s = a(/* @__PURE__ */ new Map());
-    function m() {
-      const C = o.value.map((B) => [B.id, !0]);
-      s.value = new Map(C);
+    }], r = o(/* @__PURE__ */ new Map());
+    function h() {
+      const w = a.value.map((B) => [B.id, !0]);
+      r.value = new Map(w);
     }
-    m();
-    const c = T(() => e.dataSource.map((C) => (C.disabled = s.value.has(C.id), C))), v = T(() => ({
+    h();
+    const f = I(() => e.dataSource.map((w) => (w.disabled = r.value.has(w.id), w))), v = I(() => ({
       "f-order": !0
     }));
-    function r(C) {
-      o.value = o.value.filter((B) => B.id !== C.id), m(), t.emit("change", o.value);
+    function s(w) {
+      a.value = a.value.filter((B) => B.id !== w.id), h(), t.emit("change", a.value);
     }
-    function d() {
-      o.value = [...o.value, {
+    function c() {
+      a.value = [...a.value, {
         id: Date.now().toString(),
         name: "",
         order: "asc"
-      }], m(), t.emit("change", o.value);
+      }], h(), t.emit("change", a.value);
     }
-    function y(C) {
-      m(), t.emit("change", o.value);
+    function p(w) {
+      h(), t.emit("change", a.value);
     }
-    function h(C) {
-      if (C && C.length) {
+    function g(w) {
+      if (w && w.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);
+        w.reduce((S, b) => (S.set(b.id, b), S), B), a.value = w.map((S) => B.get(S.id)), t.emit("change", a.value);
       }
     }
-    function p() {
-      return f(fe, {
+    function y() {
+      return d(fe, {
         style: "flex:1",
-        data: o.value,
+        data: a.value,
         draggable: !0,
         view: "DraggableView",
         "keep-order": !0,
         itemClass: "f-order-item",
-        onRemoveItem: r,
-        onChange: h
+        onRemoveItem: s,
+        onChange: g
       }, {
-        header: () => f("div", {
+        header: () => d("div", {
           class: "f-order-header"
-        }, [f("span", {
+        }, [d("span", {
           class: "f-order-header-order-field"
-        }, [l.value]), f("span", {
+        }, [l.value]), d("span", {
           class: "f-order-header-order-type"
         }, [n.value])]),
-        itemContent: (C) => f("div", {
+        itemContent: (w) => d("div", {
           class: "f-order-item-content"
-        }, [f(ue, {
+        }, [d(ue, {
           class: "f-order-item-content-order-field",
-          data: c.value,
+          data: f.value,
           valueField: "id",
           textField: "name",
           idField: "id",
-          modelValue: C.id,
-          "onUpdate:modelValue": (B) => C.id = B,
-          onChange: y,
-          onClear: y
-        }, null), f(ue, {
+          modelValue: w.id,
+          "onUpdate:modelValue": (B) => w.id = B,
+          onChange: p,
+          onClear: p
+        }, null), d(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: w.order,
+          "onUpdate:modelValue": (B) => w.order = B,
+          onChange: p
         }, null)]),
-        footer: () => f("div", {
+        footer: () => d("div", {
           class: "f-order-footer"
-        }, [f(Ue, {
+        }, [d(Ue, {
           type: "link",
           class: "f-order-add-button",
-          onClick: d
+          onClick: c
         }, {
-          default: () => f(te, null, [f("span", {
+          default: () => d(te, null, [d("span", {
             class: "f-order-add-icon"
-          }, [f("i", {
+          }, [d("i", {
             class: "f-icon f-icon-add"
           }, null)]), i.value])
         })])
       });
     }
-    return () => f("div", {
+    return () => d("div", {
       class: v.value
-    }, [p()]);
+    }, [y()]);
   }
 }), zt = {
   install(e) {