@farris/ui-vue 1.7.2-beta.1 → 1.7.2-beta.2

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

@@ -1,9 +1,9 @@
-import { ref as r, computed as P, createVNode as n, Fragment as z, watch as te, withModifiers as Se, withDirectives as ke, vModelText as be, defineComponent as ne, createTextVNode as q } from "vue";
-import { getCustomStyle as J, getCustomClass as K } from "../common/index.esm.js";
-import { useFilter as Ve, useIdentify as Fe, useHierarchy as De, useGroupData as Me, useDataView as Oe, useSelection as Re, usePagination as Te, useRow as Be, useEdit as He, useVisualDataBound as Pe, useVisualDataCell as xe, useVisualDataRow as je, useVisualGroupRow as Le, useVisualSummaryRow as _e, useVisualData as Ge, useSidebar as Ae, useColumn as Ee, useVirtualScroll as Ne, getPagination as ze } from "../data-view/index.esm.js";
-import { LocaleService as Ue } from "../locale/index.esm.js";
-import { FCheckbox as X } from "../checkbox/index.esm.js";
-const le = {
+import { ref as f, computed as x, createVNode as n, Fragment as N, 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 Pe, useVisualSummaryRow as xe, useVisualData as je, useSidebar as Le, useColumn as _e, useVirtualScroll as Ge, getPagination as Ae } from "../data-view/index.esm.js";
+import { LocaleService as Ee } from "../locale/index.esm.js";
+import { FCheckbox as K } from "../checkbox/index.esm.js";
+const te = {
   /** 列集合 */
   columns: {
     type: Array,
@@ -71,218 +71,218 @@ const le = {
   /** 分页 */
   pagination: { type: Object, default: { enable: !1, size: 20 } }
 };
-function We(e, l) {
-  function I(a) {
-    const s = [];
-    let o = a.nextNode();
-    for (; o; )
-      s.push(o), o = a.nextNode();
-    return s;
-  }
-  function p(a, s) {
-    const o = document.createTreeWalker(a, NodeFilter.SHOW_TEXT);
-    return I(o).map((d) => ({ textNode: d, text: (d.textContent || "").toLocaleLowerCase() })).map(({ textNode: d, text: v }) => {
-      const g = [];
-      let m = 0;
-      for (; m < v.length; ) {
-        const h = v.indexOf(s, m);
-        if (h === -1)
+function Ne(e, l) {
+  function p(a) {
+    const o = [];
+    let v = a.nextNode();
+    for (; v; )
+      o.push(v), v = a.nextNode();
+    return o;
+  }
+  function w(a, o) {
+    const v = document.createTreeWalker(a, NodeFilter.SHOW_TEXT);
+    return p(v).map((y) => ({ textNode: y, text: (y.textContent || "").toLocaleLowerCase() })).map(({ textNode: y, text: s }) => {
+      const u = [];
+      let M = 0;
+      for (; M < s.length; ) {
+        const I = s.indexOf(o, M);
+        if (I === -1)
           break;
-        g.push(h), m = h + s.length;
+        u.push(I), M = I + o.length;
       }
-      return g.map((h) => {
-        const S = new Range();
-        return S.setStart(d, h), S.setEnd(d, h + s.length), S;
+      return u.map((I) => {
+        const h = new Range();
+        return h.setStart(y, I), h.setEnd(y, I + o.length), h;
       });
     }).flat();
   }
-  function w(a) {
+  function g(a) {
     if (!CSS.highlights || (CSS.highlights.clear(), !a || !l))
       return;
-    const s = p(l.value, a.toLocaleLowerCase()), o = new Highlight(...s);
-    CSS.highlights.set("search-result", o);
+    const o = w(l.value, a.toLocaleLowerCase()), v = new Highlight(...o);
+    CSS.highlights.set("search-result", v);
   }
-  return { search: w };
+  return { search: g };
 }
-function Q(e, l, I, p, w, a, s, o, O, T) {
-  const F = r(e.size), d = r(e.textField), v = r(e.titleField), g = r(e.disableField), m = P(() => {
-    var t, y;
-    return ((t = e.selection) == null ? void 0 : t.multiSelect) && ((y = e.selection) == null ? void 0 : y.showCheckbox);
+function q(e, l, p, w, g, a, o, v, O, m) {
+  const b = f(e.size), y = f(e.textField), s = f(e.titleField), u = f(e.disableField), M = x(() => {
+    var t, V;
+    return ((t = e.selection) == null ? void 0 : t.multiSelect) && ((V = e.selection) == null ? void 0 : V.showCheckbox);
   }), {
-    onMouseenterItem: h,
-    onMouseoverItem: S,
-    onMouseoutItem: D
+    onMouseenterItem: I,
+    onMouseoverItem: h,
+    onMouseoutItem: F
   } = a, {
-    getKey: k,
-    listViewItemClass: R,
-    listViewItemStyle: x,
+    getKey: D,
+    listViewItemClass: T,
+    listViewItemStyle: P,
     onCheckItem: j,
-    onClickItem: i
-  } = s, C = P(() => {
+    onClickItem: d
+  } = o, C = x(() => {
     const t = {
       "text-overflow": "ellipsis",
       overflow: "hidden",
       "white-space": "nowrap"
     };
     return e.itemClass ? t : {
-      margin: F.value === "small" ? "0.25rem 0" : "8px 0",
+      margin: b.value === "small" ? "0.25rem 0" : "8px 0",
       ...t
     };
   });
-  function u(t, y, B) {
-    return t.checked = o.findIndexInSelectedItems(t) > -1, n("li", {
-      class: R(t, y),
-      id: k(t, y),
-      key: k(t, y),
-      style: x(t, y),
-      onClick: (H) => i(t, y, H),
-      onMouseenter: (H) => h(H, t, y),
-      onMouseover: (H) => S(H, t, y),
-      onMouseout: (H) => D(H, t, y)
-    }, [m.value && n("div", {
+  function i(t, V, B) {
+    return t.checked = v.findIndexInSelectedItems(t) > -1, n("li", {
+      class: T(t, V),
+      id: D(t, V),
+      key: D(t, V),
+      style: P(t, V),
+      onClick: (H) => d(t, V, H),
+      onMouseenter: (H) => I(H, t, V),
+      onMouseover: (H) => h(H, t, V),
+      onMouseout: (H) => F(H, t, V)
+    }, [M.value && n("div", {
       class: "f-list-select",
       onClick: (H) => H.stopPropagation()
-    }, [n(X, {
-      id: "list-" + k(t, y),
+    }, [n(K, {
+      id: "list-" + D(t, V),
       customClass: "listview-checkbox float-left",
-      disabled: t[g.value],
+      disabled: t[u.value],
       checked: t.checked,
       "onUpdate:checked": (H) => t.checked = H,
       onChange: (H) => {
-        j(t, y, !H.checked);
+        j(t, V, !H.checked);
       }
     }, null)]), n("div", {
       class: "f-list-content"
     }, [n("div", {
       class: e.itemContentClass,
       style: C.value,
-      title: t.raw[v.value] || t.raw[d.value]
-    }, [t.raw[d.value]])])]);
+      title: t.raw[s.value] || t.raw[y.value]
+    }, [t.raw[y.value]])])]);
   }
   return {
-    renderItem: u
+    renderItem: i
   };
 }
-function Ke(e, l, I, p, w, a, s, o, O, T) {
-  const F = r(e.multiSelect), d = r(e.disableField), v = r(e.textField), {
-    onMouseenterItem: g,
-    onMouseoverItem: m,
-    onMouseoutItem: h
+function ze(e, l, p, w, g, a, o, v, O, m) {
+  const b = f(e.multiSelect), y = f(e.disableField), s = f(e.textField), {
+    onMouseenterItem: u,
+    onMouseoverItem: M,
+    onMouseoutItem: I
   } = a, {
-    getKey: S,
-    listViewItemClass: D,
-    listViewItemStyle: k,
-    onCheckItem: R,
-    onClickItem: x,
+    getKey: h,
+    listViewItemClass: F,
+    listViewItemStyle: D,
+    onCheckItem: T,
+    onClickItem: P,
     updateSelectedItems: j
-  } = s;
-  function i(u, t, y) {
-    return e.contentTemplate ? n(z, null, [e.contentTemplate({
-      item: u.raw,
+  } = o;
+  function d(i, t, V) {
+    return e.contentTemplate ? n(N, null, [e.contentTemplate({
+      item: i.raw,
       index: t,
-      selectedItem: y
-    })]) : l.slots.content ? n(z, null, [l.slots.content && l.slots.content({
-      item: u.raw,
+      selectedItem: V
+    })]) : l.slots.content ? n(N, null, [l.slots.content && l.slots.content({
+      item: i.raw,
       index: t,
-      selectedItem: y
+      selectedItem: V
     })]) : n("div", {
       style: "margin: 10px 0;"
-    }, [u.raw[v.value || "name"]]);
+    }, [i.raw[s.value || "name"]]);
   }
-  function C(u, t, y) {
+  function C(i, t, V) {
     return n("li", {
-      class: D(u, t),
-      id: S(u, t),
-      key: S(u, t),
-      style: k(u, t),
-      onClick: (B) => x(u, t, B),
-      onMouseenter: (B) => g(B, u, t),
-      onMouseover: (B) => m(B, u, t),
-      onMouseout: (B) => h(B, u, t)
-    }, [F.value && n("div", {
+      class: F(i, t),
+      id: h(i, t),
+      key: h(i, t),
+      style: D(i, t),
+      onClick: (B) => P(i, t, B),
+      onMouseenter: (B) => u(B, i, t),
+      onMouseover: (B) => M(B, i, t),
+      onMouseout: (B) => I(B, i, t)
+    }, [b.value && n("div", {
       class: "f-list-select",
       onClick: (B) => B.stopPropagation()
-    }, [n(X, {
-      id: "list-" + S(u, t),
+    }, [n(K, {
+      id: "list-" + h(i, t),
       customClass: "listview-checkbox",
-      disabled: u[d.value],
-      checked: u.checked,
-      "onUpdate:checked": (B) => u.checked = B,
+      disabled: i[y.value],
+      checked: i.checked,
+      "onUpdate:checked": (B) => i.checked = B,
       onChange: (B) => {
-        R(u, t, !B.checked), j();
+        T(i, t, !B.checked), j();
       }
     }, null)]), n("div", {
       class: "f-list-content"
-    }, [i(u, t, y)])]);
+    }, [d(i, t, V)])]);
   }
   return {
     renderItem: C
   };
 }
-function Xe(e, l, I, p, w, a, s, o, O, T) {
-  const F = r(e.multiSelect), d = r(e.disableField), v = r(e.textField), {
-    onMouseenterItem: g,
-    onMouseoverItem: m,
-    onMouseoutItem: h
+function Ue(e, l, p, w, g, a, o, v, O, m) {
+  const b = f(e.multiSelect), y = f(e.disableField), s = f(e.textField), {
+    onMouseenterItem: u,
+    onMouseoverItem: M,
+    onMouseoutItem: I
   } = a, {
-    getKey: S,
-    listViewItemClass: D,
-    onCheckItem: k,
-    onClickItem: R
-  } = s, {
-    dragstart: x,
+    getKey: h,
+    listViewItemClass: F,
+    onCheckItem: D,
+    onClickItem: T
+  } = o, {
+    dragstart: P,
     dragenter: j,
-    dragover: i,
+    dragover: d,
     dragend: C
-  } = p, {
-    removeItem: u
-  } = O, t = P(() => ({
-    margin: F.value ? "10px 0" : "10px 0px 10px 14px"
+  } = w, {
+    removeItem: i
+  } = O, t = x(() => ({
+    margin: b.value ? "10px 0" : "10px 0px 10px 14px"
   }));
-  function y(f, c = "") {
-    const L = f.target;
+  function V(r, c = "") {
+    const L = r.target;
     L.title = L.scrollWidth > L.clientWidth ? c : "";
   }
-  function B(f) {
+  function B(r) {
     return n("div", {
       style: t.value,
-      onMouseenter: (c) => y(c, f.raw[v.value || "name"])
-    }, [f.raw[v.value || "name"]]);
+      onMouseenter: (c) => V(c, r.raw[s.value || "name"])
+    }, [r.raw[s.value || "name"]]);
   }
   function H() {
     return l.slots.itemContent ? l.slots.itemContent : B;
   }
   const G = H();
-  function b(f, c, L) {
+  function S(r, c, L) {
     return n("li", {
-      class: D(f, c),
-      id: S(f, c),
-      key: S(f, c),
-      onClick: (M) => R(f, c, M),
-      onMouseenter: (M) => g(M, f, c),
-      onMouseover: (M) => m(M, f, c),
-      onMouseout: (M) => h(M, f, c),
+      class: F(r, c),
+      id: h(r, c),
+      key: h(r, c),
+      onClick: (R) => T(r, c, R),
+      onMouseenter: (R) => u(R, r, c),
+      onMouseover: (R) => M(R, r, c),
+      onMouseout: (R) => I(R, r, c),
       draggable: "true",
-      onDragstart: (M) => x(M, f, c),
-      onDragenter: (M) => j(M, c),
-      onDragend: (M) => C(M, f),
-      onDragover: (M) => i(M)
-    }, [F.value && n("div", {
+      onDragstart: (R) => P(R, r, c),
+      onDragenter: (R) => j(R, c),
+      onDragend: (R) => C(R, r),
+      onDragover: (R) => d(R)
+    }, [b.value && n("div", {
       class: "f-list-select",
-      onClick: (M) => M.stopPropagation()
-    }, [n(X, {
-      id: "list-" + S(f, c),
+      onClick: (R) => R.stopPropagation()
+    }, [n(K, {
+      id: "list-" + h(r, c),
       customClass: "listview-checkbox",
-      disabled: f[d.value] || !f.checked,
-      checked: f.checked,
-      "onUpdate:checked": (M) => f.checked = M,
-      onChange: (M) => k(f, c, !M.checked)
+      disabled: r[y.value] || !r.checked,
+      checked: r.checked,
+      "onUpdate:checked": (R) => r.checked = R,
+      onChange: (R) => D(r, c, !R.checked)
     }, null)]), n("div", {
       class: "f-list-content"
-    }, [G(f)]), n("div", {
+    }, [G(r)]), n("div", {
       class: "f-list-remove",
-      onClick: (M) => {
-        M.stopPropagation(), u(c);
+      onClick: (R) => {
+        R.stopPropagation(), i(c);
       }
     }, [n("div", {
       class: "f-list-remove-icon"
@@ -295,72 +295,72 @@ function Xe(e, l, I, p, w, a, s, o, O, T) {
     }, null)])])]);
   }
   return {
-    renderItem: b
+    renderItem: S
   };
 }
-function Ye(e, l, I, p, w, a, s, o, O, T) {
-  var S;
-  const F = r(((S = e.group) == null ? void 0 : S.groupFields) || []), {
-    collpaseGroupIconClass: d
-  } = w, {
-    toggleGroupRow: v
-  } = T;
-  function g(D, k) {
-    k.collapse = !k.collapse, I.value = v(k.collapse ? "collapse" : "expand", k, I.value);
-  }
-  function m(D, k, R) {
-    return l.slots.group ? n(z, null, [l.slots.content && l.slots.group({
-      item: D.raw,
-      index: k,
-      selectedItem: R
+function We(e, l, p, w, g, a, o, v, O, m) {
+  var h;
+  const b = f(((h = e.group) == null ? void 0 : h.groupFields) || []), {
+    collpaseGroupIconClass: y
+  } = g, {
+    toggleGroupRow: s
+  } = m;
+  function u(F, D) {
+    D.collapse = !D.collapse, p.value = s(D.collapse ? "collapse" : "expand", D, p.value);
+  }
+  function M(F, D, T) {
+    return l.slots.group ? n(N, null, [l.slots.content && l.slots.group({
+      item: F.raw,
+      index: D,
+      selectedItem: T
     })]) : n("div", {
       class: "f-navlookup-recentHeader",
-      onClick: (x) => g(x, D)
+      onClick: (P) => u(P, F)
     }, [n("div", {
       class: "fv-grid-group-row-icon"
     }, [n("span", {
-      class: d(D)
+      class: y(F)
     }, null)]), n("div", {
       class: "f-navlookup-recommandLabel"
-    }, [D.raw[F.value[D.layer]]])]);
+    }, [F.raw[b.value[F.layer]]])]);
   }
-  function h(D, k, R) {
-    return D.layer > -1 && m(D, k, R);
+  function I(F, D, T) {
+    return F.layer > -1 && M(F, D, T);
   }
   return {
-    renderItem: h
+    renderItem: I
   };
 }
-function $e(e, l, I, p) {
-  const { dataView: w } = I, { updateSelectedItems: a } = p;
-  function s(o) {
-    if (o > -1 && o < w.value.length) {
-      if (e != null && e.checkBeforeRemoveItem && !e.checkBeforeRemoveItem(w.value[o]))
+function Ke(e, l, p, w) {
+  const { dataView: g } = p, { updateSelectedItems: a } = w;
+  function o(v) {
+    if (v > -1 && v < g.value.length) {
+      if (e != null && e.checkBeforeRemoveItem && !e.checkBeforeRemoveItem(g.value[v]))
         return;
-      const O = w.value.splice(o, 1);
+      const O = g.value.splice(v, 1);
       a(), l.emit("removeItem", O[0]);
     }
   }
-  return { removeItem: s };
+  return { removeItem: o };
 }
-function qe(e, l, I, p, w, a, s, o, O, T) {
-  const F = r(e.view), d = r(e.view === "CardView"), v = r({}), g = $e(e, l, p, O), m = P(() => ({
+function Xe(e, l, p, w, g, a, o, v, O, m) {
+  const b = f(e.view), y = f(e.view === "CardView"), s = f({}), u = Ke(e, l, w, O), M = x(() => ({
     "f-list-view-group": !0,
     "f-list-view-group-multiselect": e.multiSelect,
-    "d-flex": d.value,
-    "flex-wrap": d.value
-  })), h = P(() => !!I.value && I.value.length > 0), S = P(() => I.value.length === 0);
-  P(() => S.value && !l.slots.empty);
-  function D() {
-    return F.value === "SingleView" ? Q : F.value === "DraggableView" ? Xe : (F.value === "ContentView" || F.value === "CardView") && (e.contentTemplate || l.slots.content) ? Ke : Q;
-  }
-  const k = D(), {
-    renderItem: R
-  } = k(e, l, I, T, w, a, O, s, g, o), {
-    renderItem: x
-  } = Ye(e, l, I, T, w, a, O, s, g, o), j = [R, x];
-  function i() {
-    return I.value.filter((t) => t.visible !== !1).map((t, y) => j[t.type](t, y, v));
+    "d-flex": y.value,
+    "flex-wrap": y.value
+  })), I = x(() => !!p.value && p.value.length > 0), h = x(() => p.value.length === 0);
+  x(() => h.value && !l.slots.empty);
+  function F() {
+    return b.value === "SingleView" ? q : b.value === "DraggableView" ? Ue : (b.value === "ContentView" || b.value === "CardView") && (e.contentTemplate || l.slots.content) ? ze : q;
+  }
+  const D = F(), {
+    renderItem: T
+  } = D(e, l, p, m, g, a, O, o, u, v), {
+    renderItem: P
+  } = We(e, l, p, m, g, a, O, o, u, v), j = [T, P];
+  function d() {
+    return p.value.filter((t) => t.visible !== !1).map((t, V) => j[t.type](t, V, s));
   }
   function C() {
     return n("div", {
@@ -368,126 +368,126 @@ function qe(e, l, I, p, w, a, s, o, O, T) {
       style: "margin: 0 auto;"
     }, [n("p", {
       class: "f-empty-title"
-    }, [e.emptyTemplate ? e.emptyTemplate() : l.slots.empty ? l.slots.empty() : Ue.getLocaleValue("listView.emptyMessage")])]);
+    }, [e.emptyTemplate ? e.emptyTemplate() : l.slots.empty ? l.slots.empty() : Ee.getLocaleValue("listView.emptyMessage")])]);
   }
-  function u() {
+  function i() {
     return n("ul", {
-      class: m.value,
+      class: M.value,
       style: "list-style: none;"
-    }, [h.value && i(), S.value && C()]);
+    }, [I.value && d(), h.value && C()]);
   }
   return {
-    renderListArea: u
+    renderListArea: i
   };
 }
-function Je(e, l, I) {
-  function p() {
+function Ye(e, l, p) {
+  function w() {
     return l.slots.header && n("div", {
       class: "f-list-view-header"
     }, [l.slots.header()]);
   }
   return {
-    renderHeader: p
+    renderHeader: w
   };
 }
-function Z(e, l, I) {
-  const p = r(e.headerClass), w = r(e.placeholder), a = r(""), s = P(() => !a.value), o = P(() => !!a.value);
-  function O(v) {
+function J(e, l, p) {
+  const w = f(e.headerClass), g = f(e.placeholder), a = f(""), o = x(() => !a.value), v = x(() => !!a.value);
+  function O(s) {
     a.value = "";
   }
-  te(a, (v) => {
-    e.enableHighlightSearch && I.search(v), l.emit("afterSearch", v);
+  Z(a, (s) => {
+    e.enableHighlightSearch && p.search(s), l.emit("afterSearch", s);
   });
-  const T = P(() => {
-    const v = {
+  const m = x(() => {
+    const s = {
       "form-group": !0,
       "farris-form-group": !0
     };
-    return p.value && p.value.split(" ").reduce((m, h) => (m[h] = !0, m), v), v;
+    return w.value && w.value.split(" ").reduce((M, I) => (M[I] = !0, M), s), s;
   });
-  function F(v) {
+  function b(s) {
   }
-  function d() {
+  function y() {
     return n("div", {
       class: "f-list-view-header",
-      onClick: Se(() => F, ["prevent", "stop"])
+      onClick: we(() => b, ["prevent", "stop"])
     }, [n("div", {
-      class: T.value
+      class: m.value
     }, [n("div", {
       class: "farris-input-wrap"
     }, [n("div", {
       class: "f-cmp-inputgroup"
     }, [n("div", {
       class: "input-group f-state-editable"
-    }, [ke(n("input", {
+    }, [ye(n("input", {
       class: "form-control f-utils-fill text-left",
-      "onUpdate:modelValue": (v) => a.value = v,
+      "onUpdate:modelValue": (s) => a.value = s,
       name: "input-group-value",
       type: "text",
-      placeholder: w.value,
+      placeholder: g.value,
       autocomplete: "off"
-    }, null), [[be, a.value]]), n("div", {
+    }, null), [[Ie, a.value]]), n("div", {
       class: "input-group-append"
-    }, [o.value && n("span", {
+    }, [v.value && n("span", {
       class: "input-group-text input-group-clear",
-      onClick: (v) => O()
+      onClick: (s) => O()
     }, [n("i", {
       class: "f-icon f-icon-close-circle"
-    }, null)]), s.value && n("span", {
+    }, null)]), o.value && n("span", {
       class: "input-group-text"
     }, [n("span", {
       class: "f-icon f-icon-search"
     }, null)])])])])])])]);
   }
   return {
-    renderHeader: d
+    renderHeader: y
   };
 }
-function Qe() {
-  const e = r(""), l = r(-1), I = r(""), p = r(-1), w = r(!1);
-  function a(d, v, g) {
-    p.value = g;
+function $e() {
+  const e = f(""), l = f(-1), p = f(""), w = f(-1), g = f(!1);
+  function a(y, s, u) {
+    w.value = u;
   }
-  function s(d, v, g) {
-    w.value || (p.value = g);
+  function o(y, s, u) {
+    g.value || (w.value = u);
   }
-  function o(d, v, g) {
-    p.value = -1;
+  function v(y, s, u) {
+    w.value = -1;
   }
   function O() {
-    w.value = !0;
+    g.value = !0;
   }
-  function T() {
-    w.value = !1;
+  function m() {
+    g.value = !1;
   }
-  function F() {
+  function b() {
     l.value = -1, e.value = "";
   }
   return {
     activeIndex: l,
-    focusedItemId: I,
-    hoverIndex: p,
-    clearActiveItem: F,
+    focusedItemId: p,
+    hoverIndex: w,
+    clearActiveItem: b,
     onMouseenterItem: a,
-    onMouseoverItem: s,
-    onMouseoutItem: o,
-    resumeHover: T,
+    onMouseoverItem: o,
+    onMouseoutItem: v,
+    resumeHover: m,
     suspendHover: O
   };
 }
-function Ze(e, l, I, p) {
-  const w = r(e.idField), { dataView: a } = I, s = r(-1), o = r(!1), { activeIndex: O, focusedItemId: T, hoverIndex: F, resumeHover: d, suspendHover: v } = p;
-  let g, m = 0, h = 0;
-  function S(i, C) {
-    const u = i - m, t = C - h;
-    g.style.left = parseInt(g.style.left) + u + "px", g.style.top = parseInt(g.style.top) + t + "px", m = i, h = C;
-  }
-  function D(i) {
-    const { left: C, top: u } = i.getBoundingClientRect(), t = i.cloneNode(!0);
+function qe(e, l, p, w) {
+  const g = f(e.idField), { dataView: a } = p, o = f(-1), v = f(!1), { activeIndex: O, focusedItemId: m, hoverIndex: b, resumeHover: y, suspendHover: s } = w;
+  let u, M = 0, I = 0;
+  function h(d, C) {
+    const i = d - M, t = C - I;
+    u.style.left = parseInt(u.style.left) + i + "px", u.style.top = parseInt(u.style.top) + t + "px", M = d, I = C;
+  }
+  function F(d) {
+    const { left: C, top: i } = d.getBoundingClientRect(), t = d.cloneNode(!0);
     return t.className = t.className + " f-listview-drag-moving", t.style.cssText = `
         position:absolute;
         left:${C}px;
-        top:${document.documentElement.scrollTop ? u + document.documentElement.scrollTop : u}px;
+        top:${document.documentElement.scrollTop ? i + document.documentElement.scrollTop : i}px;
         z-index: 999999;
         pointer-events: none;
         border-radius: 10px;
@@ -496,230 +496,229 @@ function Ze(e, l, I, p) {
         align-items: center;
         float: none;
         text-align: initial;
-        width:${getComputedStyle(i).width};
-        height:${getComputedStyle(i).height};
+        width:${getComputedStyle(d).width};
+        height:${getComputedStyle(d).height};
         `, t.children[0].style.cssText = "overflow: hidden;flex: 1 1 auto;width: 100%;", t.children[0].children[0].style.cssText = `
         margin: 10px 0px 10px 14px;
         overflow: hidden;text-overflow: ellipsis;white-space: nowrap;
         `, t.children[1].style.cssText = "width: 30px;padding: 0 14px 0 0", t.children[2].style.cssText = "padding: 0 14px 0 0;", document.body.appendChild(t), t;
   }
-  function k(i, C, u) {
-    if (i.stopPropagation(), v(), C) {
-      if (g = D(i.target), i.dataTransfer) {
+  function D(d, C, i) {
+    if (d.stopPropagation(), s(), C) {
+      if (u = F(d.target), d.dataTransfer) {
         const t = new Image();
-        t.src = "", i.dataTransfer.setDragImage(t, 0, 0);
+        t.src = "", d.dataTransfer.setDragImage(t, 0, 0);
       }
-      m = i.pageX, h = i.pageY, setTimeout(() => {
-        s.value = u, o.value = !0, C.moving = !0;
+      M = d.pageX, I = d.pageY, setTimeout(() => {
+        o.value = i, v.value = !0, C.moving = !0;
       });
     }
   }
-  function R(i, C) {
-    if (i.preventDefault(), s.value !== C) {
-      const u = a.value[s.value], t = a.value;
-      t.splice(s.value, 1), t.splice(C, 0, u), s.value = C, S(i.pageX, i.pageY);
+  function T(d, C) {
+    if (d.preventDefault(), o.value !== C) {
+      const i = a.value[o.value], t = a.value;
+      t.splice(o.value, 1), t.splice(C, 0, i), o.value = C, h(d.pageX, d.pageY);
     }
   }
-  function x(i) {
-    i.preventDefault(), i.dataTransfer && (i.dataTransfer.dropEffect = "move"), S(i.pageX, i.pageY);
+  function P(d) {
+    d.preventDefault(), d.dataTransfer && (d.dataTransfer.dropEffect = "move"), h(d.pageX, d.pageY);
   }
-  function j(i, C) {
-    C && (C.moving = !1, g && (document.body.removeChild(g), g = null)), a.value.forEach((u, t) => {
-      u.__fv_index__ = t;
-    }), o.value = !1, d(), F.value = C.raw.__fv_index__, O.value = C.raw.__fv_index__, T.value = C.raw[w.value], l.emit("change", a.value), l.emit("activeChange", [C.raw]);
+  function j(d, C) {
+    C && (C.moving = !1, u && (document.body.removeChild(u), u = null)), a.value.forEach((i, t) => {
+      i.__fv_index__ = t;
+    }), v.value = !1, y(), b.value = C.raw.__fv_index__, O.value = C.raw.__fv_index__, m.value = C.raw[g.value], l.emit("change", a.value), l.emit("activeChange", [C.raw]);
   }
   return {
-    dragstart: k,
-    dragenter: R,
-    dragover: x,
+    dragstart: D,
+    dragenter: T,
+    dragover: P,
     dragend: j,
-    isDragging: o
+    isDragging: v
   };
 }
-function et(e, l, I, p, w, a) {
-  const s = r(e.idField), o = r(e.disableField), O = r(e.draggable);
-  r(e.itemClass);
-  const T = r(e.selection.multiSelect ?? !1), F = r(e.selection.multiSelectMode), { isDragging: d } = p, { activeIndex: v, focusedItemId: g, hoverIndex: m } = w, { clearSelection: h, getSelectedItems: S, toggleSelectItem: D, currentSelectedDataId: k } = a, R = r(S()), x = (b) => R.value.length === 0 ? !1 : R.value.some((f) => {
+function Je(e, l, p, w, g, a) {
+  const o = f(e.idField), v = f(e.disableField), O = f(e.draggable);
+  f(e.itemClass);
+  const m = f(e.selection.multiSelect ?? !1), b = f(e.selection.multiSelectMode), { isDragging: y } = w, { activeIndex: s, focusedItemId: u, hoverIndex: M } = g, { clearSelection: I, getSelectedItems: h, toggleSelectItem: F, currentSelectedDataId: D } = a, T = f(h()), P = (S) => T.value.length === 0 ? !1 : T.value.some((r) => {
     let c = "";
-    return f.data ? c = f.data[s.value] : c = f[s.value], c === b;
+    return r.data ? c = r.data[o.value] : c = r[o.value], c === S;
   });
   function j() {
-    R.value = S();
+    T.value = h();
   }
-  function i(b, f) {
-    return b.raw[s.value] != null ? b.raw[s.value] : "";
+  function d(S, r) {
+    return S.raw[o.value] != null ? S.raw[o.value] : "";
   }
-  function C(b, f) {
+  function C(S, r) {
     const c = {
       "f-list-view-group-item": !0,
       "f-list-view-draggable-item": O.value,
-      "f-un-click": !b.checked,
-      "f-un-select": !!b.raw[o.value],
+      "f-un-click": !S.checked,
+      "f-un-select": !!S.raw[v.value],
       "f-listview-active": (
         // 多选
-        T.value && x(i(b)) || // 单选
-        !T.value && b.raw[s.value] === k.value
+        m.value && P(d(S)) || // 单选
+        !m.value && S.raw[o.value] === D.value
       ),
-      "f-listview-hover": !d.value && f === m.value,
-      moving: !!b.moving
+      "f-listview-hover": !y.value && r === M.value,
+      moving: !!S.moving
     };
     if (typeof e.itemClass == "string")
-      return K(c, e.itemClass);
+      return W(c, e.itemClass);
     if (typeof e.itemClass == "function") {
-      const L = e.itemClass(b);
-      return K(c, L);
+      const L = e.itemClass(S);
+      return W(c, L);
     }
     return c;
   }
-  function u(b, f) {
+  function i(S, r) {
     const c = {};
     if (typeof e.itemStyle == "string")
-      return J(c, e.itemStyle);
+      return $(c, e.itemStyle);
     if (typeof e.itemStyle == "function") {
-      const L = e.itemStyle(b);
-      return J(c, L);
+      const L = e.itemStyle(S);
+      return $(c, L);
     }
     return c;
   }
-  const t = P(() => !T.value);
-  function y(b, f, c) {
-    b.checked = c, !b.raw[o.value] && (t.value && (g.value = b.raw[s.value]), D(b));
+  const t = x(() => !m.value);
+  function V(S, r, c) {
+    S.checked = c, !S.raw[v.value] && (t.value && (u.value = S.raw[o.value]), F(S));
   }
-  const B = P(() => T.value && F.value === "OnCheckClearByClick"), H = P(() => !T.value || T.value && (F.value === "OnCheckAndClick" || F.value === "OnClick"));
-  function G(b, f, c) {
-    if (b.raw[o.value]) {
+  const B = x(() => m.value && b.value === "OnCheckClearByClick"), H = x(() => !m.value || m.value && (b.value === "OnCheckAndClick" || b.value === "OnClick"));
+  function G(S, r, c) {
+    if (S.raw[v.value]) {
       c == null || c.preventDefault(), c == null || c.stopPropagation();
       return;
     }
-    k.value = b.raw[s.value], g.value = b.raw[s.value], v.value = f, B.value && h(), H.value && (D(b), j()), l.emit("clickItem", { data: R.value, index: f, dataItem: b.raw }), l.emit("activeChange", R.value);
+    D.value = S.raw[o.value], u.value = S.raw[o.value], s.value = r, B.value && I(), H.value && (F(S), j()), l.emit("clickItem", { data: T.value, index: r, dataItem: S.raw }), l.emit("activeChange", T.value);
   }
   return {
-    getKey: i,
-    selectedItems: R,
+    getKey: d,
+    selectedItems: T,
     listViewItemClass: C,
-    listViewItemStyle: u,
+    listViewItemStyle: i,
     updateSelectedItems: j,
-    onCheckItem: y,
+    onCheckItem: V,
     onClickItem: G
   };
 }
-const W = /* @__PURE__ */ ne({
+const U = /* @__PURE__ */ ee({
   name: "FListView",
-  props: le,
+  props: te,
   emits: ["afterSearch", "checkValuesChange", "clickItem", "selectItem", "unSelectItem", "selectionChange", "removeItem", "change", "activeChange", "pageIndexChanged", "pageSizeChanged", "changed", "selectionUpdate"],
   setup(e, l) {
-    var $;
-    const I = r(!1), p = r(), w = r(!0), a = r((($ = e.rowOption) == null ? void 0 : $.rowHeight) || 28), s = r(!1), o = r([]), O = 0, T = r(e.columns), F = Ve(e, l), d = Fe(e), v = De(e), g = Me(e, d), m = Oe(e, /* @__PURE__ */ new Map(), F, v, d), h = Re(e, m, d, o, l), S = We(e, p), D = Te(e, m), k = P(() => m.dataView.value.length), R = Be(e, l, h, d), x = He(e, l, d, R, o), j = Pe(e, m, a), i = xe(e, {}, j), C = je(e, m, x, v, d, j, i, a), u = Le(e, d, i, C), t = _e(e, d, i, C), y = Ge(e, T, m, k, O, C, u, t), {
-      getVisualData: B
-    } = y;
-    o.value = B(0, k.value + O - 1);
-    const H = P(() => {
-      const V = {
+    const p = f(), w = f(!0), g = f(!1), a = f([]), o = 0, v = f(e.columns), O = Se(e, l), m = ke(e), b = be(e), y = Ve(e, m), s = Fe(e, /* @__PURE__ */ new Map(), O, b, m), u = De(e, s, m, a, l), M = Ne(e, p), I = Me(e, s), h = x(() => s.dataView.value.length), F = Re(e, l, u, m), D = Te(e, l, m, F, a), T = Oe(e), P = Be(e, {}, T), j = He(e, s, D, b, m, T, P), d = Pe(e, m, P, j), C = xe(e, m, P, j), i = je(e, v, s, h, o, j, d, C), {
+      getVisualData: t
+    } = i;
+    a.value = t(0, h.value + o - 1);
+    const V = x(() => {
+      const k = {
         "f-list-view": !0,
         "f-list-view-multiple": e.multiSelect
       };
-      return e.size !== "default" && (V[`${e.size}-item`] = !0), K(V, e.customClass);
-    }), G = P(() => !!l.slots.footer || w.value);
-    function b() {
-      return e.header === "SearchBar" ? Z : e.header === "ContentHeader" ? Je : Z;
+      return e.size !== "default" && (k[`${e.size}-item`] = !0), W(k, e.customClass);
+    }), B = x(() => !!l.slots.footer || w.value);
+    function H() {
+      return e.header === "SearchBar" ? J : e.header === "ContentHeader" ? Ye : J;
     }
-    const f = b(), {
-      renderHeader: c
-    } = f(e, l, S), L = Qe(), M = Ze(e, l, m, L), A = et(e, l, o, M, L, h), {
-      renderListArea: ae
-    } = qe(e, l, o, m, g, L, h, y, A, M);
-    function oe(V) {
-      S.search(V);
+    const G = H(), {
+      renderHeader: S
+    } = G(e, l, M), r = $e(), c = qe(e, l, s, r), L = Je(e, l, a, c, r, u), {
+      renderListArea: R
+    } = Xe(e, l, a, s, y, r, u, i, L, c);
+    function ne(k) {
+      M.search(k);
     }
-    function se(V) {
-      V && (m.load(V), o.value = B(0, k.value + O - 1));
+    function le(k) {
+      k && (s.load(k), a.value = t(0, h.value + o - 1));
     }
-    function ie() {
-      h.clearSelection(), L.clearActiveItem();
+    function ae() {
+      u.clearSelection(), r.clearActiveItem();
     }
-    function ue() {
-      return A.selectedItems.value;
+    function oe() {
+      return L.selectedItems.value;
     }
-    function ce() {
-      return A.selectedItems.value.map((V) => V[d.idField.value]);
+    function se() {
+      return L.selectedItems.value.map((k) => k[m.idField.value]);
     }
-    function Y(V) {
-      h.selectedValues.value = V, A.updateSelectedItems();
+    function X(k) {
+      u.selectedValues.value = k, L.updateSelectedItems();
     }
-    function re() {
-      return h.currentSelectedDataId.value;
+    function ie() {
+      return u.currentSelectedDataId.value;
     }
-    function de(V) {
-      R.activeRowById(V);
+    function ue(k) {
+      F.activeRowById(k);
     }
-    function fe(V) {
-      const _ = d.idField.value, E = o.value.find((U) => U.raw[_] === V), N = o.value.findIndex((U) => U.raw[_] === V);
-      E && N > -1 && A.onClickItem(E, N);
+    function ce(k) {
+      const _ = m.idField.value, A = a.value.find((z) => z.raw[_] === k), E = a.value.findIndex((z) => z.raw[_] === k);
+      A && E > -1 && L.onClickItem(A, E);
     }
-    function ve(V) {
-      const _ = d.idField.value, E = o.value.find((N) => N.raw[_] === V);
-      E && R.changeRow(E);
+    function re(k) {
+      const _ = m.idField.value, A = a.value.find((E) => E.raw[_] === k);
+      A && F.changeRow(A);
     }
-    function me(V) {
-      D.updatePagination(V);
+    function de(k) {
+      I.updatePagination(k);
     }
-    function ge(V) {
-      return o.value.filter((_) => V.includes(_.raw[e.idField]));
+    function fe(k) {
+      return a.value.filter((_) => k.includes(_.raw[e.idField]));
     }
     l.expose({
-      search: oe,
-      updateDataSource: se,
-      clearSelection: ie,
-      getSelections: ue,
-      updateSelectionByIds: Y,
-      getSelectionIds: ce,
-      activeRowById: de,
-      getCurrentRowId: re,
-      clickRowItemById: fe,
-      updatePagination: me,
-      getVisibleDataByIds: ge,
-      selectRowById: ve
+      search: ne,
+      updateDataSource: le,
+      clearSelection: ae,
+      getSelections: oe,
+      updateSelectionByIds: X,
+      getSelectionIds: se,
+      activeRowById: ue,
+      getCurrentRowId: ie,
+      clickRowItemById: ce,
+      updatePagination: de,
+      getVisibleDataByIds: fe,
+      selectRowById: re
     });
-    function he(V) {
-      e.multiSelect && (V.preventDefault(), V.stopPropagation());
+    function ve(k) {
+      e.multiSelect && (k.preventDefault(), k.stopPropagation());
     }
-    te(() => e.selectionValues, (V, _) => {
-      V !== _ && Y(V);
+    Z(() => e.selectionValues, (k, _) => {
+      k !== _ && X(k);
     });
-    const Ce = Ae(e, h), {
-      sidebarWidth: pe,
-      showSidebarCheckBox: tt
-    } = Ce, we = Ee(e, l), {
-      applyColumnSorter: nt,
-      columnContext: ye,
-      updateColumnRenderContext: lt
-    } = we, Ie = Ne(e, m, o, ye, y, k, O, pe, a, I, x), {
-      shouldRenderPagination: at
-    } = D, {
-      renderDataGridPagination: ot
-    } = ze(e, l, m, Ie, D, h);
+    const me = Le(e, u), {
+      sidebarWidth: ge,
+      showSidebarCheckBox: Qe
+    } = me, he = _e(e, l), {
+      applyColumnSorter: Ze,
+      columnContext: Ce,
+      updateColumnRenderContext: et
+    } = he, pe = Ge(e, s, a, Ce, i, h, o, ge, D), {
+      shouldRenderPagination: tt
+    } = I, {
+      renderDataGridPagination: nt
+    } = Ae(e, l, s, pe, I, u);
     return () => n("div", {
-      class: H.value,
-      onClick: he
-    }, [c(), n("div", {
+      class: V.value,
+      onClick: ve
+    }, [S(), n("div", {
       ref: p,
       class: "f-list-view-content",
       onMouseover: () => {
-        s.value = !0;
+        g.value = !0;
       },
       onMouseleave: () => {
-        s.value = !1;
+        g.value = !1;
       }
-    }, [ae()]), G.value && n("div", {
+    }, [R()]), B.value && n("div", {
       class: "f-list-view-footer"
     }, [e.footerTemplate ? e.footerTemplate() : l.slots.footer && l.slots.footer()])]);
   }
-}), ee = /* @__PURE__ */ ne({
+}), Q = /* @__PURE__ */ ee({
   name: "FListViewTable",
-  props: le,
+  props: te,
   emits: ["outputValue", "currentEvent", "selectionChanged"],
   setup(e, l) {
-    const I = [{
+    const p = [{
       name: "任芳",
       code: "1.PO20198989001",
       date: "2024-02-19",
@@ -754,10 +753,10 @@ const W = /* @__PURE__ */ ne({
       desc: "导游5",
       amount: 84.13,
       avatar: "./assets/avatar5.png"
-    }], p = P(() => e.data.length > 0 ? e.data : I);
+    }], w = x(() => e.data.length > 0 ? e.data : p);
     return () => {
-      var w;
-      return n(z, null, [(w = p.value) == null ? void 0 : w.map((a) => n("div", {
+      var g;
+      return n(N, null, [(g = w.value) == null ? void 0 : g.map((a) => n("div", {
         class: "f-template-listview-row"
       }, [n("div", {
         class: "list-view-item-title"
@@ -779,22 +778,22 @@ const W = /* @__PURE__ */ ne({
         class: "content-message"
       }, [n("div", {
         class: "ower"
-      }, [n("p", null, [q("创建人")]), n("p", {
+      }, [n("p", null, [Y("创建人")]), n("p", {
         class: "con"
       }, [a.name])]), n("div", {
         class: "date"
-      }, [n("p", null, [q("创建时间")]), n("p", {
+      }, [n("p", null, [Y("创建时间")]), n("p", {
         class: "con"
       }, [a.date])])])])]))]);
     };
   }
 });
-W.install = (e) => {
-  e.component(W.name, W), e.component(ee.name, ee);
+U.install = (e) => {
+  e.component(U.name, U), e.component(Q.name, Q);
 };
 export {
-  W as FListView,
-  ee as FListViewTable,
-  W as default,
-  le as listViewProps
+  U as FListView,
+  Q as FListViewTable,
+  U as default,
+  te as listViewProps
 };