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

package/components/list-view/index.esm.js

@@ -1,6 +1,6 @@
 import { ref as f, computed as P, createVNode as t, Fragment as z, watch as Z, withModifiers as we, withDirectives as ye, vModelText as Ie, defineComponent as ee, createTextVNode as Y } from "vue";
-import { getCustomStyle as $, getCustomClass as W } from "../common/index.esm.js";
-import { useFilter as Se, useIdentify as ke, useHierarchy as be, useGroupData as Ve, useDataView as Fe, useSelection as De, usePagination as Me, useRow as Re, useEdit as Te, useVisualDataBound as Oe, useVisualDataCell as Be, useVisualDataRow as He, useVisualGroupRow as xe, useVisualSummaryRow as Pe, useVisualData as je, useSidebar as Le, useColumn as _e, useVirtualScroll as Ge, getPagination as Ae } from "../data-view/index.esm.js";
+import { getCustomClass as W, getCustomStyle as $ } from "../common/index.esm.js";
+import { useFilter as Se, useIdentify as ke, useHierarchy as be, useGroupData as Ve, useDataView as Fe, useSelection as De, usePagination as Me, useRow as Re, useEdit as Te, useVisualDataBound as Oe, useVisualDataCell as Be, useVisualDataRow as He, useVisualGroupRow as xe, useVisualSummaryRow as Pe, useVisualData as je, useSidebar as Le, useColumn as _e, useVirtualScroll as Ae, getPagination as Ge } from "../data-view/index.esm.js";
 import { useI18n as Ee } from "vue-i18n";
 import { FCheckbox as K } from "../checkbox/index.esm.js";
 const te = {
@@ -79,38 +79,38 @@ function ze(e, l) {
       s.push(h), h = a.nextNode();
     return s;
   }
-  function k(a, s) {
+  function S(a, s) {
     const h = document.createTreeWalker(a, NodeFilter.SHOW_TEXT);
     return w(h).map((p) => ({ textNode: p, text: (p.textContent || "").toLocaleLowerCase() })).map(({ textNode: p, text: i }) => {
       const u = [];
       let M = 0;
       for (; M < i.length; ) {
-        const y = i.indexOf(s, M);
-        if (y === -1)
+        const k = i.indexOf(s, M);
+        if (k === -1)
           break;
-        u.push(y), M = y + s.length;
+        u.push(k), M = k + s.length;
       }
-      return u.map((y) => {
-        const I = new Range();
-        return I.setStart(p, y), I.setEnd(p, y + s.length), I;
+      return u.map((k) => {
+        const y = new Range();
+        return y.setStart(p, k), y.setEnd(p, k + s.length), y;
       });
     }).flat();
   }
   function C(a) {
     if (!CSS.highlights || (CSS.highlights.clear(), !a || !l))
       return;
-    const s = k(l.value, a.toLocaleLowerCase()), h = new Highlight(...s);
+    const s = S(l.value, a.toLocaleLowerCase()), h = new Highlight(...s);
     CSS.highlights.set("search-result", h);
   }
   return { search: C };
 }
-function q(e, l, w, k, C, a, s, h, O, g) {
+function q(e, l, w, S, C, a, s, h, O, g) {
   const R = f(e.size), p = f(e.textField), i = f(e.titleField), u = f(e.disableField), M = P(() => {
     var n, m;
     return ((n = e.selection) == null ? void 0 : n.multiSelect) && ((m = e.selection) == null ? void 0 : m.showCheckbox);
   }), {
-    onMouseenterItem: y,
-    onMouseoverItem: I,
+    onMouseenterItem: k,
+    onMouseoverItem: y,
     onMouseoutItem: F
   } = a, {
     getKey: V,
@@ -136,8 +136,8 @@ function q(e, l, w, k, C, a, s, h, O, g) {
       key: V(n, m),
       style: H(n, m),
       onClick: (B) => c(n, m, B),
-      onMouseenter: (B) => y(B, n, m),
-      onMouseover: (B) => I(B, n, m),
+      onMouseenter: (B) => k(B, n, m),
+      onMouseover: (B) => y(B, n, m),
       onMouseout: (B) => F(B, n, m)
     }, [M.value && t("div", {
       class: "f-list-select",
@@ -163,13 +163,13 @@ function q(e, l, w, k, C, a, s, h, O, g) {
     renderItem: v
   };
 }
-function Ne(e, l, w, k, C, a, s, h, O, g) {
+function Ne(e, l, w, S, C, a, s, h, O, g) {
   const R = f(e.multiSelect), p = f(e.disableField), i = f(e.textField), {
     onMouseenterItem: u,
     onMouseoverItem: M,
-    onMouseoutItem: y
+    onMouseoutItem: k
   } = a, {
-    getKey: I,
+    getKey: y,
     listViewItemClass: F,
     listViewItemStyle: V,
     onCheckItem: T,
@@ -191,18 +191,18 @@ function Ne(e, l, w, k, C, a, s, h, O, g) {
   function c(o, v, n) {
     return t("li", {
       class: F(o, v),
-      id: I(o, v),
-      key: I(o, v),
+      id: y(o, v),
+      key: y(o, v),
       style: V(o, v),
       onClick: (m) => H(o, v, m),
       onMouseenter: (m) => u(m, o, v),
       onMouseover: (m) => M(m, o, v),
-      onMouseout: (m) => y(m, o, v)
+      onMouseout: (m) => k(m, o, v)
     }, [R.value && t("div", {
       class: "f-list-select",
       onClick: (m) => m.stopPropagation()
     }, [t(K, {
-      id: "list-" + I(o, v),
+      id: "list-" + y(o, v),
       customClass: "listview-checkbox",
       disabled: o[p.value] || !o.checked,
       checked: o.checked,
@@ -216,13 +216,13 @@ function Ne(e, l, w, k, C, a, s, h, O, g) {
     renderItem: c
   };
 }
-function Ue(e, l, w, k, C, a, s, h, O, g) {
+function Ue(e, l, w, S, C, a, s, h, O, g) {
   const R = f(e.multiSelect), p = f(e.disableField), i = f(e.textField), {
     onMouseenterItem: u,
     onMouseoverItem: M,
-    onMouseoutItem: y
+    onMouseoutItem: k
   } = a, {
-    getKey: I,
+    getKey: y,
     listViewItemClass: F,
     onCheckItem: V,
     onClickItem: T
@@ -231,7 +231,7 @@ function Ue(e, l, w, k, C, a, s, h, O, g) {
     dragenter: j,
     dragover: c,
     dragend: o
-  } = k, {
+  } = S, {
     removeItem: v
   } = O, n = P(() => ({
     margin: R.value ? "10px 0" : "10px 0px 10px 14px"
@@ -249,16 +249,16 @@ function Ue(e, l, w, k, C, a, s, h, O, g) {
   function B() {
     return l.slots.itemContent ? l.slots.itemContent : L;
   }
-  const G = B();
-  function S(r, d, x) {
+  const A = B();
+  function I(r, d, x) {
     return t("li", {
       class: F(r, d),
-      id: I(r, d),
-      key: I(r, d),
+      id: y(r, d),
+      key: y(r, d),
       onClick: (D) => T(r, d, D),
       onMouseenter: (D) => u(D, r, d),
       onMouseover: (D) => M(D, r, d),
-      onMouseout: (D) => y(D, r, d),
+      onMouseout: (D) => k(D, r, d),
       draggable: "true",
       onDragstart: (D) => H(D, r, d),
       onDragenter: (D) => j(D, d),
@@ -268,7 +268,7 @@ function Ue(e, l, w, k, C, a, s, h, O, g) {
       class: "f-list-select",
       onClick: (D) => D.stopPropagation()
     }, [t(K, {
-      id: "list-" + I(r, d),
+      id: "list-" + y(r, d),
       customClass: "listview-checkbox",
       disabled: r[p.value] || !r.checked,
       checked: r.checked,
@@ -276,7 +276,7 @@ function Ue(e, l, w, k, C, a, s, h, O, g) {
       onChange: (D) => V(r, d, !D.checked)
     }, null)]), t("div", {
       class: "f-list-content"
-    }, [G(r)]), t("div", {
+    }, [A(r)]), t("div", {
       class: "f-list-remove",
       onClick: (D) => v(d)
     }, [t("div", {
@@ -290,12 +290,12 @@ function Ue(e, l, w, k, C, a, s, h, O, g) {
     }, null)])])]);
   }
   return {
-    renderItem: S
+    renderItem: I
   };
 }
-function We(e, l, w, k, C, a, s, h, O, g) {
-  var I;
-  const R = f(((I = e.group) == null ? void 0 : I.groupFields) || []), {
+function We(e, l, w, S, C, a, s, h, O, g) {
+  var y;
+  const R = f(((y = e.group) == null ? void 0 : y.groupFields) || []), {
     collpaseGroupIconClass: p
   } = C, {
     toggleGroupRow: i
@@ -319,15 +319,15 @@ function We(e, l, w, k, C, a, s, h, O, g) {
       class: "f-navlookup-recommandLabel"
     }, [F.raw[R.value[F.layer]]])]);
   }
-  function y(F, V, T) {
+  function k(F, V, T) {
     return F.layer > -1 && M(F, V, T);
   }
   return {
-    renderItem: y
+    renderItem: k
   };
 }
-function Ke(e, l, w, k) {
-  const { dataView: C } = w, { updateSelectedItems: a } = k;
+function Ke(e, l, w, S) {
+  const { dataView: C } = w, { updateSelectedItems: a } = S;
   function s(h) {
     if (h > -1 && h < C.value.length) {
       if (e != null && e.checkBeforeRemoveItem && !e.checkBeforeRemoveItem(C.value[h]))
@@ -338,10 +338,10 @@ function Ke(e, l, w, k) {
   }
   return { removeItem: s };
 }
-function Xe(e, l, w, k, C, a, s, h, O, g) {
+function Xe(e, l, w, S, C, a, s, h, O, g) {
   const {
     t: R
-  } = Ee(), p = f(e.view), i = f(e.view === "CardView"), u = f({}), M = f(R("listView.emptyMessage")), y = Ke(e, l, k, O), I = P(() => ({
+  } = Ee(), p = f(e.view), i = f(e.view === "CardView"), u = f({}), M = f(R("listView.emptyMessage")), k = Ke(e, l, S, O), y = P(() => ({
     "f-list-view-group": !0,
     "f-list-view-group-multiselect": e.multiSelect,
     "d-flex": i.value,
@@ -353,9 +353,9 @@ function Xe(e, l, w, k, C, a, s, h, O, g) {
   }
   const H = T(), {
     renderItem: j
-  } = H(e, l, w, g, C, a, O, s, y, h), {
+  } = H(e, l, w, g, C, a, O, s, k, h), {
     renderItem: c
-  } = We(e, l, w, g, C, a, O, s, y, h), o = [j, c];
+  } = We(e, l, w, g, C, a, O, s, k, h), o = [j, c];
   function v() {
     return w.value.filter((L) => L.visible !== !1).map((L, B) => o[L.type](L, B, u));
   }
@@ -369,7 +369,7 @@ function Xe(e, l, w, k, C, a, s, h, O, g) {
   }
   function m() {
     return t("ul", {
-      class: I.value,
+      class: y.value,
       style: "list-style: none;"
     }, [F.value && v(), V.value && n()]);
   }
@@ -378,17 +378,17 @@ function Xe(e, l, w, k, C, a, s, h, O, g) {
   };
 }
 function Ye(e, l, w) {
-  function k() {
+  function S() {
     return l.slots.header && t("div", {
       class: "f-list-view-header"
     }, [l.slots.header()]);
   }
   return {
-    renderHeader: k
+    renderHeader: S
   };
 }
 function J(e, l, w) {
-  const k = f(e.headerClass), C = f(e.placeholder), a = f(""), s = P(() => !a.value), h = P(() => !!a.value);
+  const S = f(e.headerClass), C = f(e.placeholder), a = f(""), s = P(() => !a.value), h = P(() => !!a.value);
   function O(i) {
     a.value = "";
   }
@@ -400,7 +400,7 @@ function J(e, l, w) {
       "form-group": !0,
       "farris-form-group": !0
     };
-    return k.value && k.value.split(" ").reduce((M, y) => (M[y] = !0, M), i), i;
+    return S.value && S.value.split(" ").reduce((M, k) => (M[k] = !0, M), i), i;
   });
   function R(i) {
   }
@@ -441,15 +441,15 @@ function J(e, l, w) {
   };
 }
 function $e() {
-  const e = f(""), l = f(-1), w = f(""), k = f(-1), C = f(!1);
+  const e = f(""), l = f(-1), w = f(""), S = f(-1), C = f(!1);
   function a(p, i, u) {
-    k.value = u;
+    S.value = u;
   }
   function s(p, i, u) {
-    C.value || (k.value = u);
+    C.value || (S.value = u);
   }
   function h(p, i, u) {
-    k.value = -1;
+    S.value = -1;
   }
   function O() {
     C.value = !0;
@@ -463,7 +463,7 @@ function $e() {
   return {
     activeIndex: l,
     focusedItemId: w,
-    hoverIndex: k,
+    hoverIndex: S,
     clearActiveItem: R,
     onMouseenterItem: a,
     onMouseoverItem: s,
@@ -472,12 +472,12 @@ function $e() {
     suspendHover: O
   };
 }
-function qe(e, l, w, k) {
-  const C = f(e.idField), { dataView: a } = w, s = f(-1), h = f(!1), { activeIndex: O, focusedItemId: g, hoverIndex: R, resumeHover: p, suspendHover: i } = k;
-  let u, M = 0, y = 0;
-  function I(c, o) {
-    const v = c - M, n = o - y;
-    u.style.left = parseInt(u.style.left) + v + "px", u.style.top = parseInt(u.style.top) + n + "px", M = c, y = o;
+function qe(e, l, w, S) {
+  const C = f(e.idField), { dataView: a } = w, s = f(-1), h = f(!1), { activeIndex: O, focusedItemId: g, hoverIndex: R, resumeHover: p, suspendHover: i } = S;
+  let u, M = 0, k = 0;
+  function y(c, o) {
+    const v = c - M, n = o - k;
+    u.style.left = parseInt(u.style.left) + v + "px", u.style.top = parseInt(u.style.top) + n + "px", M = c, k = o;
   }
   function F(c) {
     const { left: o, top: v } = c.getBoundingClientRect(), n = c.cloneNode(!0);
@@ -508,7 +508,7 @@ function qe(e, l, w, k) {
         const n = new Image();
         n.src = "", c.dataTransfer.setDragImage(n, 0, 0);
       }
-      M = c.pageX, y = c.pageY, setTimeout(() => {
+      M = c.pageX, k = c.pageY, setTimeout(() => {
         s.value = v, h.value = !0, o.moving = !0;
       });
     }
@@ -516,11 +516,11 @@ function qe(e, l, w, k) {
   function T(c, o) {
     if (c.preventDefault(), s.value !== o) {
       const v = a.value[s.value], n = a.value;
-      n.splice(s.value, 1), n.splice(o, 0, v), s.value = o, I(c.pageX, c.pageY);
+      n.splice(s.value, 1), n.splice(o, 0, v), s.value = o, y(c.pageX, c.pageY);
     }
   }
   function H(c) {
-    c.preventDefault(), c.dataTransfer && (c.dataTransfer.dropEffect = "move"), I(c.pageX, c.pageY);
+    c.preventDefault(), c.dataTransfer && (c.dataTransfer.dropEffect = "move"), y(c.pageX, c.pageY);
   }
   function j(c, o) {
     o && (o.moving = !1, u && (document.body.removeChild(u), u = null)), a.value.forEach((v, n) => {
@@ -535,66 +535,66 @@ function qe(e, l, w, k) {
     isDragging: h
   };
 }
-function Je(e, l, w, k, C, a) {
+function Je(e, l, w, S, C, a) {
   const s = f(e.idField), h = f(e.disableField), O = f(e.draggable);
   f(e.itemClass);
-  const g = f(e.selection.multiSelect ?? !1), R = f(e.selection.multiSelectMode), { isDragging: p } = k, { activeIndex: i, focusedItemId: u, hoverIndex: M } = C, { clearSelection: y, getSelectedItems: I, toggleSelectItem: F, currentSelectedDataId: V } = a, T = f(I()), H = (S) => T.value.length === 0 ? !1 : T.value.some((r) => {
+  const g = f(e.selection.multiSelect ?? !1), R = f(e.selection.multiSelectMode), { isDragging: p } = S, { activeIndex: i, focusedItemId: u, hoverIndex: M } = C, { clearSelection: k, getSelectedItems: y, toggleSelectItem: F, currentSelectedDataId: V } = a, T = f(y()), H = (I) => T.value.length === 0 ? !1 : T.value.some((r) => {
     let d = "";
-    return r.data ? d = r.data[s.value] : d = r[s.value], d === S;
+    return r.data ? d = r.data[s.value] : d = r[s.value], d === I;
   });
   function j() {
-    T.value = I();
+    T.value = y();
   }
-  function c(S, r) {
-    return S.raw[s.value] != null ? S.raw[s.value] : "";
+  function c(I, r) {
+    return I.raw[s.value] != null ? I.raw[s.value] : "";
   }
-  function o(S, r) {
+  function o(I, r) {
     const d = {
       "f-list-view-group-item": !0,
       "f-list-view-draggable-item": O.value,
-      "f-un-click": !S.checked,
-      "f-un-select": !!S.raw[h.value],
+      "f-un-click": !I.checked,
+      "f-un-select": !!I.raw[h.value],
       "f-listview-active": (
         // 多选
-        g.value && H(c(S)) || // 单选
-        !g.value && S.raw[s.value] === V.value
+        g.value && H(c(I)) || // 单选
+        !g.value && I.raw[s.value] === V.value
       ),
       "f-listview-hover": !p.value && r === M.value,
-      moving: !!S.moving
+      moving: !!I.moving
     };
     if (typeof e.itemClass == "string")
       return W(d, e.itemClass);
     if (typeof e.itemClass == "function") {
-      const x = e.itemClass(S);
+      const x = e.itemClass(I);
       return W(d, x);
     }
     return d;
   }
-  function v(S, r) {
+  function v(I, r) {
     const d = (
       // 多选
-      g.value && H(c(S)) || // 单选
-      !g.value && S.raw[s.value] === V.value
+      g.value && H(c(I)) || // 单选
+      !g.value && I.raw[s.value] === V.value
     ), x = {};
     if (d && (x.backgroundColor = "#dae9ff"), typeof e.itemStyle == "string")
       return $(x, e.itemStyle);
     if (typeof e.itemStyle == "function") {
-      const D = e.itemStyle(S);
+      const D = e.itemStyle(I);
       return $(x, D);
     }
     return x;
   }
   const n = P(() => !g.value);
-  function m(S, r, d) {
-    S.checked = d, !S.raw[h.value] && (n.value && (u.value = S.raw[s.value]), F(S));
+  function m(I, r, d) {
+    I.checked = d, !I.raw[h.value] && (n.value && (u.value = I.raw[s.value]), F(I));
   }
   const L = P(() => g.value && R.value === "OnCheckClearByClick"), B = P(() => !g.value || g.value && (R.value === "OnCheckAndClick" || R.value === "OnClick"));
-  function G(S, r, d) {
-    if (S.raw[h.value]) {
+  function A(I, r, d) {
+    if (I.raw[h.value]) {
       d == null || d.preventDefault(), d == null || d.stopPropagation();
       return;
     }
-    u.value = S.raw[s.value], i.value = r, L.value && y(), B.value && (F(S), j()), l.emit("clickItem", { data: T.value, index: r, dataItem: S.raw }), l.emit("activeChange", T.value);
+    u.value = I.raw[s.value], i.value = r, L.value && k(), B.value && (F(I), j()), l.emit("clickItem", { data: T.value, index: r, dataItem: I.raw }), l.emit("activeChange", T.value);
   }
   return {
     getKey: c,
@@ -603,7 +603,7 @@ function Je(e, l, w, k, C, a) {
     listViewItemStyle: v,
     updateSelectedItems: j,
     onCheckItem: m,
-    onClickItem: G
+    onClickItem: A
   };
 }
 const U = /* @__PURE__ */ ee({
@@ -611,30 +611,30 @@ const U = /* @__PURE__ */ ee({
   props: te,
   emits: ["afterSearch", "checkValuesChange", "clickItem", "selectItem", "unSelectItem", "selectionChange", "removeItem", "change", "activeChange", "pageIndexChanged", "pageSizeChanged", "changed", "selectionUpdate"],
   setup(e, l) {
-    const w = f(), k = f(!0), C = f(!1), a = f([]), s = 0, h = f(e.columns), O = Se(e, l), g = ke(e), R = be(e), p = Ve(e, g), i = Fe(e, /* @__PURE__ */ new Map(), O, R, g), u = De(e, i, g, a, l), M = ze(e, w), y = Me(e, i), I = P(() => i.dataView.value.length), F = Re(e, l, u, g), V = Te(e, l, g, F, a), T = Oe(e), H = Be(e, {}, T), j = He(e, i, V, R, g, T, H), c = xe(e, g, H, j), o = Pe(e, g, H, j), v = je(e, h, i, I, s, j, c, o), {
+    const w = f(), S = f(!0), C = f(!1), a = f([]), s = 0, h = f(e.columns), O = Se(e, l), g = ke(e), R = be(e), p = Ve(e, g), i = Fe(e, /* @__PURE__ */ new Map(), O, R, g), u = De(e, i, g, a, l), M = ze(e, w), k = Me(e, i), y = P(() => i.dataView.value.length), F = Re(e, l, u, g), V = Te(e, l, g, F, a), T = Oe(e), H = Be(e, {}, T), j = He(e, i, V, R, g, T, H), c = xe(e, g, H, j), o = Pe(e, g, H, j), v = je(e, h, i, y, s, j, c, o), {
       getVisualData: n
     } = v;
-    a.value = n(0, I.value + s - 1);
+    a.value = n(0, y.value + s - 1);
     const m = P(() => {
       const b = {
         "f-list-view": !0,
         "f-list-view-multiple": e.multiSelect
       };
       return e.size !== "default" && (b[`${e.size}-item`] = !0), W(b, e.customClass);
-    }), L = P(() => !!l.slots.footer || k.value);
+    }), L = P(() => !!l.slots.footer || S.value);
     function B() {
       return e.header === "SearchBar" ? J : e.header === "ContentHeader" ? Ye : J;
     }
-    const G = B(), {
-      renderHeader: S
-    } = G(e, l, M), r = $e(), d = qe(e, l, i, r), x = Je(e, l, a, d, r, u), {
+    const A = B(), {
+      renderHeader: I
+    } = A(e, l, M), r = $e(), d = qe(e, l, i, r), x = Je(e, l, a, d, r, u), {
       renderListArea: D
     } = Xe(e, l, a, i, p, r, u, v, x, d);
     function ne(b) {
       M.search(b);
     }
     function le(b) {
-      b && (i.load(b), a.value = n(0, I.value + s - 1));
+      b && (i.load(b), a.value = n(0, y.value + s - 1));
     }
     function ae() {
       u.clearSelection(), r.clearActiveItem();
@@ -655,15 +655,15 @@ const U = /* @__PURE__ */ ee({
       F.activeRowById(b);
     }
     function ce(b) {
-      const _ = g.idField.value, A = a.value.find((N) => N.raw[_] === b), E = a.value.findIndex((N) => N.raw[_] === b);
-      A && E > -1 && x.onClickItem(A, E);
+      const _ = g.idField.value, G = a.value.find((N) => N.raw[_] === b), E = a.value.findIndex((N) => N.raw[_] === b);
+      G && E > -1 && x.onClickItem(G, E);
     }
     function re(b) {
-      const _ = g.idField.value, A = a.value.find((E) => E.raw[_] === b);
-      A && F.changeRow(A);
+      const _ = g.idField.value, G = a.value.find((E) => E.raw[_] === b);
+      G && F.changeRow(G);
     }
     function de(b) {
-      y.updatePagination(b);
+      k.updatePagination(b);
     }
     function fe(b) {
       return a.value.filter((_) => b.includes(_.raw[e.idField]));
@@ -695,15 +695,11 @@ const U = /* @__PURE__ */ ee({
       applyColumnSorter: Ze,
       columnContext: Ce,
       updateColumnRenderContext: et
-    } = he, pe = Ge(e, i, a, Ce, v, I, s, ge, V), {
-      shouldRenderPagination: tt
-    } = y, {
-      renderDataGridPagination: nt
-    } = Ae(e, l, i, pe, y, u);
-    return () => t("div", {
+    } = he, pe = Ae(e, i, a, Ce, v, y, s, ge, V);
+    return Ge(e, l, i, pe, k, u), () => t("div", {
       class: m.value,
       onClick: ve
-    }, [S(), t("div", {
+    }, [I(), t("div", {
       ref: w,
       class: "f-list-view-content",
       onMouseover: () => {
@@ -756,10 +752,10 @@ const U = /* @__PURE__ */ ee({
       desc: "导游5",
       amount: 84.13,
       avatar: "./assets/avatar5.png"
-    }], k = P(() => e.data.length > 0 ? e.data : w);
+    }], S = P(() => e.data.length > 0 ? e.data : w);
     return () => {
       var C;
-      return t(z, null, [(C = k.value) == null ? void 0 : C.map((a) => t("div", {
+      return t(z, null, [(C = S.value) == null ? void 0 : C.map((a) => t("div", {
         class: "f-template-listview-row"
       }, [t("div", {
         class: "list-view-item-title"

package/components/list-view/index.umd.cjs

@@ -1,6 +1,6 @@
-(function(H,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue"),require("../common/index.umd.js"),require("../data-view/index.umd.js"),require("vue-i18n"),require("../checkbox/index.umd.js")):typeof define=="function"&&define.amd?define(["exports","vue","../common/index.umd.js","../data-view/index.umd.js","vue-i18n","../checkbox/index.umd.js"],e):(H=typeof globalThis<"u"?globalThis:H||self,e(H["list-view"]={},H.Vue,H.common,H.dataView,H.vueI18n,H.checkbox))})(this,function(H,e,_,O,J,q){"use strict";const U={columns:{type:Array,default:[{field:"name",title:"",dataType:"string"}]},customClass:{type:String,default:""},data:{type:Array,default:[]},draggable:{type:Boolean,default:!1},multiSelect:{type:Boolean,default:!1},multiSelectMode:{type:String,default:"OnCheck"},idField:{type:String,default:"id"},valueField:{type:String,default:"id"},textField:{type:String,default:"name"},titleField:{type:String,default:"name"},view:{type:String,default:"ContentView"},size:{type:String,default:"default"},placeholder:{type:String,default:""},header:{type:String,default:"ContentHeader"},headerClass:{type:String,default:""},itemClass:{type:[String,Function],default:"",validator:t=>typeof t=="string"||typeof t=="function"},itemStyle:{type:[String,Function],default:"",validator:t=>typeof t=="string"||typeof t=="function"},itemContentClass:{type:String,default:""},selectionValues:{type:Array,default:[]},group:{type:Object},selection:{type:Object,default:{enableSelectRow:!0,multiSelect:!1,multiSelectMode:"DependOnCheck",showCheckbox:!1,showSelectAll:!1,showSelection:!0}},keepOrder:{type:Boolean,default:!1},disableField:{type:String,default:"disabled"},enableHighlightSearch:{type:Boolean,default:!0},virtualized:{type:Boolean,default:!0},checkBeforeRemoveItem:{type:Function,default:null},headerTemplate:{type:Object},contentTemplate:{type:Object},footerTemplate:{type:Object},emptyTemplate:{type:Object},pagination:{type:Object,default:{enable:!1,size:20}}};function Q(t,o){function v(a){const s=[];let h=a.nextNode();for(;h;)s.push(h),h=a.nextNode();return s}function I(a,s){const h=document.createTreeWalker(a,NodeFilter.SHOW_TEXT);return v(h).map(C=>({textNode:C,text:(C.textContent||"").toLocaleLowerCase()})).map(({textNode:C,text:c})=>{const i=[];let F=0;for(;F<c.length;){const y=c.indexOf(s,F);if(y===-1)break;i.push(y),F=y+s.length}return i.map(y=>{const w=new Range;return w.setStart(C,y),w.setEnd(C,y+s.length),w})}).flat()}function p(a){if(!CSS.highlights||(CSS.highlights.clear(),!a||!o))return;const s=I(o.value,a.toLocaleLowerCase()),h=new Highlight(...s);CSS.highlights.set("search-result",h)}return{search:p}}function X(t,o,v,I,p,a,s,h,M,g){const D=e.ref(t.size),C=e.ref(t.textField),c=e.ref(t.titleField),i=e.ref(t.disableField),F=e.computed(()=>{var n,m;return((n=t.selection)==null?void 0:n.multiSelect)&&((m=t.selection)==null?void 0:m.showCheckbox)}),{onMouseenterItem:y,onMouseoverItem:w,onMouseoutItem:b}=a,{getKey:k,listViewItemClass:T,listViewItemStyle:x,onCheckItem:B,onClickItem:r}=s,l=e.computed(()=>{const n={"text-overflow":"ellipsis",overflow:"hidden","white-space":"nowrap"};return t.itemClass?n:{margin:D.value==="small"?"0.25rem 0":"8px 0",...n}});function f(n,m,P){return n.checked=h.findIndexInSelectedItems(n)>-1,e.createVNode("li",{class:T(n,m),id:k(n,m),key:k(n,m),style:x(n,m),onClick:R=>r(n,m,R),onMouseenter:R=>y(R,n,m),onMouseover:R=>w(R,n,m),onMouseout:R=>b(R,n,m)},[F.value&&e.createVNode("div",{class:"f-list-select",onClick:R=>R.stopPropagation()},[e.createVNode(q.FCheckbox,{id:"list-"+k(n,m),customClass:"listview-checkbox float-left",disabled:n[i.value],checked:n.checked,"onUpdate:checked":R=>n.checked=R,onChange:R=>{B(n,m,!R.checked)}},null)]),e.createVNode("div",{class:"f-list-content"},[e.createVNode("div",{class:t.itemContentClass,style:l.value,title:n.raw[c.value]||n.raw[C.value]},[n.raw[C.value]])])])}return{renderItem:f}}function Z(t,o,v,I,p,a,s,h,M,g){const D=e.ref(t.multiSelect),C=e.ref(t.disableField),c=e.ref(t.textField),{onMouseenterItem:i,onMouseoverItem:F,onMouseoutItem:y}=a,{getKey:w,listViewItemClass:b,listViewItemStyle:k,onCheckItem:T,onClickItem:x}=s;function B(l,f,n){return t.contentTemplate?e.createVNode(e.Fragment,null,[t.contentTemplate({item:l.raw,index:f,selectedItem:n})]):o.slots.content?e.createVNode(e.Fragment,null,[o.slots.content&&o.slots.content({item:l.raw,index:f,selectedItem:n})]):e.createVNode("div",{style:"margin: 10px 0;"},[l.raw[c.value||"name"]])}function r(l,f,n){return e.createVNode("li",{class:b(l,f),id:w(l,f),key:w(l,f),style:k(l,f),onClick:m=>x(l,f,m),onMouseenter:m=>i(m,l,f),onMouseover:m=>F(m,l,f),onMouseout:m=>y(m,l,f)},[D.value&&e.createVNode("div",{class:"f-list-select",onClick:m=>m.stopPropagation()},[e.createVNode(q.FCheckbox,{id:"list-"+w(l,f),customClass:"listview-checkbox",disabled:l[C.value]||!l.checked,checked:l.checked,"onUpdate:checked":m=>l.checked=m,onChange:m=>T(l,f,!m.checked)},null)]),e.createVNode("div",{class:"f-list-content"},[B(l,f,n)])])}return{renderItem:r}}function ee(t,o,v,I,p,a,s,h,M,g){const D=e.ref(t.multiSelect),C=e.ref(t.disableField),c=e.ref(t.textField),{onMouseenterItem:i,onMouseoverItem:F,onMouseoutItem:y}=a,{getKey:w,listViewItemClass:b,onCheckItem:k,onClickItem:T}=s,{dragstart:x,dragenter:B,dragover:r,dragend:l}=I,{removeItem:f}=M,n=e.computed(()=>({margin:D.value?"10px 0":"10px 0px 10px 14px"}));function m(u,d=""){const j=u.target;j.title=j.scrollWidth>j.clientWidth?d:""}function P(u){return e.createVNode("div",{style:n.value,onMouseenter:d=>m(d,u.raw[c.value||"name"])},[u.raw[c.value||"name"]])}function R(){return o.slots.itemContent?o.slots.itemContent:P}const A=R();function S(u,d,j){return e.createVNode("li",{class:b(u,d),id:w(u,d),key:w(u,d),onClick:N=>T(u,d,N),onMouseenter:N=>i(N,u,d),onMouseover:N=>F(N,u,d),onMouseout:N=>y(N,u,d),draggable:"true",onDragstart:N=>x(N,u,d),onDragenter:N=>B(N,d),onDragend:N=>l(N,u),onDragover:N=>r(N)},[D.value&&e.createVNode("div",{class:"f-list-select",onClick:N=>N.stopPropagation()},[e.createVNode(q.FCheckbox,{id:"list-"+w(u,d),customClass:"listview-checkbox",disabled:u[C.value]||!u.checked,checked:u.checked,"onUpdate:checked":N=>u.checked=N,onChange:N=>k(u,d,!N.checked)},null)]),e.createVNode("div",{class:"f-list-content"},[A(u)]),e.createVNode("div",{class:"f-list-remove",onClick:N=>f(d)},[e.createVNode("div",{class:"f-list-remove-icon"},[e.createVNode("i",{class:"f-icon f-icon-remove_face"},null)])]),e.createVNode("div",{class:"f-list-handle"},[e.createVNode("div",null,[e.createVNode("i",{class:"f-icon f-icon-drag-vertical"},null)])])])}return{renderItem:S}}function te(t,o,v,I,p,a,s,h,M,g){var w;const D=e.ref(((w=t.group)==null?void 0:w.groupFields)||[]),{collpaseGroupIconClass:C}=p,{toggleGroupRow:c}=g;function i(b,k){k.collapse=!k.collapse,v.value=c(k.collapse?"collapse":"expand",k,v.value)}function F(b,k,T){return o.slots.group?e.createVNode(e.Fragment,null,[o.slots.content&&o.slots.group({item:b.raw,index:k,selectedItem:T})]):e.createVNode("div",{class:"f-navlookup-recentHeader",onClick:x=>i(x,b)},[e.createVNode("div",{class:"fv-grid-group-row-icon"},[e.createVNode("span",{class:C(b)},null)]),e.createVNode("div",{class:"f-navlookup-recommandLabel"},[b.raw[D.value[b.layer]]])])}function y(b,k,T){return b.layer>-1&&F(b,k,T)}return{renderItem:y}}function ne(t,o,v,I){const{dataView:p}=v,{updateSelectedItems:a}=I;function s(h){if(h>-1&&h<p.value.length){if(t!=null&&t.checkBeforeRemoveItem&&!t.checkBeforeRemoveItem(p.value[h]))return;const M=p.value.splice(h,1);a(),o.emit("removeItem",M[0])}}return{removeItem:s}}function oe(t,o,v,I,p,a,s,h,M,g){const{t:D}=J.useI18n(),C=e.ref(t.view),c=e.ref(t.view==="CardView"),i=e.ref({}),F=e.ref(D("listView.emptyMessage")),y=ne(t,o,I,M),w=e.computed(()=>({"f-list-view-group":!0,"f-list-view-group-multiselect":t.multiSelect,"d-flex":c.value,"flex-wrap":c.value})),b=e.computed(()=>!!v.value&&v.value.length>0),k=e.computed(()=>v.value.length===0);e.computed(()=>k.value&&!o.slots.empty);function T(){return C.value==="SingleView"?X:C.value==="DraggableView"?ee:(C.value==="ContentView"||C.value==="CardView")&&(t.contentTemplate||o.slots.content)?Z:X}const x=T(),{renderItem:B}=x(t,o,v,g,p,a,M,s,y,h),{renderItem:r}=te(t,o,v,g,p,a,M,s,y,h),l=[B,r];function f(){return v.value.filter(P=>P.visible!==!1).map((P,R)=>l[P.type](P,R,i))}function n(){return e.createVNode("div",{class:"f-list-view-emptydata",style:"margin: 0 auto;"},[e.createVNode("p",{class:"f-empty-title"},[t.emptyTemplate?t.emptyTemplate():o.slots.empty?o.slots.empty():F.value])])}function m(){return e.createVNode("ul",{class:w.value,style:"list-style: none;"},[b.value&&f(),k.value&&n()])}return{renderListArea:m}}function ae(t,o,v){function I(){return o.slots.header&&e.createVNode("div",{class:"f-list-view-header"},[o.slots.header()])}return{renderHeader:I}}function Y(t,o,v){const I=e.ref(t.headerClass),p=e.ref(t.placeholder),a=e.ref(""),s=e.computed(()=>!a.value),h=e.computed(()=>!!a.value);function M(c){a.value=""}e.watch(a,c=>{t.enableHighlightSearch&&v.search(c),o.emit("afterSearch",c)});const g=e.computed(()=>{const c={"form-group":!0,"farris-form-group":!0};return I.value&&I.value.split(" ").reduce((F,y)=>(F[y]=!0,F),c),c});function D(c){}function C(){return e.createVNode("div",{class:"f-list-view-header",onClick:e.withModifiers(()=>D,["prevent","stop"])},[e.createVNode("div",{class:g.value},[e.createVNode("div",{class:"farris-input-wrap"},[e.createVNode("div",{class:"f-cmp-inputgroup"},[e.createVNode("div",{class:"input-group f-state-editable"},[e.withDirectives(e.createVNode("input",{class:"form-control f-utils-fill text-left","onUpdate:modelValue":c=>a.value=c,name:"input-group-value",type:"text",placeholder:p.value,autocomplete:"off"},null),[[e.vModelText,a.value]]),e.createVNode("div",{class:"input-group-append"},[h.value&&e.createVNode("span",{class:"input-group-text input-group-clear",onClick:c=>M()},[e.createVNode("i",{class:"f-icon f-icon-close-circle"},null)]),s.value&&e.createVNode("span",{class:"input-group-text"},[e.createVNode("span",{class:"f-icon f-icon-search"},null)])])])])])])])}return{renderHeader:C}}function le(){const t=e.ref(""),o=e.ref(-1),v=e.ref(""),I=e.ref(-1),p=e.ref(!1);function a(C,c,i){I.value=i}function s(C,c,i){p.value||(I.value=i)}function h(C,c,i){I.value=-1}function M(){p.value=!0}function g(){p.value=!1}function D(){o.value=-1,t.value=""}return{activeIndex:o,focusedItemId:v,hoverIndex:I,clearActiveItem:D,onMouseenterItem:a,onMouseoverItem:s,onMouseoutItem:h,resumeHover:g,suspendHover:M}}function se(t,o,v,I){const p=e.ref(t.idField),{dataView:a}=v,s=e.ref(-1),h=e.ref(!1),{activeIndex:M,focusedItemId:g,hoverIndex:D,resumeHover:C,suspendHover:c}=I;let i,F=0,y=0;function w(r,l){const f=r-F,n=l-y;i.style.left=parseInt(i.style.left)+f+"px",i.style.top=parseInt(i.style.top)+n+"px",F=r,y=l}function b(r){const{left:l,top:f}=r.getBoundingClientRect(),n=r.cloneNode(!0);return n.style.cssText=`
+(function(H,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue"),require("../common/index.umd.js"),require("../data-view/index.umd.js"),require("vue-i18n"),require("../checkbox/index.umd.js")):typeof define=="function"&&define.amd?define(["exports","vue","../common/index.umd.js","../data-view/index.umd.js","vue-i18n","../checkbox/index.umd.js"],e):(H=typeof globalThis<"u"?globalThis:H||self,e(H["list-view"]={},H.Vue,H.common,H.dataView,H.vueI18n,H.checkbox))})(this,function(H,e,_,R,J,q){"use strict";const U={columns:{type:Array,default:[{field:"name",title:"",dataType:"string"}]},customClass:{type:String,default:""},data:{type:Array,default:[]},draggable:{type:Boolean,default:!1},multiSelect:{type:Boolean,default:!1},multiSelectMode:{type:String,default:"OnCheck"},idField:{type:String,default:"id"},valueField:{type:String,default:"id"},textField:{type:String,default:"name"},titleField:{type:String,default:"name"},view:{type:String,default:"ContentView"},size:{type:String,default:"default"},placeholder:{type:String,default:""},header:{type:String,default:"ContentHeader"},headerClass:{type:String,default:""},itemClass:{type:[String,Function],default:"",validator:t=>typeof t=="string"||typeof t=="function"},itemStyle:{type:[String,Function],default:"",validator:t=>typeof t=="string"||typeof t=="function"},itemContentClass:{type:String,default:""},selectionValues:{type:Array,default:[]},group:{type:Object},selection:{type:Object,default:{enableSelectRow:!0,multiSelect:!1,multiSelectMode:"DependOnCheck",showCheckbox:!1,showSelectAll:!1,showSelection:!0}},keepOrder:{type:Boolean,default:!1},disableField:{type:String,default:"disabled"},enableHighlightSearch:{type:Boolean,default:!0},virtualized:{type:Boolean,default:!0},checkBeforeRemoveItem:{type:Function,default:null},headerTemplate:{type:Object},contentTemplate:{type:Object},footerTemplate:{type:Object},emptyTemplate:{type:Object},pagination:{type:Object,default:{enable:!1,size:20}}};function Q(t,o){function v(l){const s=[];let h=l.nextNode();for(;h;)s.push(h),h=l.nextNode();return s}function S(l,s){const h=document.createTreeWalker(l,NodeFilter.SHOW_TEXT);return v(h).map(C=>({textNode:C,text:(C.textContent||"").toLocaleLowerCase()})).map(({textNode:C,text:c})=>{const i=[];let F=0;for(;F<c.length;){const I=c.indexOf(s,F);if(I===-1)break;i.push(I),F=I+s.length}return i.map(I=>{const y=new Range;return y.setStart(C,I),y.setEnd(C,I+s.length),y})}).flat()}function p(l){if(!CSS.highlights||(CSS.highlights.clear(),!l||!o))return;const s=S(o.value,l.toLocaleLowerCase()),h=new Highlight(...s);CSS.highlights.set("search-result",h)}return{search:p}}function X(t,o,v,S,p,l,s,h,M,g){const D=e.ref(t.size),C=e.ref(t.textField),c=e.ref(t.titleField),i=e.ref(t.disableField),F=e.computed(()=>{var n,m;return((n=t.selection)==null?void 0:n.multiSelect)&&((m=t.selection)==null?void 0:m.showCheckbox)}),{onMouseenterItem:I,onMouseoverItem:y,onMouseoutItem:b}=l,{getKey:k,listViewItemClass:T,listViewItemStyle:x,onCheckItem:B,onClickItem:r}=s,a=e.computed(()=>{const n={"text-overflow":"ellipsis",overflow:"hidden","white-space":"nowrap"};return t.itemClass?n:{margin:D.value==="small"?"0.25rem 0":"8px 0",...n}});function f(n,m,P){return n.checked=h.findIndexInSelectedItems(n)>-1,e.createVNode("li",{class:T(n,m),id:k(n,m),key:k(n,m),style:x(n,m),onClick:O=>r(n,m,O),onMouseenter:O=>I(O,n,m),onMouseover:O=>y(O,n,m),onMouseout:O=>b(O,n,m)},[F.value&&e.createVNode("div",{class:"f-list-select",onClick:O=>O.stopPropagation()},[e.createVNode(q.FCheckbox,{id:"list-"+k(n,m),customClass:"listview-checkbox float-left",disabled:n[i.value],checked:n.checked,"onUpdate:checked":O=>n.checked=O,onChange:O=>{B(n,m,!O.checked)}},null)]),e.createVNode("div",{class:"f-list-content"},[e.createVNode("div",{class:t.itemContentClass,style:a.value,title:n.raw[c.value]||n.raw[C.value]},[n.raw[C.value]])])])}return{renderItem:f}}function Z(t,o,v,S,p,l,s,h,M,g){const D=e.ref(t.multiSelect),C=e.ref(t.disableField),c=e.ref(t.textField),{onMouseenterItem:i,onMouseoverItem:F,onMouseoutItem:I}=l,{getKey:y,listViewItemClass:b,listViewItemStyle:k,onCheckItem:T,onClickItem:x}=s;function B(a,f,n){return t.contentTemplate?e.createVNode(e.Fragment,null,[t.contentTemplate({item:a.raw,index:f,selectedItem:n})]):o.slots.content?e.createVNode(e.Fragment,null,[o.slots.content&&o.slots.content({item:a.raw,index:f,selectedItem:n})]):e.createVNode("div",{style:"margin: 10px 0;"},[a.raw[c.value||"name"]])}function r(a,f,n){return e.createVNode("li",{class:b(a,f),id:y(a,f),key:y(a,f),style:k(a,f),onClick:m=>x(a,f,m),onMouseenter:m=>i(m,a,f),onMouseover:m=>F(m,a,f),onMouseout:m=>I(m,a,f)},[D.value&&e.createVNode("div",{class:"f-list-select",onClick:m=>m.stopPropagation()},[e.createVNode(q.FCheckbox,{id:"list-"+y(a,f),customClass:"listview-checkbox",disabled:a[C.value]||!a.checked,checked:a.checked,"onUpdate:checked":m=>a.checked=m,onChange:m=>T(a,f,!m.checked)},null)]),e.createVNode("div",{class:"f-list-content"},[B(a,f,n)])])}return{renderItem:r}}function ee(t,o,v,S,p,l,s,h,M,g){const D=e.ref(t.multiSelect),C=e.ref(t.disableField),c=e.ref(t.textField),{onMouseenterItem:i,onMouseoverItem:F,onMouseoutItem:I}=l,{getKey:y,listViewItemClass:b,onCheckItem:k,onClickItem:T}=s,{dragstart:x,dragenter:B,dragover:r,dragend:a}=S,{removeItem:f}=M,n=e.computed(()=>({margin:D.value?"10px 0":"10px 0px 10px 14px"}));function m(u,d=""){const j=u.target;j.title=j.scrollWidth>j.clientWidth?d:""}function P(u){return e.createVNode("div",{style:n.value,onMouseenter:d=>m(d,u.raw[c.value||"name"])},[u.raw[c.value||"name"]])}function O(){return o.slots.itemContent?o.slots.itemContent:P}const G=O();function w(u,d,j){return e.createVNode("li",{class:b(u,d),id:y(u,d),key:y(u,d),onClick:N=>T(u,d,N),onMouseenter:N=>i(N,u,d),onMouseover:N=>F(N,u,d),onMouseout:N=>I(N,u,d),draggable:"true",onDragstart:N=>x(N,u,d),onDragenter:N=>B(N,d),onDragend:N=>a(N,u),onDragover:N=>r(N)},[D.value&&e.createVNode("div",{class:"f-list-select",onClick:N=>N.stopPropagation()},[e.createVNode(q.FCheckbox,{id:"list-"+y(u,d),customClass:"listview-checkbox",disabled:u[C.value]||!u.checked,checked:u.checked,"onUpdate:checked":N=>u.checked=N,onChange:N=>k(u,d,!N.checked)},null)]),e.createVNode("div",{class:"f-list-content"},[G(u)]),e.createVNode("div",{class:"f-list-remove",onClick:N=>f(d)},[e.createVNode("div",{class:"f-list-remove-icon"},[e.createVNode("i",{class:"f-icon f-icon-remove_face"},null)])]),e.createVNode("div",{class:"f-list-handle"},[e.createVNode("div",null,[e.createVNode("i",{class:"f-icon f-icon-drag-vertical"},null)])])])}return{renderItem:w}}function te(t,o,v,S,p,l,s,h,M,g){var y;const D=e.ref(((y=t.group)==null?void 0:y.groupFields)||[]),{collpaseGroupIconClass:C}=p,{toggleGroupRow:c}=g;function i(b,k){k.collapse=!k.collapse,v.value=c(k.collapse?"collapse":"expand",k,v.value)}function F(b,k,T){return o.slots.group?e.createVNode(e.Fragment,null,[o.slots.content&&o.slots.group({item:b.raw,index:k,selectedItem:T})]):e.createVNode("div",{class:"f-navlookup-recentHeader",onClick:x=>i(x,b)},[e.createVNode("div",{class:"fv-grid-group-row-icon"},[e.createVNode("span",{class:C(b)},null)]),e.createVNode("div",{class:"f-navlookup-recommandLabel"},[b.raw[D.value[b.layer]]])])}function I(b,k,T){return b.layer>-1&&F(b,k,T)}return{renderItem:I}}function ne(t,o,v,S){const{dataView:p}=v,{updateSelectedItems:l}=S;function s(h){if(h>-1&&h<p.value.length){if(t!=null&&t.checkBeforeRemoveItem&&!t.checkBeforeRemoveItem(p.value[h]))return;const M=p.value.splice(h,1);l(),o.emit("removeItem",M[0])}}return{removeItem:s}}function oe(t,o,v,S,p,l,s,h,M,g){const{t:D}=J.useI18n(),C=e.ref(t.view),c=e.ref(t.view==="CardView"),i=e.ref({}),F=e.ref(D("listView.emptyMessage")),I=ne(t,o,S,M),y=e.computed(()=>({"f-list-view-group":!0,"f-list-view-group-multiselect":t.multiSelect,"d-flex":c.value,"flex-wrap":c.value})),b=e.computed(()=>!!v.value&&v.value.length>0),k=e.computed(()=>v.value.length===0);e.computed(()=>k.value&&!o.slots.empty);function T(){return C.value==="SingleView"?X:C.value==="DraggableView"?ee:(C.value==="ContentView"||C.value==="CardView")&&(t.contentTemplate||o.slots.content)?Z:X}const x=T(),{renderItem:B}=x(t,o,v,g,p,l,M,s,I,h),{renderItem:r}=te(t,o,v,g,p,l,M,s,I,h),a=[B,r];function f(){return v.value.filter(P=>P.visible!==!1).map((P,O)=>a[P.type](P,O,i))}function n(){return e.createVNode("div",{class:"f-list-view-emptydata",style:"margin: 0 auto;"},[e.createVNode("p",{class:"f-empty-title"},[t.emptyTemplate?t.emptyTemplate():o.slots.empty?o.slots.empty():F.value])])}function m(){return e.createVNode("ul",{class:y.value,style:"list-style: none;"},[b.value&&f(),k.value&&n()])}return{renderListArea:m}}function le(t,o,v){function S(){return o.slots.header&&e.createVNode("div",{class:"f-list-view-header"},[o.slots.header()])}return{renderHeader:S}}function Y(t,o,v){const S=e.ref(t.headerClass),p=e.ref(t.placeholder),l=e.ref(""),s=e.computed(()=>!l.value),h=e.computed(()=>!!l.value);function M(c){l.value=""}e.watch(l,c=>{t.enableHighlightSearch&&v.search(c),o.emit("afterSearch",c)});const g=e.computed(()=>{const c={"form-group":!0,"farris-form-group":!0};return S.value&&S.value.split(" ").reduce((F,I)=>(F[I]=!0,F),c),c});function D(c){}function C(){return e.createVNode("div",{class:"f-list-view-header",onClick:e.withModifiers(()=>D,["prevent","stop"])},[e.createVNode("div",{class:g.value},[e.createVNode("div",{class:"farris-input-wrap"},[e.createVNode("div",{class:"f-cmp-inputgroup"},[e.createVNode("div",{class:"input-group f-state-editable"},[e.withDirectives(e.createVNode("input",{class:"form-control f-utils-fill text-left","onUpdate:modelValue":c=>l.value=c,name:"input-group-value",type:"text",placeholder:p.value,autocomplete:"off"},null),[[e.vModelText,l.value]]),e.createVNode("div",{class:"input-group-append"},[h.value&&e.createVNode("span",{class:"input-group-text input-group-clear",onClick:c=>M()},[e.createVNode("i",{class:"f-icon f-icon-close-circle"},null)]),s.value&&e.createVNode("span",{class:"input-group-text"},[e.createVNode("span",{class:"f-icon f-icon-search"},null)])])])])])])])}return{renderHeader:C}}function ae(){const t=e.ref(""),o=e.ref(-1),v=e.ref(""),S=e.ref(-1),p=e.ref(!1);function l(C,c,i){S.value=i}function s(C,c,i){p.value||(S.value=i)}function h(C,c,i){S.value=-1}function M(){p.value=!0}function g(){p.value=!1}function D(){o.value=-1,t.value=""}return{activeIndex:o,focusedItemId:v,hoverIndex:S,clearActiveItem:D,onMouseenterItem:l,onMouseoverItem:s,onMouseoutItem:h,resumeHover:g,suspendHover:M}}function se(t,o,v,S){const p=e.ref(t.idField),{dataView:l}=v,s=e.ref(-1),h=e.ref(!1),{activeIndex:M,focusedItemId:g,hoverIndex:D,resumeHover:C,suspendHover:c}=S;let i,F=0,I=0;function y(r,a){const f=r-F,n=a-I;i.style.left=parseInt(i.style.left)+f+"px",i.style.top=parseInt(i.style.top)+n+"px",F=r,I=a}function b(r){const{left:a,top:f}=r.getBoundingClientRect(),n=r.cloneNode(!0);return n.style.cssText=`
         position:absolute;
-        left:${l}px;
+        left:${a}px;
         top:${document.documentElement.scrollTop?f+document.documentElement.scrollTop:f}px;
         z-index: 999999;
         border: 1px solid #e2e3e5;
@@ -17,4 +17,4 @@
         `,n.children[0].style.cssText="overflow: hidden;flex: 1 1 auto;width: 100%;",n.children[0].children[0].style.cssText=`
         margin: 10px 0px 10px 14px;
         overflow: hidden;text-overflow: ellipsis;white-space: nowrap;
-        `,n.children[1].style.cssText="width: 30px;color: #f4625f;padding: 0 14px 0 0",n.children[2].style.cssText="padding: 0 14px 0 0;",document.body.appendChild(n),n}function k(r,l,f){if(r.stopPropagation(),c(),l){if(i=b(r.target),r.dataTransfer){const n=new Image;n.src="",r.dataTransfer.setDragImage(n,0,0)}F=r.pageX,y=r.pageY,setTimeout(()=>{s.value=f,h.value=!0,l.moving=!0})}}function T(r,l){if(r.preventDefault(),s.value!==l){const f=a.value[s.value],n=a.value;n.splice(s.value,1),n.splice(l,0,f),s.value=l,w(r.pageX,r.pageY)}}function x(r){r.preventDefault(),r.dataTransfer&&(r.dataTransfer.dropEffect="move"),w(r.pageX,r.pageY)}function B(r,l){l&&(l.moving=!1,i&&(document.body.removeChild(i),i=null)),a.value.forEach((f,n)=>{f.__fv_index__=n}),h.value=!1,C(),D.value=l.raw.__fv_index__,M.value=l.raw.__fv_index__,g.value=l.raw[p.value],o.emit("change",a.value),o.emit("activeChange",[l.raw])}return{dragstart:k,dragenter:T,dragover:x,dragend:B,isDragging:h}}function ce(t,o,v,I,p,a){const s=e.ref(t.idField),h=e.ref(t.disableField),M=e.ref(t.draggable);e.ref(t.itemClass);const g=e.ref(t.selection.multiSelect??!1),D=e.ref(t.selection.multiSelectMode),{isDragging:C}=I,{activeIndex:c,focusedItemId:i,hoverIndex:F}=p,{clearSelection:y,getSelectedItems:w,toggleSelectItem:b,currentSelectedDataId:k}=a,T=e.ref(w()),x=S=>T.value.length===0?!1:T.value.some(u=>{let d="";return u.data?d=u.data[s.value]:d=u[s.value],d===S});function B(){T.value=w()}function r(S,u){return S.raw[s.value]!=null?S.raw[s.value]:""}function l(S,u){const d={"f-list-view-group-item":!0,"f-list-view-draggable-item":M.value,"f-un-click":!S.checked,"f-un-select":!!S.raw[h.value],"f-listview-active":g.value&&x(r(S))||!g.value&&S.raw[s.value]===k.value,"f-listview-hover":!C.value&&u===F.value,moving:!!S.moving};if(typeof t.itemClass=="string")return _.getCustomClass(d,t.itemClass);if(typeof t.itemClass=="function"){const j=t.itemClass(S);return _.getCustomClass(d,j)}return d}function f(S,u){const d=g.value&&x(r(S))||!g.value&&S.raw[s.value]===k.value,j={};if(d&&(j.backgroundColor="#dae9ff"),typeof t.itemStyle=="string")return _.getCustomStyle(j,t.itemStyle);if(typeof t.itemStyle=="function"){const N=t.itemStyle(S);return _.getCustomStyle(j,N)}return j}const n=e.computed(()=>!g.value);function m(S,u,d){S.checked=d,!S.raw[h.value]&&(n.value&&(i.value=S.raw[s.value]),b(S))}const P=e.computed(()=>g.value&&D.value==="OnCheckClearByClick"),R=e.computed(()=>!g.value||g.value&&(D.value==="OnCheckAndClick"||D.value==="OnClick"));function A(S,u,d){if(S.raw[h.value]){d==null||d.preventDefault(),d==null||d.stopPropagation();return}i.value=S.raw[s.value],c.value=u,P.value&&y(),R.value&&(b(S),B()),o.emit("clickItem",{data:T.value,index:u,dataItem:S.raw}),o.emit("activeChange",T.value)}return{getKey:r,selectedItems:T,listViewItemClass:l,listViewItemStyle:f,updateSelectedItems:B,onCheckItem:m,onClickItem:A}}const G=e.defineComponent({name:"FListView",props:U,emits:["afterSearch","checkValuesChange","clickItem","selectItem","unSelectItem","selectionChange","removeItem","change","activeChange","pageIndexChanged","pageSizeChanged","changed","selectionUpdate"],setup(t,o){const v=e.ref(),I=e.ref(!0),p=e.ref(!1),a=e.ref([]),s=0,h=e.ref(t.columns),M=O.useFilter(t,o),g=O.useIdentify(t),D=O.useHierarchy(t),C=O.useGroupData(t,g),c=O.useDataView(t,new Map,M,D,g),i=O.useSelection(t,c,g,a,o),F=Q(t,v),y=O.usePagination(t,c),w=e.computed(()=>c.dataView.value.length),b=O.useRow(t,o,i,g),k=O.useEdit(t,o,g,b,a),T=O.useVisualDataBound(t),x=O.useVisualDataCell(t,{},T),B=O.useVisualDataRow(t,c,k,D,g,T,x),r=O.useVisualGroupRow(t,g,x,B),l=O.useVisualSummaryRow(t,g,x,B),f=O.useVisualData(t,h,c,w,s,B,r,l),{getVisualData:n}=f;a.value=n(0,w.value+s-1);const m=e.computed(()=>{const V={"f-list-view":!0,"f-list-view-multiple":t.multiSelect};return t.size!=="default"&&(V[`${t.size}-item`]=!0),_.getCustomClass(V,t.customClass)}),P=e.computed(()=>!!o.slots.footer||I.value);function R(){return t.header==="SearchBar"?Y:t.header==="ContentHeader"?ae:Y}const A=R(),{renderHeader:S}=A(t,o,F),u=le(),d=se(t,o,c,u),j=ce(t,o,a,d,u,i),{renderListArea:N}=oe(t,o,a,c,C,u,i,f,j,d);function ie(V){F.search(V)}function re(V){V&&(c.load(V),a.value=n(0,w.value+s-1))}function ue(){i.clearSelection(),u.clearActiveItem()}function de(){return j.selectedItems.value}function fe(){return j.selectedItems.value.map(V=>V[g.idField.value])}function $(V){i.selectedValues.value=V,j.updateSelectedItems()}function me(){return i.currentSelectedDataId.value}function ge(V){b.activeRowById(V)}function he(V){const L=g.idField.value,E=a.value.find(K=>K.raw[L]===V),z=a.value.findIndex(K=>K.raw[L]===V);E&&z>-1&&j.onClickItem(E,z)}function pe(V){const L=g.idField.value,E=a.value.find(z=>z.raw[L]===V);E&&b.changeRow(E)}function Ce(V){y.updatePagination(V)}function ve(V){return a.value.filter(L=>V.includes(L.raw[t.idField]))}o.expose({search:ie,updateDataSource:re,clearSelection:ue,getSelections:de,updateSelectionByIds:$,getSelectionIds:fe,activeRowById:ge,getCurrentRowId:me,clickRowItemById:he,updatePagination:Ce,getVisibleDataByIds:ve,selectRowById:pe});function ye(V){t.multiSelect&&(V.preventDefault(),V.stopPropagation())}e.watch(()=>t.selectionValues,(V,L)=>{V!==L&&$(V)});const we=O.useSidebar(t,i),{sidebarWidth:Se,showSidebarCheckBox:be}=we,Ie=O.useColumn(t,o),{applyColumnSorter:Ne,columnContext:Ve,updateColumnRenderContext:Fe}=Ie,ke=O.useVirtualScroll(t,c,a,Ve,f,w,s,Se,k),{shouldRenderPagination:De}=y,{renderDataGridPagination:Te}=O.getPagination(t,o,c,ke,y,i);return()=>e.createVNode("div",{class:m.value,onClick:ye},[S(),e.createVNode("div",{ref:v,class:"f-list-view-content",onMouseover:()=>{p.value=!0},onMouseleave:()=>{p.value=!1}},[N()]),P.value&&e.createVNode("div",{class:"f-list-view-footer"},[t.footerTemplate?t.footerTemplate():o.slots.footer&&o.slots.footer()])])}}),W=e.defineComponent({name:"FListViewTable",props:U,emits:["outputValue","currentEvent","selectionChanged"],setup(t,o){const v=[{name:"任芳",code:"1.PO20198989001",date:"2024-02-19",desc:"导游1",amount:63.85,avatar:"./assets/avatar1.png"},{name:"戴秀兰",code:"2.PO20198989002",date:"2024-03-17",desc:"导游2",amount:60.13,avatar:"./assets/avatar2.png"},{name:"尹磊",code:"3.PO20198989003",date:"2024-04-09",desc:"导游3",amount:36.54,avatar:"./assets/avatar3.png"},{name:"赵明",code:"4.PO20198989004",date:"2024-03-27",desc:"导游4",amount:52.76,avatar:"./assets/avatar4.png"},{name:"吕洋",code:"5.PO20198989005",date:"2024-11-17",desc:"导游5",amount:84.13,avatar:"./assets/avatar5.png"}],I=e.computed(()=>t.data.length>0?t.data:v);return()=>{var p;return e.createVNode(e.Fragment,null,[(p=I.value)==null?void 0:p.map(a=>e.createVNode("div",{class:"f-template-listview-row"},[e.createVNode("div",{class:"list-view-item-title"},[e.createVNode("div",{class:"item-title-img"},[e.createVNode("img",{src:a.avatar,alt:"",style:"width: 44px;"},null)]),e.createVNode("div",{class:"item-title"},[e.createVNode("p",{class:"item-title-heading"},[a.code]),e.createVNode("p",{class:"item-title-text"},[a.desc])])]),e.createVNode("div",{class:"list-view-item-content"},[e.createVNode("div",{class:"content-message"},[e.createVNode("div",{class:"ower"},[e.createVNode("p",null,[e.createTextVNode("创建人")]),e.createVNode("p",{class:"con"},[a.name])]),e.createVNode("div",{class:"date"},[e.createVNode("p",null,[e.createTextVNode("创建时间")]),e.createVNode("p",{class:"con"},[a.date])])])])]))])}}});G.install=t=>{t.component(G.name,G),t.component(W.name,W)},H.FListView=G,H.FListViewTable=W,H.default=G,H.listViewProps=U,Object.defineProperties(H,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
+        `,n.children[1].style.cssText="width: 30px;color: #f4625f;padding: 0 14px 0 0",n.children[2].style.cssText="padding: 0 14px 0 0;",document.body.appendChild(n),n}function k(r,a,f){if(r.stopPropagation(),c(),a){if(i=b(r.target),r.dataTransfer){const n=new Image;n.src="",r.dataTransfer.setDragImage(n,0,0)}F=r.pageX,I=r.pageY,setTimeout(()=>{s.value=f,h.value=!0,a.moving=!0})}}function T(r,a){if(r.preventDefault(),s.value!==a){const f=l.value[s.value],n=l.value;n.splice(s.value,1),n.splice(a,0,f),s.value=a,y(r.pageX,r.pageY)}}function x(r){r.preventDefault(),r.dataTransfer&&(r.dataTransfer.dropEffect="move"),y(r.pageX,r.pageY)}function B(r,a){a&&(a.moving=!1,i&&(document.body.removeChild(i),i=null)),l.value.forEach((f,n)=>{f.__fv_index__=n}),h.value=!1,C(),D.value=a.raw.__fv_index__,M.value=a.raw.__fv_index__,g.value=a.raw[p.value],o.emit("change",l.value),o.emit("activeChange",[a.raw])}return{dragstart:k,dragenter:T,dragover:x,dragend:B,isDragging:h}}function ce(t,o,v,S,p,l){const s=e.ref(t.idField),h=e.ref(t.disableField),M=e.ref(t.draggable);e.ref(t.itemClass);const g=e.ref(t.selection.multiSelect??!1),D=e.ref(t.selection.multiSelectMode),{isDragging:C}=S,{activeIndex:c,focusedItemId:i,hoverIndex:F}=p,{clearSelection:I,getSelectedItems:y,toggleSelectItem:b,currentSelectedDataId:k}=l,T=e.ref(y()),x=w=>T.value.length===0?!1:T.value.some(u=>{let d="";return u.data?d=u.data[s.value]:d=u[s.value],d===w});function B(){T.value=y()}function r(w,u){return w.raw[s.value]!=null?w.raw[s.value]:""}function a(w,u){const d={"f-list-view-group-item":!0,"f-list-view-draggable-item":M.value,"f-un-click":!w.checked,"f-un-select":!!w.raw[h.value],"f-listview-active":g.value&&x(r(w))||!g.value&&w.raw[s.value]===k.value,"f-listview-hover":!C.value&&u===F.value,moving:!!w.moving};if(typeof t.itemClass=="string")return _.getCustomClass(d,t.itemClass);if(typeof t.itemClass=="function"){const j=t.itemClass(w);return _.getCustomClass(d,j)}return d}function f(w,u){const d=g.value&&x(r(w))||!g.value&&w.raw[s.value]===k.value,j={};if(d&&(j.backgroundColor="#dae9ff"),typeof t.itemStyle=="string")return _.getCustomStyle(j,t.itemStyle);if(typeof t.itemStyle=="function"){const N=t.itemStyle(w);return _.getCustomStyle(j,N)}return j}const n=e.computed(()=>!g.value);function m(w,u,d){w.checked=d,!w.raw[h.value]&&(n.value&&(i.value=w.raw[s.value]),b(w))}const P=e.computed(()=>g.value&&D.value==="OnCheckClearByClick"),O=e.computed(()=>!g.value||g.value&&(D.value==="OnCheckAndClick"||D.value==="OnClick"));function G(w,u,d){if(w.raw[h.value]){d==null||d.preventDefault(),d==null||d.stopPropagation();return}i.value=w.raw[s.value],c.value=u,P.value&&I(),O.value&&(b(w),B()),o.emit("clickItem",{data:T.value,index:u,dataItem:w.raw}),o.emit("activeChange",T.value)}return{getKey:r,selectedItems:T,listViewItemClass:a,listViewItemStyle:f,updateSelectedItems:B,onCheckItem:m,onClickItem:G}}const A=e.defineComponent({name:"FListView",props:U,emits:["afterSearch","checkValuesChange","clickItem","selectItem","unSelectItem","selectionChange","removeItem","change","activeChange","pageIndexChanged","pageSizeChanged","changed","selectionUpdate"],setup(t,o){const v=e.ref(),S=e.ref(!0),p=e.ref(!1),l=e.ref([]),s=0,h=e.ref(t.columns),M=R.useFilter(t,o),g=R.useIdentify(t),D=R.useHierarchy(t),C=R.useGroupData(t,g),c=R.useDataView(t,new Map,M,D,g),i=R.useSelection(t,c,g,l,o),F=Q(t,v),I=R.usePagination(t,c),y=e.computed(()=>c.dataView.value.length),b=R.useRow(t,o,i,g),k=R.useEdit(t,o,g,b,l),T=R.useVisualDataBound(t),x=R.useVisualDataCell(t,{},T),B=R.useVisualDataRow(t,c,k,D,g,T,x),r=R.useVisualGroupRow(t,g,x,B),a=R.useVisualSummaryRow(t,g,x,B),f=R.useVisualData(t,h,c,y,s,B,r,a),{getVisualData:n}=f;l.value=n(0,y.value+s-1);const m=e.computed(()=>{const V={"f-list-view":!0,"f-list-view-multiple":t.multiSelect};return t.size!=="default"&&(V[`${t.size}-item`]=!0),_.getCustomClass(V,t.customClass)}),P=e.computed(()=>!!o.slots.footer||S.value);function O(){return t.header==="SearchBar"?Y:t.header==="ContentHeader"?le:Y}const G=O(),{renderHeader:w}=G(t,o,F),u=ae(),d=se(t,o,c,u),j=ce(t,o,l,d,u,i),{renderListArea:N}=oe(t,o,l,c,C,u,i,f,j,d);function ie(V){F.search(V)}function re(V){V&&(c.load(V),l.value=n(0,y.value+s-1))}function ue(){i.clearSelection(),u.clearActiveItem()}function de(){return j.selectedItems.value}function fe(){return j.selectedItems.value.map(V=>V[g.idField.value])}function $(V){i.selectedValues.value=V,j.updateSelectedItems()}function me(){return i.currentSelectedDataId.value}function ge(V){b.activeRowById(V)}function he(V){const L=g.idField.value,E=l.value.find(K=>K.raw[L]===V),z=l.value.findIndex(K=>K.raw[L]===V);E&&z>-1&&j.onClickItem(E,z)}function pe(V){const L=g.idField.value,E=l.value.find(z=>z.raw[L]===V);E&&b.changeRow(E)}function Ce(V){I.updatePagination(V)}function ve(V){return l.value.filter(L=>V.includes(L.raw[t.idField]))}o.expose({search:ie,updateDataSource:re,clearSelection:ue,getSelections:de,updateSelectionByIds:$,getSelectionIds:fe,activeRowById:ge,getCurrentRowId:me,clickRowItemById:he,updatePagination:Ce,getVisibleDataByIds:ve,selectRowById:pe});function ye(V){t.multiSelect&&(V.preventDefault(),V.stopPropagation())}e.watch(()=>t.selectionValues,(V,L)=>{V!==L&&$(V)});const we=R.useSidebar(t,i),{sidebarWidth:Se,showSidebarCheckBox:be}=we,Ie=R.useColumn(t,o),{applyColumnSorter:Ne,columnContext:Ve,updateColumnRenderContext:Fe}=Ie,ke=R.useVirtualScroll(t,c,l,Ve,f,y,s,Se,k);return R.getPagination(t,o,c,ke,I,i),()=>e.createVNode("div",{class:m.value,onClick:ye},[w(),e.createVNode("div",{ref:v,class:"f-list-view-content",onMouseover:()=>{p.value=!0},onMouseleave:()=>{p.value=!1}},[N()]),P.value&&e.createVNode("div",{class:"f-list-view-footer"},[t.footerTemplate?t.footerTemplate():o.slots.footer&&o.slots.footer()])])}}),W=e.defineComponent({name:"FListViewTable",props:U,emits:["outputValue","currentEvent","selectionChanged"],setup(t,o){const v=[{name:"任芳",code:"1.PO20198989001",date:"2024-02-19",desc:"导游1",amount:63.85,avatar:"./assets/avatar1.png"},{name:"戴秀兰",code:"2.PO20198989002",date:"2024-03-17",desc:"导游2",amount:60.13,avatar:"./assets/avatar2.png"},{name:"尹磊",code:"3.PO20198989003",date:"2024-04-09",desc:"导游3",amount:36.54,avatar:"./assets/avatar3.png"},{name:"赵明",code:"4.PO20198989004",date:"2024-03-27",desc:"导游4",amount:52.76,avatar:"./assets/avatar4.png"},{name:"吕洋",code:"5.PO20198989005",date:"2024-11-17",desc:"导游5",amount:84.13,avatar:"./assets/avatar5.png"}],S=e.computed(()=>t.data.length>0?t.data:v);return()=>{var p;return e.createVNode(e.Fragment,null,[(p=S.value)==null?void 0:p.map(l=>e.createVNode("div",{class:"f-template-listview-row"},[e.createVNode("div",{class:"list-view-item-title"},[e.createVNode("div",{class:"item-title-img"},[e.createVNode("img",{src:l.avatar,alt:"",style:"width: 44px;"},null)]),e.createVNode("div",{class:"item-title"},[e.createVNode("p",{class:"item-title-heading"},[l.code]),e.createVNode("p",{class:"item-title-text"},[l.desc])])]),e.createVNode("div",{class:"list-view-item-content"},[e.createVNode("div",{class:"content-message"},[e.createVNode("div",{class:"ower"},[e.createVNode("p",null,[e.createTextVNode("创建人")]),e.createVNode("p",{class:"con"},[l.name])]),e.createVNode("div",{class:"date"},[e.createVNode("p",null,[e.createTextVNode("创建时间")]),e.createVNode("p",{class:"con"},[l.date])])])])]))])}}});A.install=t=>{t.component(A.name,A),t.component(W.name,W)},H.FListView=A,H.FListViewTable=W,H.default=A,H.listViewProps=U,Object.defineProperties(H,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});