@farris/ui-vue 1.0.1 → 1.0.2

package/order/index.esm.js

@@ -1,4 +1,4 @@
-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";
+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), p = a(e.itemClass), c = a(e.multiSelect), r = a(e.multiSelectMode);
-  a(!0);
-  const { isDragging: d } = o, { activeIndex: f, focusedItemId: b, hoverIndex: m } = l, { clearSelection: y, selectedItems: T, toggleSelectItem: B } = n;
-  function x(C, 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-list-view-draggable-item": r.value,
       "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,
+      "f-listview-active": C.__fv_index__ === c.value,
+      "f-listview-hover": !s.value && j === g.value,
       moving: !!C.moving
     };
-    return p.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 h(C, j) {
+  function b(C, j) {
     return C[i.value] || "";
   }
-  const S = I(() => !c.value);
+  const x = I(() => !f.value);
   function O(C, j) {
-    C.unClick || C[u.value] || (S.value && (b.value = C[i.value]), B(C, j));
+    C.unClick || C[u.value] || (x.value && (p.value = C[i.value]), B(C, j));
   }
-  const F = I(() => c.value && r.value === "OnCheckClearByClick"), E = I(() => !c.value || c.value && (r.value === "OnCheckAndClick" || r.value === "OnClick"));
+  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]) {
       C.preventDefault(), C.stopPropagation();
       return;
     }
