evui 3.5.0-rc.1 → 3.5.0

package/dist/components/grid/uses.js

@@ -0,0 +1,697 @@
+import { getCurrentInstance as T, nextTick as _ } from "vue";
+import { uniqBy as q } from "lodash-es";
+import { numberWithComma as U } from "../../common/utils.js";
+const A = 0, N = 1, R = 2, B = 3, V = 4, J = () => {
+  const { props: k } = T();
+  return {
+    isRenderer: (y = {}) => {
+      var c;
+      return !!((c = y == null ? void 0 : y.render) != null && c.use);
+    },
+    getComponentName: (y = "") => {
+      const c = (w) => w.charAt(0).toUpperCase() + w.slice(1), v = "Renderer";
+      let p = "";
+      if (y.indexOf("_") !== -1) {
+        const w = y.split("_");
+        for (let m = 0; m < w.length; m++)
+          p += c(w[m]);
+      } else
+        p = c(y);
+      return p + v;
+    },
+    getConvertValue: (y, c) => {
+      let v = y.type === "number" || y.type === "float" ? Number(c) : c;
+      return y.type === "number" ? (v = U(c), v = v === !1 ? c : v) : y.type === "float" && (v = v.toFixed(y.decimal ?? 3).replace(/\B(?=(\d{3})+(?!\d))/g, ",")), v;
+    },
+    getColumnIndex: (y) => k.columns.findIndex((c) => c.field === y),
+    setPixelUnit: (y) => {
+      let c = y;
+      const v = c.toString().indexOf("px") >= 0, p = c.toString().indexOf("%") >= 0;
+      return !v && !p && (c = `${c}px`), c;
+    }
+  };
+}, X = (k) => {
+  var n;
+  const e = ((n = k.movedColumns) != null && n.length ? k.movedColumns : k.originColumns) ?? [], r = new Map(
+    (k.filteredColumns ?? []).map((f) => [f.index, f])
+  );
+  return e.map((f) => {
+    const S = r.get(f.index) ?? {};
+    return {
+      ...f,
+      ...S
+    };
+  });
+}, K = (k) => {
+  const {
+    scrollInfo: e,
+    stores: r,
+    elementInfo: n,
+    resizeInfo: f,
+    pageInfo: S,
+    summaryScroll: y,
+    getPagingData: c,
+    updatePagingInfo: v,
+    expandedInfo: p
+  } = k, w = (H) => {
+    var C, s;
+    const o = n.body, t = f.rowHeight, i = p.detailRowHeight ?? 0;
+    if (o) {
+      let a = r.store;
+      S.isClientPaging && (a = c());
+      const h = ((C = p.expandedRows) == null ? void 0 : C.length) ?? 0, b = ((s = p.expandedRows) == null ? void 0 : s.map(
+        (D) => a.findIndex((W) => W[R] === D)
+      )) ?? [], x = a.length * t + h * i;
+      let l = 0, u = 0;
+      if (h)
+        for (l = 0; u + t < o.scrollTop; l++)
+          b.includes(l) && (u += i), u += t;
+      else
+        l = Math.floor(o.scrollTop / t), u = Math.max(l, 0) * t;
+      l > a.length - 1 && (l = 0);
+      let d = 0, g = 0;
+      if (h)
+        for (let D = l; g <= o.clientHeight; D++)
+          b.includes(D) && (g += i), g += t, d += 1;
+      else
+        d = o.clientHeight > t ? Math.ceil(o.clientHeight / t) : a.length, g = d * t;
+      const E = l + d + 1, M = Math.max(l, 0), P = E, L = n.table;
+      r.viewStore = a.slice(M, P), e.hasVerticalScrollBar = d < a.length || o.clientHeight < L.clientHeight, e.vScrollTopHeight = u, e.vScrollBottomHeight = x - g - e.vScrollTopHeight, H && S.isInfinite && e.vScrollBottomHeight === 0 && (S.prevPage = S.currentPage, S.currentPage = Math.ceil(P / S.perPage) + 1, S.startIndex = P, v({ onScrollEnd: !0 }));
+    }
+  }, m = (H) => {
+    if (p.useRowDetail && !p.detailRowHeight) {
+      let o = r.store;
+      S.isClientPaging && (o = c()), r.viewStore = [...o], e.vScrollTopHeight = 0, e.vScrollBottomHeight = 0;
+    } else
+      w(H);
+  }, I = () => {
+    const H = n.header, o = n.body, t = n.table;
+    H.scrollLeft = o.scrollLeft, y.value = o.scrollLeft, e.hasHorizontalScrollBar = o.clientWidth < t.clientWidth;
+  };
+  return { updateVScroll: m, updateHScroll: I, onScroll: () => {
+    const H = n.body, o = H.scrollTop, t = H.scrollLeft, i = e.lastScroll.top, C = e.lastScroll.left, s = t !== C;
+    o !== i && (H != null && H.clientHeight) && m(!0), s && I(), e.lastScroll.top = o, e.lastScroll.left = t;
+  } };
+}, Q = (k) => {
+  const { props: e, emit: r } = T(), {
+    resizeInfo: n,
+    elementInfo: f,
+    checkInfo: S,
+    expandedInfo: y,
+    stores: c,
+    isRenderer: v,
+    updateVScroll: p,
+    updateHScroll: w,
+    contextInfo: m
+  } = k, I = () => {
+    var C;
+    let t = n.columnWidth, i = 0;
+    if (n.adjust) {
+      const s = f.body;
+      let a = s.offsetWidth;
+      const h = s.offsetHeight, b = ((C = s.querySelector("tr")) == null ? void 0 : C.offsetHeight) || n.rowHeight, x = a - s.clientWidth, l = c.orderedColumns.reduce(
+        (u, d) => (d.hide || d.hiddenDisplay || (d.width ? u.totalWidth += d.width : u.emptyCount++), u),
+        { totalWidth: m.customContextMenu.length ? 30 : 0, emptyCount: 0 }
+      );
+      if (b * e.rows.length > h && (a -= x), S.useCheckbox.use && (a -= n.minWidth), y.useRowDetail && (a -= n.minWidth), t = a - l.totalWidth, t > 0) {
+        const u = l.emptyCount === 0 ? 0 : Math.floor(t / l.emptyCount);
+        i = t - u * l.emptyCount, t = l.emptyCount !== 0 ? u : t;
+      } else
+        t = n.columnWidth;
+      t = t < n.minWidth ? n.minWidth : t, n.columnWidth = t;
+    }
+    if (c.orderedColumns.forEach((s) => {
+      const a = v(s) ? n.rendererMinWidth : n.minWidth;
+      s.width && s.width < a && (s.width = a), !s.width && !s.hide && (s.width = t);
+    }), i && c.orderedColumns.length) {
+      let s = c.orderedColumns.length - 1, a = c.orderedColumns[s];
+      for (; s > 0 && a && (a.hide || a.hiddenDisplay); )
+        s -= 1, a = c.orderedColumns[s];
+      a && (a.width += i);
+    }
+  }, O = () => {
+    const t = new Map(e.columns.map((i) => [i.field, i.width]));
+    _(() => {
+      var i, C;
+      n.adjust && c.orderedColumns.forEach((s) => {
+        const a = s;
+        return a.resized || (a.width = t.get(a.field) ?? 0), a;
+      }, void 0), I(), (i = f.body) != null && i.clientHeight && p(), (C = f.body) != null && C.clientWidth && w();
+    });
+  };
+  return { calculatedColumn: I, onResize: O, onShow: (t) => {
+    t && O();
+  }, onColumnResize: (t, i) => {
+    i.preventDefault();
+    const C = f.header, s = f.body, a = C.getBoundingClientRect().left, h = C.querySelector(`li[data-index="${t}"]`), b = v(c.orderedColumns[t]) ? n.rendererMinWidth : n.minWidth, x = h.getBoundingClientRect(), l = f.resizeLine, u = x.left - a + b, d = x.right - a, g = i.clientX, E = x.left - a;
+    s.style.overflow = "auto", l.style.left = `${d}px`, n.showResizeLine = !0;
+    const M = (L) => {
+      const D = L.clientX - g, W = d + D, F = Math.max(u, W);
+      l.style.left = `${F}px`;
+    }, P = () => {
+      const D = parseInt(l.style.left, 10) - E;
+      c.orderedColumns[t] && (c.orderedColumns[t].width = D, c.orderedColumns[t].resized = !0), n.showResizeLine = !1, document.removeEventListener("mousemove", M), O();
+      const W = X(c);
+      r("resize-column", {
+        column: c.orderedColumns[t],
+        columns: W
+      }), r("change-column-info", {
+        type: "resize",
+        columns: W
+      });
+    };
+    document.addEventListener("mousemove", M), document.addEventListener("mouseup", P, { once: !0 });
+  } };
+}, Y = (k) => {
+  const { emit: e } = T(), { selectInfo: r, stores: n } = k, f = (p, w) => {
+    var O;
+    const m = (O = p.target.tagName) == null ? void 0 : O.toLowerCase();
+    let I = {};
+    return m === "td" ? I = p.target.dataset : I = p.target.parentNode.dataset, {
+      event: p,
+      rowData: w[R],
+      rowIndex: w[A],
+      cellName: I.name,
+      cellIndex: I.index
+    };
+  };
+  let S = null, y = -1;
+  return { onRowClick: (p, w, m) => {
+    var H, o, t;
+    if ((H = p.target.parentElement.classList) != null && H.contains("row-checkbox-input"))
+      return !1;
+    const I = !!((t = (o = p.target.closest("td")) == null ? void 0 : o.classList) != null && t.contains("row-contextmenu")), O = (i, C, s) => {
+      if (i === "shift") {
+        const a = w[A];
+        if (y > -1)
+          for (let h = Math.min(a, y); h <= Math.max(a, y); h++)
+            if (!C)
+              n.originStore[h][B] = !0, y !== h && r.selectedRow.push(n.originStore[h][R]);
+            else {
+              n.originStore[h][B] = !1;
+              const b = r.selectedRow.indexOf(
+                n.originStore[h][R]
+              );
+              b > -1 && r.selectedRow.splice(b, 1);
+            }
+      } else i === "ctrl" && (C ? r.selectedRow.splice(r.selectedRow.indexOf(w[R]), 1) : r.selectedRow.push(s));
+    };
+    return S && clearTimeout(S), S = setTimeout(() => {
+      if (r.useSelect) {
+        const i = w[R], C = w[B];
+        w[B] = !w[B];
+        let s = "";
+        p.shiftKey ? s = "shift" : p.ctrlKey && (s = "ctrl"), r.multiple && s ? O(s, C, i) : m || I ? (r.selectedRow = [...r.selectedRow], r.selectedRow.includes(i) || (r.selectedRow = [i])) : C ? r.selectedRow = [] : r.selectedRow = [i], y = w[A], e("update:selected", r.selectedRow), e("click-row", f(p, w));
+      }
+    }, 100), !0;
+  }, onRowDblClick: (p, w) => {
+    S && clearTimeout(S), e("dblclick-row", f(p, w));
+  } };
+}, Z = (k) => {
+  const { checkInfo: e, stores: r, pageInfo: n, getPagingData: f } = k, { props: S, emit: y } = T(), c = (w) => {
+    const m = r.originStore.findIndex(
+      (I) => I[R] === w[R]
+    );
+    m !== -1 && (r.originStore[m][N] = w[N]);
+  };
+  return { onCheck: (w, m) => {
+    if (e.useCheckbox.mode === "single" && e.prevCheckedRow.length && (e.prevCheckedRow = [], c(e.prevCheckedRow)), m[N]) {
+      e.useCheckbox.mode === "single" ? e.checkedRows = [m[R]] : e.checkedRows.push(m[R]);
+      let I = r.store;
+      n.isClientPaging && (I = f());
+      const O = I.filter((H) => !S.uncheckable.includes(H[R])).filter((H) => !S.disabledRows.includes(H[R])).every((H) => H[N]);
+      I.length && O && (e.isHeaderChecked = !0), e.isHeaderIndeterminate = I.length && !O;
+    } else
+      e.useCheckbox.mode === "single" ? e.checkedRows = [] : e.checkedRows.splice(e.checkedRows.indexOf(m[R]), 1), e.isHeaderChecked = !1, e.isHeaderIndeterminate = !!(r.store.length && e.checkedRows.length);
+    e.prevCheckedRow = m.slice(), y("update:checked", e.checkedRows), y("check-row", w, m[A], m[R]);
+  }, onCheckAll: (w) => {
+    const m = e.isHeaderChecked;
+    let I = r.store;
+    n.isClientPaging && (I = f()), I.forEach((O) => {
+      const H = S.uncheckable.includes(O[R]) || S.disabledRows.includes(O[R]);
+      m ? !e.checkedRows.includes(O[R]) && !H && e.checkedRows.push(O[R]) : e.checkedRows.splice(e.checkedRows.indexOf(O[R]), 1), H || (O[N] = m);
+    }), e.isHeaderIndeterminate = !1, y("update:checked", e.checkedRows), y("check-all", w, e.checkedRows);
+  } };
+}, ee = (k) => {
+  const { expandedInfo: e } = k, { emit: r } = T();
+  return {
+    onExpanded: (f, S) => {
+      const y = S[R], c = e.expandedRows.indexOf(y);
+      c === -1 ? e.expandedRows.push(y) : e.expandedRows.splice(c, 1), S[V] = !S[V], r("update:expanded", e.expandedRows), r("expand-row", f, S[R], S[V], S[A]);
+    }
+  };
+}, te = (k) => {
+  const { sortInfo: e, stores: r, updatePagingInfo: n } = k, { emit: f } = T(), S = (o = !0) => o ? ["asc", "desc", "init"] : ["asc", "desc"];
+  function y() {
+    this.orders = S(), this.dequeue = () => this.orders.shift(), this.enqueue = (o) => this.orders.push(o);
+  }
+  const c = (o, t = "init") => {
+    r.orderedColumns.forEach((i) => {
+      i.index === (o == null ? void 0 : o.index) && t ? i.sortOption = { sortType: t } : i.sortOption = { sortType: "init" };
+    });
+  }, v = () => {
+    const o = r.originColumns.filter((t) => t.hiddenDisplay || t.hide);
+    o.length && o.forEach((t) => {
+      t.sortOption = { sortType: "init" };
+    });
+  }, p = new y(), w = (o, t = !0) => {
+    const { sortType: i } = (o == null ? void 0 : o.sortOption) || {};
+    e.sortColumn = o, e.sortField = o == null ? void 0 : o.field, e.sortOrder = i, e.isSorting = !!i, t && (c(o, i), f("change-column-info", {
+      type: "sort",
+      columns: X(r)
+    }));
+  }, m = (o, t) => {
+    if (o.sortable === void 0 ? !0 : o.sortable) {
+      e.sortColumn = o, e.sortField !== (o == null ? void 0 : o.field) && (p.orders = S(), e.sortField = o == null ? void 0 : o.field), t && (p.orders = S(), t === "desc" && (e.sortOrder = p.dequeue(), p.enqueue(e.sortOrder))), e.sortOrder = p.dequeue(), p.enqueue(e.sortOrder), e.isSorting = !0, n({ onSort: !0 }), v(), c(o, e.sortOrder);
+      const C = X(r);
+      f("sort-column", {
+        field: e.sortField,
+        order: e.sortOrder,
+        column: e.sortColumn,
+        columns: C
+      }), f("change-column-info", {
+        type: "sort",
+        columns: C
+      });
+    }
+  }, I = () => {
+    var d;
+    const { field: o, index: t } = e.sortColumn || {}, i = ((d = e.sortFunction) == null ? void 0 : d[o]) ?? null, C = (g, E) => g > E ? -1 : 1, s = (g, E) => g < E ? -1 : 1, a = (g, E) => (g === null) - (E === null) || Number(E) - Number(g), h = (g, E) => (g === null) - (E === null) || Number(g) - Number(E);
+    if (e.sortOrder === "init" || !e.sortField && !e.isSorting) {
+      r.store.sort((g, E) => typeof g[A] == "number" ? s(g[A], E[A]) : 0);
+      return;
+    }
+    const b = e.sortColumn.type || "string", x = e.sortOrder === "desc" ? C : s, l = e.sortOrder === "desc" ? a : h, u = (g, E) => {
+      var L, D;
+      let M = g[R][t], P = E[R][t];
+      return g[R][t] && typeof g[R][t] == "object" && (M = g[R][t][(L = r.originColumns[t]) == null ? void 0 : L.field], P = E[R][t][(D = r.originColumns[t]) == null ? void 0 : D.field]), { aCol: M, bCol: P };
+    };
+    if (i) {
+      r.store.sort((g, E) => {
+        const M = g[R][t], P = E[R][t], L = i(M, P);
+        return e.sortOrder === "desc" ? -L : L;
+      });
+      return;
+    }
+    switch (b) {
+      case "string":
+        r.store.sort((g, E) => {
+          let { aCol: M, bCol: P } = u(g, E);
+          if ((!M || typeof M == "string") && (!P || typeof P == "string")) {
+            M = M || "", P = P || "";
+            const L = M.toLowerCase(), D = P.toLowerCase();
+            if (M !== P && L === D) {
+              const W = Array.from(M).findIndex((F, z) => F !== P[z]);
+              return x(M[W], P[W]);
+            }
+            return x(L, D);
+          }
+          return 0;
+        });
+        break;
+      case "stringNumber":
+        r.store.sort((g, E) => {
+          let { aCol: M, bCol: P } = u(g, E);
+          return !M || typeof M == "string" || typeof M == "number" ? (M = M === "" ? null : M, P = P === "" ? null : P, l(M ?? null, P ?? null)) : 0;
+        });
+        break;
+      default:
+        r.store.sort((g, E) => {
+          const { aCol: M, bCol: P } = u(g, E);
+          return !M || typeof M == "number" || typeof M == "boolean" ? l(M ?? null, P ?? null) : 0;
+        });
+        break;
+    }
+  }, O = () => {
+    var o;
+    return (o = r.orderedColumns) == null ? void 0 : o.find(
+      (t) => (t == null ? void 0 : t.sortOption) && S(!1).includes(t.sortOption.sortType)
+    );
+  };
+  return { onSort: m, getSortTarget: O, setSort: I, setSortInfo: w, hasSortTarget: () => !!O() };
+}, ne = (k) => {
+  const { props: e } = T(), {
+    columnSettingInfo: r,
+    filterInfo: n,
+    stores: f,
+    checkInfo: S,
+    pageInfo: y,
+    getConvertValue: c,
+    updateVScroll: v,
+    getPagingData: p,
+    updatePagingInfo: w,
+    getColumnIndex: m
+  } = k, I = (h) => {
+    let b = 0;
+    h.forEach((x) => {
+      const l = S.checkedRows.includes(x[R]);
+      x[N] = l, b += l ? 1 : 0;
+    }), h.length && (S.isHeaderChecked = h.length === b, S.isHeaderIndeterminate = h.length !== b && b > 0, S.isHeaderUncheckable = h.every(
+      (x) => e.uncheckable.includes(x[R]) || e.disabledRows.includes(x[R])
+    ));
+  }, O = (h, b, x) => {
+    if (typeof h != "string" || b === null)
+      return !1;
+    const l = b == null ? void 0 : b.toLowerCase(), u = h == null ? void 0 : h.toLowerCase();
+    let d = l.includes(u);
+    return x && (x === "start" ? d = l.startsWith(u) : x === "end" && (d = l.endsWith(u))), d;
+  }, H = (h, b) => {
+    const x = b.comparison, l = b.value;
+    let u = h[R][b.index];
+    (u || u === 0) && (u = `${h[R][b.index]}`);
+    let d;
+    return x === "=" ? d = (l == null ? void 0 : l.toLowerCase()) === (u == null ? void 0 : u.toLowerCase()) : x === "!=" ? d = (l == null ? void 0 : l.toLowerCase()) !== (u == null ? void 0 : u.toLowerCase()) : x === "%s%" ? d = O(l, u) : x === "notLike" ? d = !O(l, u) : x === "s%" ? d = O(l, u, "start") : x === "%s" ? d = O(l, u, "end") : x === "isEmpty" ? d = u == null || u === "" : x === "isNotEmpty" && (d = !!u), d;
+  }, o = (h, b, x) => {
+    const l = b.comparison, u = Number(b.value.replace(/,/g, ""));
+    let d = Number(h[R][b.index]), g;
+    return x === "float" && (d = Number(d.toFixed(3))), l === "=" ? g = d === u : l === ">" ? g = d > u : l === "<" ? g = d < u : l === "<=" ? g = d <= u : l === ">=" ? g = d >= u : l === "!=" ? g = d !== u : l === "isEmpty" ? g = d == null || isNaN(d) : l === "isNotEmpty" && (g = !!d || d === 0), g;
+  }, t = (h, b) => {
+    const x = b.comparison, l = b.value, u = `${h[R][b.index]}`;
+    let d;
+    return x === "=" && (d = u === l), d;
+  }, i = (h, b, x) => {
+    let l = b === "string" || b === "stringNumber" ? H : o;
+    return b === "boolean" && (l = t), h.filter((u) => l(u, x, b)) || [];
+  }, C = () => {
+    const h = n.filteringItemsByColumn, b = Object.keys(h), x = f.originStore;
+    let l = [], u = !1, d = [];
+    b.forEach((g, E) => {
+      const M = h[g], P = m(g), L = e.columns[P].type, D = n.columnOperator === "or", W = E > 0 && n.columnOperator === "and";
+      M.forEach((F, z) => {
+        !l.length && !u ? l = i(x, L, {
+          ...F,
+          index: P
+        }) : W && F.operator === "or" ? z > 0 ? l.push(
+          ...i(d, L, {
+            ...F,
+            index: P
+          })
+        ) : l = i(d, L, {
+          ...F,
+          index: P
+        }) : z === 0 && D || z !== 0 && F.operator === "or" ? l.push(
+          ...i(x, L, {
+            ...F,
+            index: P
+          })
+        ) : l = i(l, L, {
+          ...F,
+          index: P
+        }), u = !0;
+      }), d = JSON.parse(JSON.stringify(l));
+    }), u ? f.filterStore = q(l, JSON.stringify) : f.filterStore = x;
+  };
+  let s = null;
+  return { onSearch: (h) => {
+    s && clearTimeout(s), s = setTimeout(() => {
+      n.isSearch = !1, n.searchWord = h, h && (f.searchStore = f.store.filter((b) => {
+        let x = !1;
+        const l = r.isFilteringColumn ? b[R].filter(
+          (u, d) => r.visibleColumnIdx.includes(d)
+        ) : b[R];
+        for (let u = 0; u < f.orderedColumns.length; u++) {
+          const d = f.orderedColumns[u] || {};
+          let g = l[d.index] ?? null;
+          if (d.type = d.type || "string", g !== null && (g instanceof Array ? g = JSON.stringify(g) : typeof g == "object" && (g = g[d.field]), !d.hide && ((d == null ? void 0 : d.searchable) === void 0 || d != null && d.searchable) && (g = c(d, g).toString(), x = g.toLowerCase().includes(h.toString().toLowerCase()), x)))
+            break;
+        }
+        return x;
+      }), n.isSearch = !0), I(f.store), !h && y.isClientPaging && y.prevPage && (y.currentPage = 1, f.pagingStore = p()), w({ onSearch: !0 }), v();
+    }, 500);
+  }, setFilter: C, setHeaderCheckboxByFilter: I };
+}, oe = (k) => {
+  const {
+    contextInfo: e,
+    stores: r,
+    selectInfo: n,
+    onSort: f,
+    filterInfo: S,
+    useGridSetting: y,
+    columnSettingInfo: c,
+    setColumnHidden: v
+  } = k;
+  let p = null;
+  const { emit: w } = T(), m = (o) => {
+    p && clearTimeout(p);
+    const t = [];
+    p = setTimeout(() => {
+      if (e.customContextMenu.length) {
+        const i = e.customContextMenu.map((C) => {
+          const s = C;
+          return s.validate && (s.disabled = !s.validate(s.itemId, n.selectedRow)), s.selectedRow = n.selectedRow ?? [], s.contextmenuInfo = n.contextmenuInfo ?? [], s;
+        });
+        t.push(...i);
+      }
+      e.contextMenuItems = t, e.menu.show(o);
+    }, 200);
+  };
+  return {
+    setContextMenu: m,
+    onContextMenu: (o) => {
+      var s, a, h;
+      o.preventDefault();
+      const i = (a = (s = o.target.closest(".row")) == null ? void 0 : s.dataset) == null ? void 0 : a.index;
+      let C = null;
+      i && (C = (h = r.viewStore.find((b) => b[A] === +i)) == null ? void 0 : h[R]), C && (n.contextmenuInfo = [C], m(o));
+    },
+    onColumnContextMenu: (o, t) => {
+      var i, C, s, a, h, b, x, l;
+      if (o.target.className === "column-name") {
+        const u = t.sortable === void 0 ? !0 : t.sortable, d = S.isFiltering && t.filterable === void 0 ? !0 : t.filterable, g = [
+          {
+            text: ((i = e.columnMenuTextInfo) == null ? void 0 : i.ascending) ?? "Ascending",
+            iconClass: "ev-icon-allow2-up",
+            disabled: !u,
+            hidden: (C = e.hiddenColumnMenuItem) == null ? void 0 : C.ascending,
+            click: () => f(t, "asc")
+          },
+          {
+            text: ((s = e.columnMenuTextInfo) == null ? void 0 : s.descending) ?? "Descending",
+            iconClass: "ev-icon-allow2-down",
+            disabled: !u,
+            hidden: (a = e.hiddenColumnMenuItem) == null ? void 0 : a.descending,
+            click: () => f(t, "desc")
+          },
+          {
+            text: ((h = e.columnMenuTextInfo) == null ? void 0 : h.filter) ?? "Filter",
+            iconClass: "ev-icon-filter-list",
+            click: () => {
+              const E = document.documentElement.clientWidth, M = e.columnMenu.menuStyle.clientX, P = e.columnMenu.menuStyle.pageX, L = 350;
+              E < M + L && (e.columnMenu.menuStyle.left = `${P - L}px`), S.filterSettingPosition = {
+                top: e.columnMenu.menuStyle.top,
+                left: e.columnMenu.menuStyle.left
+              }, S.isShowFilterSetting = !0, S.filteringColumn = t, w("change-column-info", {
+                type: "filter",
+                columns: r.updatedColumns
+              });
+            },
+            disabled: !d,
+            hidden: ((b = e.hiddenColumnMenuItem) == null ? void 0 : b.filter) || !S.isFiltering
+          },
+          {
+            text: ((x = e.columnMenuTextInfo) == null ? void 0 : x.hide) ?? "Hide",
+            iconClass: "ev-icon-visibility-off",
+            disabled: !y.value || r.orderedColumns.length === 1 || t.fixed,
+            hidden: ((l = e.hiddenColumnMenuItem) == null ? void 0 : l.hide) || !y.value,
+            click: () => {
+              v(t.field), w("change-column-status", {
+                columns: r.updatedColumns
+              }), w("change-column-info", {
+                type: "display",
+                columns: r.updatedColumns
+              });
+            }
+          }
+        ];
+        if (e.columnMenuItems = [], !u && !d && !y.value)
+          return;
+        e.columnMenuItems = g.filter((E) => !E.hidden);
+      }
+    },
+    onGridSettingContextMenu: (o) => {
+      const { useDefaultColumnSetting: t, columnSettingTextInfo: i } = c, C = {
+        text: (i == null ? void 0 : i.title) ?? "Column List",
+        isShowMenu: !0,
+        click: () => {
+          c.isShowColumnSetting = !0, e.isShowMenuOnClick = !0;
+        }
+      };
+      e.customGridSettingContextMenu.length && (e.gridSettingContextMenuItems = [...e.customGridSettingContextMenu]), t && e.gridSettingContextMenuItems.push(C), e.gridSettingMenu.show(o);
+    }
+  };
+}, se = (k) => {
+  const { props: e } = T(), {
+    selectInfo: r,
+    checkInfo: n,
+    stores: f,
+    sortInfo: S,
+    elementInfo: y,
+    filterInfo: c,
+    expandedInfo: v,
+    setSort: p,
+    setSortInfo: w,
+    updateVScroll: m,
+    setFilter: I
+  } = k;
+  return { setStore: ({ rows: H, isMakeIndex: o = !0, isInit: t = !1 }) => {
+    var C, s, a;
+    const i = f.orderedColumns.find(
+      (h) => (h == null ? void 0 : h.sortOption) && ["asc", "desc"].includes(h.sortOption.sortType)
+    );
+    if (o) {
+      const h = [];
+      let b = !1;
+      H.forEach((x, l) => {
+        const u = e.checked.includes(x), d = e.uncheckable.includes(x) || e.disabledRows.includes(x);
+        let g = !1;
+        r.useSelect && (g = e.selected.includes(x)), !u && !d && (b = !0);
+        let E = !1;
+        v.useRowDetail && (E = e.expanded.includes(x));
+        const M = e.disabledRows.includes(x);
+        h.push([l, u, x, g, E, d, M]);
+      }), H.length !== e.checked.length && (H.length === ((C = e.uncheckable) == null ? void 0 : C.length) || H.length === ((s = e.disabledRows) == null ? void 0 : s.length)) && (b = !0), n.isHeaderChecked = H.length > 0 ? !b : !1, n.isHeaderIndeterminate = b && !!n.checkedRows.length, n.isHeaderUncheckable = H.every(
+        (x) => e.uncheckable.includes(x) || e.disabledRows.includes(x)
+      ), f.originStore = h;
+    }
+    c.isFiltering && I(), i && t && w(i, !1), S.sortField && p(), (a = y.body) != null && a.clientHeight && m();
+  } };
+}, ie = (k) => {
+  const { emit: e } = T(), { stores: r, pageInfo: n, sortInfo: f, filterInfo: S, elementInfo: y, clearCheckInfo: c } = k, v = () => {
+    const m = (n.currentPage - 1) * n.perPage, I = parseInt(m, 10) + parseInt(n.perPage, 10);
+    return r.store.slice(m, I);
+  }, p = (m) => {
+    e("page-change", {
+      eventName: m,
+      pageInfo: {
+        currentPage: n.currentPage,
+        prevPage: n.prevPage,
+        startIndex: n.startIndex,
+        total: n.pageTotal,
+        perPage: n.perPage
+      },
+      sortInfo: {
+        field: f.sortField,
+        order: f.sortOrder
+      },
+      searchInfo: {
+        searchWord: S.searchWord,
+        searchColumns: r.orderedColumns.filter((I) => !I.hide && ((I == null ? void 0 : I.searchable) === void 0 || (I == null ? void 0 : I.searchable))).map((I) => I.field)
+      }
+    }), n.isInfinite && (m != null && m.onSearch || m != null && m.onSort) && (n.currentPage = 1, y.body.scrollTop = 0, c());
+  };
+  return { getPagingData: v, updatePagingInfo: p, changePage: (m) => {
+    if (n.isClientPaging)
+      if (n.prevPage = m, r.store.length <= n.perPage)
+        r.pagingStore = r.store;
+      else {
+        const I = (n.currentPage - 1) * n.perPage, O = parseInt(I, 10) + parseInt(n.perPage, 10);
+        r.pagingStore = r.store.slice(I, O), y.body.scrollTop = 0, n.startIndex = I;
+      }
+    p({ onChangePage: !0 });
+  } };
+}, re = (k) => {
+  const { props: e, emit: r } = T(), { stores: n, columnSettingInfo: f, contextInfo: S, onSearch: y, onResize: c } = k, v = (o) => {
+    var t, i, C;
+    if (f.isShowColumnSetting)
+      if (f.columnSettingPosition.columnListMenuWidth = 0, S.gridSettingContextMenuItems.length) {
+        const s = S.gridSettingContextMenuItems.length - 1, a = (C = (i = (t = S.gridSettingMenu) == null ? void 0 : t.rootMenuList) == null ? void 0 : i.$el) == null ? void 0 : C.children[0].children[s].getBoundingClientRect();
+        f.columnSettingPosition.columnListMenuWidth = a.width, f.columnSettingPosition.top = a.top, f.columnSettingPosition.left = a.right;
+      } else {
+        const s = o == null ? void 0 : o.getBoundingClientRect(), a = s == null ? void 0 : s.height;
+        f.columnSettingPosition.top = (s == null ? void 0 : s.top) + a, f.columnSettingPosition.left = s == null ? void 0 : s.right;
+      }
+  }, p = () => {
+    n.filteredColumns.length = 0, f.isFilteringColumn = !1, f.visibleColumnIdx = [], f.hiddenColumn = "";
+  }, w = () => Array.isArray(n.movedColumns) && n.movedColumns.length ? n.movedColumns : n.originColumns || [], m = (o, t) => {
+    var C;
+    if (!o)
+      return;
+    o.hiddenDisplay = t;
+    const i = (C = n.originColumns) == null ? void 0 : C.find((s) => s.index === o.index);
+    if (i && i !== o && (i.hiddenDisplay = t), Array.isArray(n.movedColumns)) {
+      const s = n.movedColumns.find((a) => a.index === o.index);
+      s && s !== o && (s.hiddenDisplay = t);
+    }
+  }, I = () => {
+    f.visibleColumnIdx = n.filteredColumns.map((i) => i.index);
+    const o = n.originColumns.filter((i) => !i.hide || i.hiddenDisplay).map((i) => i.index), t = f.visibleColumnIdx;
+    f.isFilteringColumn = t.length !== o.length, e.option.searchValue && y(e.option.searchValue), c();
+  };
+  return {
+    setPositionColumnSetting: v,
+    initColumnSettingInfo: p,
+    onApplyColumn: (o) => {
+      const t = n.orderedColumns.filter((a) => !a.hide && !a.hiddenDisplay);
+      if (o.length === t.length && t.every((a) => o.includes(a.field)))
+        return;
+      const C = w(), s = new Set(o);
+      n.filteredColumns = C.filter((a) => {
+        const h = s.has(a.field) || !a.caption;
+        return m(a, !h), h;
+      }), f.hiddenColumn = "", I(), r("change-column-status", {
+        columns: n.updatedColumns
+      }), r("change-column-info", {
+        type: "display",
+        columns: n.updatedColumns
+      });
+    },
+    setColumnHidden: (o) => {
+      const t = n.orderedColumns.filter((C) => !C.hide && !C.hiddenDisplay);
+      if (t.length === 1)
+        return;
+      n.filteredColumns = t.filter((C) => {
+        const s = C.field === o;
+        return m(C, s), !s;
+      }), w().forEach((C) => {
+        C.field === o && m(C, !0);
+      }), f.hiddenColumn = o, I();
+    }
+  };
+}, le = ({ stores: k }) => {
+  const { emit: e } = T(), r = (c) => {
+    var m;
+    const v = (m = k.movedColumns) != null && m.length ? [...k.movedColumns] : [...k.originColumns], p = [...c], w = new Set(p.map((I) => I.index));
+    k.movedColumns = v.map((I) => w.has(I.index) ? p.shift() : I);
+  }, n = (c, v) => {
+    const p = parseInt(c, 10), w = parseInt(v, 10);
+    if (!Number.isInteger(p) || !Number.isInteger(w))
+      return;
+    const m = [...k.orderedColumns], I = m[p];
+    m.splice(p, 1), m.splice(w, 0, I), k.filteredColumns.length && (k.filteredColumns = m), r(m);
+  };
+  return {
+    onDragStart: (c) => {
+      c.dataTransfer.setData("text/plain", c.currentTarget.dataset.index);
+    },
+    onDragOver: (c) => {
+      c.preventDefault();
+    },
+    onDrop: (c) => {
+      c.preventDefault();
+      const v = c.dataTransfer.getData("text/plain"), p = c.target.parentNode.dataset.index;
+      n(v, p), e("change-column-order", {
+        column: k.orderedColumns[p],
+        columns: k.updatedColumns
+      }), e("change-column-info", {
+        type: "order",
+        columns: k.updatedColumns
+      });
+    }
+  };
+};
+export {
+  Z as checkEvent,
+  Y as clickEvent,
+  re as columnSettingEvent,
+  J as commonFunctions,
+  oe as contextMenuEvent,
+  le as dragEvent,
+  ee as expandEvent,
+  ne as filterEvent,
+  X as getUpdatedColumns,
+  ie as pagingEvent,
+  Q as resizeEvent,
+  K as scrollEvent,
+  te as sortEvent,
+  se as storeEvent
+};