-    b.value = j[i.value], f.value = M, F.value && y(), E.value && B(j, M), t.emit("clickItem", { data: T.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: h,
-    listViewItemClass: x,
+    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, (f) => {
-    u.value = a(i(f)).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 = I(() => !n.value);
-  function p(f) {
-    return f[l.value] || "";
+  const r = I(() => !n.value);
+  function h(c) {
+    return c[l.value] || "";
   }
-  function c(f) {
-    return u.value.findIndex((m) => p(m) === p(f));
+  function f(c) {
+    return u.value.findIndex((g) => h(g) === h(c));
   }
-  function r() {
-    u.value.forEach((f) => {
-      f.checked = !1;
+  function v() {
+    u.value.forEach((c) => {
+      c.checked = !1;
     }), 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);
+  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: r, findIndexInSelectedItems: c, selectedItems: u, toggleSelectItem: d };
+  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((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);
+    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;
-        b.push(y), m = y + u.length;
+        p.push(y), g = y + u.length;
       }
-      return b.map((y) => {
-        const T = new Range();
-        return T.setStart(d, y), T.setEnd(d, y + u.length), T;
+      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,138 +130,138 @@ 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;
-    }), () => v("div", {
+      a.value = u;
+    }), () => d("div", {
       class: "custom-control custom-checkbox  custom-control-inline listview-checkbox"
-    }, [Q(v("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]]), v("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 p = a(e.size), c = a(e.textField), r = a(e.multiSelect), d = a(e.disableField), {
-    onMouseenterItem: f,
-    onMouseoverItem: b,
-    onMouseoutItem: m
+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: y,
-    listViewItemClass: T,
+    listViewItemClass: w,
     onCheckItem: B,
-    onClickItem: x
-  } = i, h = I(() => ({
-    margin: p.value === "small" ? "0.25rem 0" : "10px 0"
+    onClickItem: S
+  } = i, b = I(() => ({
+    margin: h.value === "small" ? "0.25rem 0" : "10px 0"
   }));
-  function S(O, F, E) {
-    return O.checked = u.findIndexInSelectedItems(O) > -1, v("li", {
-      class: T(O, F),
+  function x(O, F, E) {
+    return O.checked = u.findIndexInSelectedItems(O) > -1, d("li", {
+      class: w(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", {
+      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()
-    }, [v(ne, {
+    }, [d(ne, {
       id: "list-" + y(O, F),
-      disabled: O[d.value] || O.unClick,
+      disabled: O[s.value] || O.unClick,
       checked: O.checked,
       onChange: (L) => B(O, F)
-    }, null)]), v("div", {
+    }, null)]), d("div", {
       class: "f-list-content"
-    }, [v("div", {
-      style: h.value
-    }, [O[c.value]])])]);
+    }, [d("div", {
+      style: b.value
+    }, [O[f.value]])])]);
   }
   return {
-    renderItem: S
+    renderItem: x
   };
 }
-function He(e, t, o, l, n, i, u, s) {
-  const p = a(e.multiSelect), c = a(e.disableField), {
-    onMouseenterItem: r,
-    onMouseoverItem: d,
-    onMouseoutItem: f
+function He(e, t, a, l, n, i, u, r) {
+  const h = o(e.multiSelect), f = o(e.disableField), {
+    onMouseenterItem: v,
+    onMouseoverItem: s,
+    onMouseoutItem: c
   } = n, {
-    getKey: b,
-    listViewItemClass: m,
+    getKey: p,
+    listViewItemClass: g,
     onCheckItem: y,
-    onClickItem: T
+    onClickItem: w
   } = i;
-  function B(h, S, O) {
-    return t.slots.content ? v(te, null, [t.slots.content && t.slots.content({
-      item: h,
-      index: 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
-    })]) : v("div", {
+    })]) : d("div", {
       style: "margin: 10px 0;"
-    }, [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", {
+    }, [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()
-    }, [v(ne, {
-      id: "list-" + b(h, S),
-      disabled: h[c.value] || h.unClick,
-      checked: h.checked,
-      onChange: (F) => y(h, S)
-    }, null)]), v("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(h, S, O)])]);
+    }, [B(b, x, O)])]);
   }
   return {
-    renderItem: x
+    renderItem: S
   };
 }
-function We(e, t, o, l, n, i, u, s) {
-  const p = a(e.multiSelect), c = a(e.disableField), {
-    onMouseenterItem: r,
-    onMouseoverItem: d,
-    onMouseoutItem: f
+function We(e, t, a, l, n, i, u, r) {
+  const h = o(e.multiSelect), f = o(e.disableField), {
+    onMouseenterItem: v,
+    onMouseoverItem: s,
+    onMouseoutItem: c
   } = n, {
-    getKey: b,
-    listViewItemClass: m,
+    getKey: p,
+    listViewItemClass: g,
     onCheckItem: y,
-    onClickItem: T
+    onClickItem: w
   } = i, {
     dragstart: B,
-    dragenter: x,
-    dragover: h,
-    dragend: S
+    dragenter: S,
+    dragover: b,
+    dragend: x
   } = l, {
     removeItem: O
-  } = s, F = I(() => ({
-    margin: p.value ? "10px 0" : "10px 0px 10px 14px"
+  } = r, F = I(() => ({
+    margin: h.value ? "10px 0" : "10px 0px 10px 14px"
   }));
   function E(M) {
-    return v("div", {
+    return d("div", {
       style: F.value
     }, [M.name]);
   }
@@ -270,39 +270,39 @@ function We(e, t, o, l, n, i, u, s) {
   }
   const C = L();
   function j(M, D, X) {
-    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),
+    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) => s(R, M, D),
+      onMouseout: (R) => c(R, M, D),
       draggable: "true",
       onDragstart: (R) => B(R, M, D),
-      onDragenter: (R) => x(R, D),
-      onDragend: (R) => S(R, M),
-      onDragover: (R) => h(R, D)
-    }, [p.value && v("div", {
+      onDragenter: (R) => S(R, D),
+      onDragend: (R) => x(R, M),
+      onDragover: (R) => b(R, D)
+    }, [h.value && d("div", {
       class: "f-list-select",
       onClick: (R) => R.stopPropagation()
-    }, [v(ne, {
-      id: "list-" + b(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) => y(M, D)
-    }, null)]), v("div", {
+    }, null)]), d("div", {
       class: "f-list-content"
-    }, [C(M)]), v("div", {
+    }, [C(M)]), d("div", {
       class: "f-list-remove",
       onClick: (R) => O(D)
-    }, [v("div", {
+    }, [d("div", {
       class: "f-list-remove-icon"
-    }, [v("i", {
+    }, [d("i", {
       class: "f-icon f-icon-remove_face"
-    }, null)])]), v("div", {
+    }, null)])]), d("div", {
       class: "f-list-handle"
-    }, [v("div", null, [v("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 && v("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 = I(() => !i.value), s = I(() => !!i.value);
-  function p(f) {
+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, (f) => {
-    o.search(f);
+  W(i, (c) => {
+    a.search(c);
   });
-  const c = I(() => {
-    const f = {
+  const f = I(() => {
+    const c = {
       "form-group": !0,
       "farris-form-group": !0
     };
-    return l.value && l.value.split(" ").reduce((m, y) => (m[y] = !0, m), f), f;
+    return l.value && l.value.split(" ").reduce((g, y) => (g[y] = !0, g), c), c;
   });
-  function r(f) {
+  function v(c) {
   }
-  function d() {
-    return v("div", {
+  function s() {
+    return d("div", {
       class: "f-list-view-header",
-      onClick: Oe(r, ["prevent", "stop"])
-    }, [v("div", {
-      class: c.value
-    }, [v("div", {
+      onClick: Oe(v, ["prevent", "stop"])
+    }, [d("div", {
+      class: f.value
+    }, [d("div", {
       class: "farris-input-wrap"
-    }, [v("div", {
+    }, [d("div", {
       class: "f-cmp-inputgroup"
-    }, [v("div", {
+    }, [d("div", {
       class: "input-group f-state-editable"
-    }, [Q(v("input", {
+    }, [Q(d("input", {
       class: "form-control f-utils-fill text-left",
-      "onUpdate:modelValue": (f) => i.value = f,
+      "onUpdate:modelValue": (c) => i.value = c,
       name: "input-group-value",
       type: "text",
       placeholder: n.value,
       autocomplete: "off"
-    }, null), [[Pe, i.value]]), v("div", {
+    }, null), [[Pe, i.value]]), d("div", {
       class: "input-group-append"
-    }, [s.value && v("span", {
+    }, [r.value && d("span", {
       class: "input-group-text input-group-clear",
-      onClick: (f) => p()
-    }, [v("i", {
+      onClick: (c) => h()
+    }, [d("i", {
       class: "f-icon f-icon-close-circle"
-    }, null)]), u.value && v("span", {
+    }, null)]), u.value && d("span", {
       class: "input-group-text"
-    }, [v("span", {
+    }, [d("span", {
       class: "f-icon f-icon-search"
     }, null)])])])])])])]);
   }
   return {
-    renderHeader: d
+    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((r, d) => typeof r != "object" ? { __fv_index__: d, name: r } : (r.__fv_index__ = d, r));
-    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 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];
+        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 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);
+  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: p
+    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: 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 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 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 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 y(B, x) {
+  function y(B, S) {
     B.preventDefault(), B.dataTransfer && (B.dataTransfer.dropEffect = "move");
   }
-  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);
+  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: b,
-    dragenter: m,
+    dragstart: p,
+    dragenter: g,
     dragover: y,
-    dragend: T,
-    isDragging: s
+    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, r, d) {
-    o.value = d;
+  const e = o(-1), t = o(""), a = o(-1), l = o(!1);
+  function n(f, v, s) {
+    a.value = s;
   }
-  function i(c, r, d) {
-    l.value || (o.value = d);
+  function i(f, v, s) {
+    l.value || (a.value = s);
   }
-  function u(c, r, d) {
-    o.value = -1;
+  function u(f, v, s) {
+    a.value = -1;
   }
-  function s() {
+  function r() {
     l.value = !0;
   }
-  function p() {
+  function h() {
     l.value = !1;
   }
   return {
     activeIndex: e,
     focusedItemId: t,
-    hoverIndex: o,
+    hoverIndex: a,
     onMouseenterItem: n,
     onMouseoverItem: i,
     onMouseoutItem: u,
-    resumeHover: p,
-    suspendHover: s
+    resumeHover: h,
+    suspendHover: r
   };
 }
 const fe = /* @__PURE__ */ z({
@@ -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), p = a({}), c = a("暂无数据");
-    a(!0), a(!1), a("id");
-    const r = $e(e), {
-      dataView: d
-    } = r, f = I(() => {
+    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: 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;
-    }), b = I(() => ({
+    }), p = I(() => ({
       "f-list-view-group": !0,
       "d-flex": u.value,
       "flex-wrap": u.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);
+    })), 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 C = L(), {
       renderItem: j
-    } = C(e, t, r, B, y, h, T, x);
+    } = C(e, t, v, B, y, b, w, S);
     function M() {
       return n.value === "SearchBar" ? le : n.value === "ContentHeader" ? _e : le;
     }
     const D = M(), {
       renderHeader: X
-    } = D(e, t, S);
+    } = D(e, t, x);
     function R(P) {
-      S.search(P);
+      x.search(P);
     }
     t.expose({
       search: R
@@ -510,20 +510,20 @@ const fe = /* @__PURE__ */ z({
     function V(P) {
       i.value && (P.preventDefault(), P.stopPropagation());
     }
-    return () => v("div", {
-      class: f.value,
+    return () => d("div", {
+      class: c.value,
       onClick: V
-    }, [X(), v("div", {
-      ref: o,
+    }, [X(), d("div", {
+      ref: a,
       class: "f-list-view-content"
-    }, [v("ul", {
-      class: b.value,
+    }, [d("ul", {
+      class: p.value,
       style: "list-style: none;"
-    }, [m.value && d.value.map((P, A) => j(P, A, p)), F.value && v("div", {
+    }, [g.value && s.value.map((P, A) => j(P, A, h)), F.value && d("div", {
       class: "f-list-view-emptydata"
-    }, [v("p", {
+    }, [d("p", {
       class: "f-empty-title"
-    }, [c.value])]), t.slots.empty && t.slots.empty()])]), E.value && v("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);
+      onClickButton: a
+    } = Ge(e, t), l = o(e.size), n = o(e.type), i = o(e.disabled);
+    o(e.icon);
     const u = I(() => {
-      const s = {
+      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 I(() => ({})), () => v("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 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;
     });
-    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);
+    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 () => v("div", {
-      class: "f-combo-list-container"
-    }, [v(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 = I(() => {
-      const s = l.value;
-      if (s) {
-        const p = s.getBoundingClientRect(), {
-          left: c,
-          top: r,
-          height: d
-        } = p;
+      const r = l.value;
+      if (r) {
+        const h = r.getBoundingClientRect(), {
+          left: f,
+          top: v,
+          height: s
+        } = h;
         return {
-          left: c,
-          top: r + d
+          left: f,
+          top: v + s
         };
       }
-      return o.value;
+      return a.value;
     }), u = I(() => ({
       position: "relative",
       left: `${i.value.left}px`,
       top: `${i.value.top}px`
     }));
-    return () => v(se, {
+    return () => d(se, {
       to: "body"
     }, {
       default: () => {
-        var s, p;
-        return [v("div", {
+        var r, h;
+        return [d("div", {
           class: "overlay-container",
           style: "pointer-events: auto;",
-          onClick: (c) => n(c)
-        }, [v("div", {
+          onClick: (f) => n(f)
+        }, [d("div", {
           style: u.value
-        }, [(p = (s = t.slots).default) == null ? void 0 : p.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 () => v(Ct, {
+      return () => d(Ct, {
         "popup-content-position": e.popupPosition,
         host: e.host,
         onClick: n
@@ -1260,125 +1265,125 @@ 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 = I(() => ({
+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 = I(() => e.showButtonWhenDisabled || (!e.editable || !e.readonly) && !e.disable);
-  async function p(f) {
-    if (s.value) {
-      const b = !!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();
         }
-      }), b && n.value === "Popup" && l.togglePopup(), b && i.value && l.hidePopup(), t.emit("clickButton", { origin: f, value: e.modelValue });
+      }), p && n.value === "Popup" && l.togglePopup(), p && i.value && l.hidePopup(), t.emit("clickButton", { origin: c, value: e.modelValue });
     }
-    f.stopPropagation();
+    c.stopPropagation();
   }
-  function c(f) {
-    t.emit("mouseEnterIcon", f);
+  function f(c) {
+    t.emit("mouseEnterIcon", c);
   }
-  function r(f) {
-    t.emit("mouseLeaveIcon", f);
+  function v(c) {
+    t.emit("mouseLeaveIcon", c);
   }
-  function d() {
+  function s() {
     t.emit("mouseOverButton");
   }
   return {
     buttonClass: u,
-    onClickButton: p,
-    onMouseEnterButton: c,
-    onMouseLeaveButton: r,
-    onMouseOverButton: d
+    onClickButton: h,
+    onMouseEnterButton: f,
+    onMouseLeaveButton: v,
+    onMouseOverButton: s
   };
 }
-function It(e, t, o, l, n, i) {
-  const u = a(!1), s = I(() => e.enableClear && !e.readonly && !e.disable), { changeTextBoxValue: p } = i;
-  function c(b) {
-    u.value = b;
+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 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 d(b) {
-    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 f(b) {
-    s.value && c(!1);
+  function c(p) {
+    r.value && f(!1);
   }
   return {
-    enableClearButton: s,
+    enableClearButton: r,
     showClearButton: u,
-    onClearValue: r,
-    onMouseEnterTextBox: d,
-    onMouseLeaveTextBox: f
+    onClearValue: v,
+    onMouseEnterTextBox: s,
+    onMouseLeaveTextBox: c
   };
 }
-function kt(e, t, o, l, n) {
-  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(() => ({
+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
-  })), m = I(() => ({
+  })), 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": f.value
+    "f-state-focus": c.value
   }));
   function y(C, j = !0) {
-    o.value !== C && (o.value = C, j && t.emit("change", C), t.emit("update:modelValue", C));
+    a.value !== C && (a.value = C, j && t.emit("change", C), t.emit("update:modelValue", C));
   }
-  function T(C) {
-    s.value = !1, y(C, !0);
+  function w(C) {
+    r.value = !1, y(C, !0);
   }
   W(
     () => e.modelValue,
     (C) => {
-      o.value = C, t.emit("change", C);
+      a.value = C, t.emit("change", C);
     }
   );
   function B(C) {
-    d = !1, t.emit("blur", C), C.stopPropagation();
+    s = !1, t.emit("blur", C), C.stopPropagation();
   }
-  function x(C) {
+  function S(C) {
     t.emit("click", C);
   }
-  function h(C) {
+  function b(C) {
     if (e.disable) {
-      d = !0;
+      s = !0;
       return;
     }
-    d = !0, r.value || (t.emit("focus", C), u.value && !s.value && n.popup());
+    s = !0, v.value || (t.emit("focus", C), u.value && !r.value && n.popup());
   }
-  function S(C) {
+  function x(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();
+    l.value = j, a.value !== j && y(j, !1), i.value && !r.value && n.popup();
   }
   function O(C) {
     C.target.tagName !== "INPUT" && C.preventDefault(), C.stopPropagation();
@@ -1394,57 +1399,57 @@ function kt(e, t, o, l, n) {
     C.stopPropagation(), y(j);
   }
   return {
-    hasFocusedTextBox: f,
-    isTextBoxReadonly: r,
-    textBoxClass: b,
-    textBoxPlaceholder: c,
-    textBoxTitle: p,
-    inputGroupClass: m,
+    hasFocusedTextBox: c,
+    isTextBoxReadonly: v,
+    textBoxClass: p,
+    textBoxPlaceholder: f,
+    textBoxTitle: h,
+    inputGroupClass: g,
     changeTextBoxValue: y,
-    commitValue: T,
+    commitValue: w,
     onBlurTextBox: B,
-    onClickTextBox: x,
-    onFocusTextBox: h,
-    onInput: S,
+    onClickTextBox: S,
+    onFocusTextBox: b,
+    onInput: x,
     onKeyDownTextBox: F,
     onKeyUpTextBox: E,
     onMouseDownTextBox: O,
     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 p() {
+  function h() {
     n.value = !1;
   }
-  return { hidePopup: p, 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: p,
-    onFocusTextBox: c,
-    onInput: r,
-    onKeyDownTextBox: d,
-    onKeyUpTextBox: f,
-    onMouseDownTextBox: b,
-    onTextBoxValueChange: m
-  } = o;
-  return () => v("input", {
+    onBlurTextBox: r,
+    onClickTextBox: h,
+    onFocusTextBox: f,
+    onInput: v,
+    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: m,
-    onClick: p,
-    onFocus: c,
-    onInput: r,
-    onKeydown: d,
-    onKeyup: f,
-    onMousedown: b
+    onBlur: r,
+    onChange: g,
+    onClick: h,
+    onFocus: f,
+    onInput: v,
+    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(r, d, f) {
-    r.stopPropagation(), d && setTimeout(() => {
-      n.value = f, i.value = !0, d.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(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 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 p(r, d) {
-    r.preventDefault(), r.dataTransfer && (r.dataTransfer.dropEffect = "move");
+  function h(v, s) {
+    v.preventDefault(), v.dataTransfer && (v.dataTransfer.dropEffect = "move");
   }
-  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);
+  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: p,
-    dragend: c,
+    dragenter: r,
+    dragover: h,
+    dragend: f,
     isDragging: i
   };
 }
@@ -1517,68 +1522,68 @@ 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), 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 y = a(), T = a(e.wrapText), B = a();
-    function x() {
-      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 d.value && g.push({
+      return s.value && m.push({
         type: "AddButton"
-      }), g;
+      }), m;
     }
-    const h = a(x());
-    function S(g) {
-      n.value = g, h.value = x();
+    const b = o(S());
+    function x(m) {
+      n.value = m, b.value = S();
     }
-    const O = I(() => h.value.findIndex((g) => g.type === "Input")), F = Pt(e, t, n, h), {
+    const O = I(() => b.value.findIndex((m) => m.type === "Input")), F = Pt(e, t, n, b), {
       dragstart: E,
       dragenter: L,
       dragover: C,
       dragend: j
     } = F;
-    W(() => e.data, (g) => S(g));
+    W(() => e.data, (m) => x(m));
     const M = I(() => {
-      const g = {
+      const m = {
         "farris-tags": !0,
-        "farris-tags-checkable": o.value,
-        "farris-tags-nowrap": !T.value
+        "farris-tags-checkable": a.value,
+        "farris-tags-nowrap": !w.value
       };
-      return l.value.split(" ").reduce((w, k) => (w[k] = !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": p.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 k = `farris-tag-item-${i.value}`;
-        w[k] = !0;
+        T[k] = !0;
       }
-      return w;
+      return T;
     }
     const X = I(() => {
-      const g = {};
-      return c.value && c.value.split(";").reduce((w, k) => {
+      const m = {};
+      return f.value && f.value.split(";").reduce((T, k) => {
         const H = k.split(":");
-        return w[H[0]] = H[1], w;
-      }, g), g;
+        return T[H[0]] = H[1], T;
+      }, m), m;
     });
-    function R(g, w) {
-      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 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) {
+    function V(m, T) {
       let k;
-      switch (g.key) {
+      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":
           k = Math.max(y.value.scrollLeft + 20, 0), y.value.scrollLeft = k;
@@ -1587,66 +1592,66 @@ const Vt = /* @__PURE__ */ z({
           k = Math.max(y.value.scrollLeft - 20, 0), y.value.scrollLeft = k;
       }
     }
-    function P(g, w) {
-      const k = n.value.findIndex((H) => H.name === w.name);
+    function P(m, T) {
+      const k = n.value.findIndex((H) => H.name === T.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);
+        b.value = S(), t.emit("change", n.value), t.emit("remove", n.value, H, k);
       }
-      g.stopPropagation();
+      m.stopPropagation();
     }
     const A = I(() => ({
       "farris-tag-item": !0,
       "farris-tag-add-button": !0,
-      "farris-tag-add-button-disabled": !m.value
+      "farris-tag-add-button-disabled": !g.value
     }));
-    function $(g) {
+    function $(m) {
     }
     function _() {
-      return v("li", {
+      return d("li", {
         class: A.value,
-        onClick: (g) => void 0
-      }, [v("span", {
+        onClick: (m) => void 0
+      }, [d("span", {
         class: "f-icon f-icon-amplification"
-      }, null), v("span", {
+      }, null), d("span", {
         class: "farris-tag-add-text"
-      }, [b.value])]);
+      }, [p.value])]);
     }
-    function N(g) {
-      if (g && !g.innerText) {
-        const w = O.value;
-        if (w > 0) {
-          const [k] = n.value.splice(w - 1, 1);
-          h.value.splice(w - 1, 1), t.emit("remove", n.value, k, 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, k) {
-      g > -1 && (n.value.splice(g, 0, {
-        name: w,
+    function U(m, T, k) {
+      m > -1 && (n.value.splice(m, 0, {
+        name: T,
         value: k,
-        selectable: o.value
-      }), h.value = x(), t.emit("change", n.value));
+        selectable: a.value
+      }), b.value = S(), t.emit("change", n.value));
     }
-    function J(g) {
-      if (g && g.innerText) {
-        const w = g.innerText, k = O.value;
-        U(k, 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 v("li", {
+      return d("li", {
         class: "farris-tag-input-box"
-      }, [v("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 v("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: (k) => R(k, g),
-        onKeydown: (k) => V(k, g),
+        id: m.name,
+        key: m.name,
+        onClick: (k) => R(k, m),
+        onKeydown: (k) => V(k, m),
         draggable: "true",
-        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,
+        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]), r.value && v("span", {
+      }, [m.name]), v.value && d("span", {
         class: "tag-delete"
-      }, [v("i", {
+      }, [d("i", {
         class: "f-icon f-icon-close",
-        onClick: (k) => P(k, g)
+        onClick: (k) => P(k, m)
       }, null)])]);
     }
     function we() {
-      return h.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":
@@ -1694,67 +1699,67 @@ const Vt = /* @__PURE__ */ z({
       "farris-tags-item-container": !0,
       "farris-tag-item-capsule": u.value === "capsule"
     }));
-    function Te(g) {
-      const w = Math.max(y.value.scrollLeft - g.deltaX, 0);
-      y.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 = 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) => {
+    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 k;
     }
-    function Ie(g) {
-      if (f.value) {
-        const k = Be(g.clientX) + 1, q = h.value.filter((G) => G.type !== "Input");
+    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"
-        }), h.value = q, K(() => {
+        }), b.value = q, K(() => {
           B.value && B.value.focus();
         });
       }
     }
-    function ke(g) {
+    function ke(m) {
       var k;
-      g.preventDefault(), g.stopPropagation();
-      const w = (k = g.dataTransfer) == null ? void 0 : k.getData("Text");
-      if (w) {
-        const H = w.split(":"), q = H[0], G = H[1];
+      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 () => v("div", {
+    return () => d("div", {
       class: M.value,
       onClick: Ie,
       onDrop: ke,
       onDragover: xe
-    }, [v("ul", {
+    }, [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 = I(() => 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((p) => p.name).join(l.value), !0);
+  function u(r) {
+    n(r.map((h) => h.name).join(l.value), !0);
   }
-  return () => v(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: p,
-    onClearValue: c
-  } = o;
-  return () => v("div", {
+    enableClearButton: r,
+    showClearButton: h,
+    onClearValue: f
+  } = a;
+  return () => d("div", {
     class: l.value
-  }, [s.value && Q(v("span", {
+  }, [r.value && Q(d("span", {
     class: "input-group-text input-group-clear",
-    onClick: c
-  }, [v("i", {
+    onClick: f
+  }, [d("i", {
     class: "f-icon modal_close"
-  }, null)]), [[re, p.value]]), e.buttonContent && v("span", {
+  }, null)]), [[re, h.value]]), e.buttonContent && d("span", {
     class: "input-group-text input-group-append-button",
     innerHTML: e.buttonContent,
     onClick: n,
@@ -1805,33 +1810,33 @@ 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 = 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 };
+  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), 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;
+  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 x = I(() => {
+  const S = I(() => {
     const V = {
-      left: `${d.value}px`,
-      top: `${f.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;
-  }), h = I(() => ({
-    left: `${r.value}px`
+  }), b = I(() => ({
+    left: `${v.value}px`
   }));
-  function S(V) {
+  function x(V) {
     if (V && e.keepWidthWithReference) {
       const P = V.getBoundingClientRect();
       u.value = Math.max(e.minWidth, P.width);
@@ -1842,22 +1847,22 @@ function Dt(e, t, o, l) {
     return A > 0 ? A : P;
   }
   function F(V, P, A) {
-    const $ = r.value, _ = P.left - y.value + P.width / 2 + b.value, N = P.top - T.value - (V.height + A.height) + m.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 - T.value + (P.height + A.height) + m.value;
+    return P.top - w.value + (P.height + A.height) + g.value;
   }
   function L(V, P) {
-    const A = O(P, V), $ = V <= A ? r.value : V - A;
+    const A = O(P, V), $ = V <= A ? v.value : V - A;
     return { popoverLeft: Math.min(V, A), arrowLeft: $ };
   }
   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);
+    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 - y.value + b.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([
@@ -1868,124 +1873,124 @@ function Dt(e, t, o, l) {
   function D(V) {
     var N;
     const P = V.getBoundingClientRect();
-    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);
+    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);
-      r.value = U, d.value = J, f.value = Y;
+      v.value = U, s.value = J, c.value = Y;
     }
-    e.keepWidthWithReference && S(V);
+    e.keepWidthWithReference && x(V);
   }
   function X(V) {
     if (V) {
       const P = V.getBoundingClientRect();
-      (P.left !== p.value || P.top !== s.value) && D(V);
+      (P.left !== h.value || P.top !== r.value) && D(V);
     }
   }
   return {
-    arrowStyle: h,
-    popoverStyle: x,
-    position: c,
+    arrowStyle: b,
+    popoverStyle: S,
+    position: f,
     popoverWidth: u,
-    fitToReference: S,
+    fitToReference: x,
     followToReferencePosition: X,
     locateToReference: D
   };
 }
-function At(e, t, o, l, n, i, u) {
-  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)) {
+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", d), f();
+      y && y.removeEventListener("click", s), c();
     }
   };
-  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");
+  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: f, show: b, shown: p }), { showPopover: s, hidePopverOnClickBodyHandler: d };
+  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 p() {
-    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: p };
+  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 = I(() => !!e.title), s = jt(e), {
-      host: p
-    } = s, c = Dt(e, o, l, s), {
-      position: r,
-      arrowStyle: d,
-      popoverStyle: f,
-      fitToReference: b,
-      locateToReference: m
-    } = c, {
+    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: s,
+      popoverStyle: c,
+      fitToReference: p,
+      locateToReference: g
+    } = f, {
       showPopover: y,
-      hidePopverOnClickBodyHandler: T
-    } = At(e, t, o, l, n, i, c), {
+      hidePopverOnClickBodyHandler: w
+    } = At(e, t, a, l, n, i, f), {
       onResize: B
-    } = Et(e, t, n, i, c), x = I(() => {
-      const S = `popover in popover-${r.value}`, O = `bs-popover-${r.value}`, F = {
+    } = 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[S] = !0, F[O] = !0, (e.class || "").split(" ").reduce((L, C) => (L[C] = !0, L), F), F;
-    }), h = I(() => ({
+      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 && m(n.value), i.value && b(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", T), window.removeEventListener("resize", B);
-    }), () => v(se, {
-      to: p
+      document.body.removeEventListener("click", w), window.removeEventListener("resize", B);
+    }), () => d(se, {
+      to: h
     }, {
       default: () => {
-        var S;
-        return [Q(v("div", {
+        var x;
+        return [Q(d("div", {
           ref: l,
-          class: x.value,
-          style: f.value,
+          class: S.value,
+          style: c.value,
           onClick: (O) => {
             O.stopPropagation();
           }
-        }, [v("div", {
-          ref: o,
+        }, [d("div", {
+          ref: a,
           class: "popover-arrow arrow",
-          style: d.value
-        }, null), u.value && v("h3", {
+          style: s.value
+        }, null), u.value && d("h3", {
           class: "popover-title popover-header"
-        }, [e.title]), v("div", {
-          class: h.value
-        }, [t.slots.default && ((S = t.slots) == null ? void 0 : S.default())])]), [[re, y.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 () => v(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,17 +2013,17 @@ 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, 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), {
+      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: T
-    } = m, B = I(() => {
+      onMouseLeaveTextBox: w
+    } = g, B = I(() => {
       const E = {
         "f-button-edit": !0,
         "f-cmp-inputgroup": !0,
@@ -2026,116 +2031,116 @@ const _t = /* @__PURE__ */ z({
       };
       return l.value && l.value.split(" ").reduce((L, C) => (L[C] = !0, L), E), E;
     });
-    function x() {
-      return e.multiSelect && e.inputType === "tag" ? Mt(e, n, r) : Ft(e, n, r);
+    function S() {
+      return e.multiSelect && e.inputType === "tag" ? Mt(e, n, v) : Ft(e, n, v);
     }
-    let h = x();
+    let b = S();
     W([() => e.multiSelect, () => e.inputType], () => {
-      h = x();
+      b = S();
     });
-    const S = Lt(e, p, m), O = Wt(e, t, i), F = {
-      commitValue: f,
-      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), () => v(te, null, [v("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
-    }), [v("div", {
-      class: b.value,
+    }), [d("div", {
+      class: p.value,
       onMouseenter: y,
-      onMouseleave: T
-    }, [h(), S()])]), u.value && O()]);
+      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 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 r = i(c).map((d) => d[e.textField]).join(e.separator);
-    t.value = n.value ? r || c : r;
-  }
-  function s(c) {
-    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);
+  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 && p(), W(() => e.data, () => {
+  return e.remote && v(), W(() => e.data, () => {
     l.value = e.data;
-  }), W([l], ([c]) => {
+  }), W([l], ([s]) => {
     if (e.modelValue) {
-      const r = c.find((d) => d[e.valueField] === e.modelValue);
-      r && (t.value = r[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(), 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();
+    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 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 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 y(h) {
-      r.value = "", t.emit("update:modelValue", ""), t.emit("clear");
+    function y(S) {
+      v.value = "", t.emit("update:modelValue", ""), t.emit("clear");
     }
-    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 w(S) {
+      const b = s(S);
+      g(b);
     }
-    function B(h) {
-      if (c.value) {
-        T(h);
-        return;
-      }
-      const S = d(h);
-      m(S);
-    }
-    function x() {
-      return p.value;
+    function B() {
+      return h.value;
     }
     return t.expose({
-      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,
+      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: l.value,
       readonly: u.value,
       forcePlaceholder: e.forcePlaceholder,
-      editable: c.value,
+      editable: f.value,
       buttonContent: e.dropDownIcon,
       placeholder: e.placeholder,
       enableClear: n.value,
@@ -2144,20 +2149,21 @@ const ue = /* @__PURE__ */ z({
       enableTitle: e.enableTitle,
       multiSelect: e.multiSelect,
       inputType: e.multiSelect ? "tag" : "text",
-      modelValue: p.value,
-      "onUpdate:modelValue": (h) => p.value = h,
+      modelValue: h.value,
+      "onUpdate:modelValue": (S) => h.value = S,
       onClear: y,
-      onChange: B
+      onChange: w
     }, {
-      default: () => [v(ct, {
+      default: () => [d(ct, {
         idField: e.idField,
         valueField: e.valueField,
         textField: e.textField,
-        dataSource: s.value,
-        selectedValues: r.value,
+        dataSource: r.value,
+        selectedValues: v.value,
         multiSelect: e.multiSelect,
         enableSearch: i.value,
-        onSelectionChange: m
+        height: e.maxHeight,
+        onSelectionChange: g
       }, null)]
     });
   }
@@ -2167,97 +2173,97 @@ 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 p() {
-      const T = o.value.map((B) => [B.id, !0]);
-      s.value = new Map(T);
+    }], r = o(/* @__PURE__ */ new Map());
+    function h() {
+      const w = a.value.map((B) => [B.id, !0]);
+      r.value = new Map(w);
     }
-    p();
-    const c = I(() => e.dataSource.map((T) => (T.disabled = s.value.has(T.id), T))), r = I(() => ({
+    h();
+    const f = I(() => e.dataSource.map((w) => (w.disabled = r.value.has(w.id), w))), v = I(() => ({
       "f-order": !0
     }));
-    function d(T) {
-      o.value = o.value.filter((B) => B.id !== T.id), p(), 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 f() {
-      o.value = [...o.value, {
+    function c() {
+      a.value = [...a.value, {
         id: Date.now().toString(),
         name: "",
         order: "asc"
-      }], p(), t.emit("change", o.value);
+      }], h(), t.emit("change", a.value);
     }
-    function b(T) {
-      p(), t.emit("change", o.value);
+    function p(w) {
+      h(), t.emit("change", a.value);
     }
-    function m(T) {
-      if (T && T.length) {
+    function g(w) {
+      if (w && w.length) {
         const B = /* @__PURE__ */ new Map();
-        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);
+        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 y() {
-      return v(fe, {
+      return d(fe, {
         style: "flex:1",
-        data: o.value,
+        data: a.value,
         draggable: !0,
         view: "DraggableView",
         "keep-order": !0,
         itemClass: "f-order-item",
-        onRemoveItem: d,
-        onChange: m
+        onRemoveItem: s,
+        onChange: g
       }, {
-        header: () => v("div", {
+        header: () => d("div", {
           class: "f-order-header"
-        }, [v("span", {
+        }, [d("span", {
           class: "f-order-header-order-field"
-        }, [l.value]), v("span", {
+        }, [l.value]), d("span", {
           class: "f-order-header-order-type"
         }, [n.value])]),
-        itemContent: (T) => v("div", {
+        itemContent: (w) => d("div", {
           class: "f-order-item-content"
-        }, [v(ue, {
+        }, [d(ue, {
           class: "f-order-item-content-order-field",
-          data: c.value,
+          data: f.value,
           valueField: "id",
           textField: "name",
           idField: "id",
-          modelValue: T.id,
-          "onUpdate:modelValue": (B) => T.id = B,
-          onChange: b,
-          onClear: b
-        }, null), v(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: T.order,
-          "onUpdate:modelValue": (B) => T.order = B,
-          onChange: b
+          modelValue: w.order,
+          "onUpdate:modelValue": (B) => w.order = B,
+          onChange: p
         }, null)]),
-        footer: () => v("div", {
+        footer: () => d("div", {
           class: "f-order-footer"
-        }, [v(Ue, {
+        }, [d(Ue, {
           type: "link",
           class: "f-order-add-button",
-          onClick: f
+          onClick: c
         }, {
-          default: () => v(te, null, [v("span", {
+          default: () => d(te, null, [d("span", {
             class: "f-order-add-icon"
-          }, [v("i", {
+          }, [d("i", {
             class: "f-icon f-icon-add"
           }, null)]), i.value])
         })])
       });
     }
-    return () => v("div", {
-      class: r.value
+    return () => d("div", {
+      class: v.value
     }, [y()]);
   }
 }), zt = {