evui 3.5.0-rc.1 → 3.5.0

package/dist/components/treeGrid/uses.js

@@ -0,0 +1,497 @@
+import { getCurrentInstance as y, nextTick as j } from "vue";
+import { numberWithComma as V } from "../../common/utils.js";
+const q = (p) => {
+  const { props: c } = y(), { checkInfo: l } = p;
+  return {
+    isRenderer: (d = {}) => {
+      var u;
+      return !!((u = d == null ? void 0 : d.render) != null && u.use);
+    },
+    getComponentName: (d = "") => {
+      const u = (o) => o.charAt(0).toUpperCase() + o.slice(1), t = "Renderer";
+      let e = "";
+      if (d.indexOf("_") !== -1) {
+        const o = d.split("_");
+        for (let n = 0; n < o.length; n++)
+          e += u(o[n]);
+      } else
+        e = u(d);
+      return e + t;
+    },
+    getConvertValue: (d, u) => {
+      let t = d.type === "number" || d.type === "float" ? Number(u) : u;
+      return d.type === "number" ? (t = V(u), t = t === !1 ? u : t) : d.type === "float" && (t = t.toFixed(d.decimal ?? 3).replace(/\B(?=(\d{3})+(?!\d))/g, ",")), t;
+    },
+    getColumnIndex: (d) => c.columns.findIndex((u) => u.field === d),
+    setPixelUnit: (d) => {
+      let u = d;
+      const t = u.toString().indexOf("px") >= 0, e = u.toString().indexOf("%") >= 0;
+      return !t && !e && (u = `${u}px`), u;
+    },
+    checkHeader: (d) => {
+      l.isHeaderChecked = !!d.length && d.every((t) => t.checked);
+      const u = d.filter((t) => t.uncheckable);
+      if (u.length) {
+        const t = d.filter((o) => o.checked), e = d.every((o) => u.includes(o));
+        l.isHeaderChecked = !e && u.length + t.length === d.length, l.isHeaderUncheckable = e;
+      }
+      l.isHeaderIndeterminate = !!d.length && d.some((t) => t.checked || t.indeterminate) && !l.isHeaderChecked;
+    }
+  };
+}, O = (p) => {
+  const { originColumns: c, filteredColumns: l } = p;
+  return c.map((r) => {
+    const k = l.find((x) => x.index === r.index) ?? {};
+    return {
+      ...r,
+      ...k
+    };
+  });
+}, A = (p) => {
+  const {
+    scrollInfo: c,
+    stores: l,
+    elementInfo: r,
+    resizeInfo: k,
+    pageInfo: x,
+    summaryScroll: m,
+    getPagingData: f,
+    updatePagingInfo: C
+  } = p, d = (e) => {
+    let o = l.showTreeStore;
+    x.isClientPaging && (o = f());
+    const n = r.body;
+    if (n) {
+      const i = k.rowHeight, s = n.clientHeight > i ? Math.ceil(n.clientHeight / i) : o.length, a = o.length * i;
+      let h = Math.floor(n.scrollTop / i);
+      h > o.length - 1 && (h = 0);
+      const g = h + s + 1, w = Math.max(h, 0), S = g, b = r.table;
+      l.viewStore = o.slice(w, S), c.hasVerticalScrollBar = s < o.length || n.clientHeight < b.clientHeight, c.vScrollTopHeight = w * i, c.vScrollBottomHeight = a - l.viewStore.length * i - c.vScrollTopHeight, e && x.isInfinite && c.vScrollBottomHeight === 0 && (x.prevPage = x.currentPage, x.currentPage = Math.ceil(S / x.perPage) + 1, x.startIndex = S, C({ onScrollEnd: !0 }));
+    }
+  }, u = () => {
+    const e = r.header, o = r.body, n = r.table;
+    e.scrollLeft = o.scrollLeft, m.value = o.scrollLeft, c.hasHorizontalScrollBar = o.clientWidth < n.clientWidth;
+  };
+  return { updateVScroll: d, updateHScroll: u, onScroll: () => {
+    const e = r.body, o = e.scrollTop, n = e.scrollLeft, i = c.lastScroll.top, s = c.lastScroll.left, a = n !== s;
+    o !== i && e.clientHeight && d(!0), a && u(), c.lastScroll.top = o, c.lastScroll.left = n;
+  } };
+}, B = (p) => {
+  const { props: c, emit: l } = y(), {
+    resizeInfo: r,
+    elementInfo: k,
+    checkInfo: x,
+    stores: m,
+    isRenderer: f,
+    updateVScroll: C,
+    updateHScroll: d,
+    contextInfo: u
+  } = p, t = () => {
+    m.viewStore = m.showTreeStore;
+    const i = m.viewStore;
+    let s = r.columnWidth;
+    r.columnWidth > 0 && (s = r.columnWidth), s = r.columnWidth;
+    let a = 0;
+    if (r.adjust && k.body) {
+      const h = k.body;
+      let g = h.offsetWidth;
+      const w = h.offsetHeight, S = m.orderedColumns.reduce(
+        (b, R) => (R.hide || R.hiddenDisplay || (R.width ? b.totalWidth += R.width : b.emptyCount++), b),
+        { totalWidth: u.customContextMenu.length ? 30 : 0, emptyCount: 0 }
+      );
+      if (r.rowHeight * i.length > w - r.scrollWidth && (g -= r.scrollWidth), x.useCheckbox.use && (g -= r.minWidth), s = g - S.totalWidth, s > 0) {
+        const b = S.emptyCount === 0 ? 0 : Math.floor(s / S.emptyCount);
+        a = s - b * S.emptyCount, s = S.emptyCount !== 0 ? b : s;
+      } else
+        s = r.columnWidth;
+      s = s < r.minWidth ? r.minWidth : s, r.columnWidth = s;
+    }
+    if (m.orderedColumns.forEach((h) => {
+      const g = f(h) ? r.rendererMinWidth : r.minWidth;
+      h.width && h.width < g && (h.width = g), !h.width && !h.hide && (h.width = s);
+    }), a && m.orderedColumns.length) {
+      let h = m.orderedColumns.length - 1, g = m.orderedColumns[h];
+      for (; h > 0 && g && (g.hide || g.hiddenDisplay); )
+        h -= 1, g = m.orderedColumns[h];
+      g && (g.width += a);
+    }
+    r.isResize = !r.isResize;
+  }, e = () => {
+    j(() => {
+      var i, s;
+      r.adjust && m.orderedColumns.forEach((a) => {
+        var g;
+        const h = a;
+        return !((g = c.columns[a.index]) != null && g.width) && !h.resized && (h.width = 0), h;
+      }, void 0), t(), (i = k.body) != null && i.clientHeight && C(), (s = k.body) != null && s.clientWidth && d();
+    });
+  };
+  return { calculatedColumn: t, onResize: e, onShow: (i) => {
+    i && e();
+  }, onColumnResize: (i, s) => {
+    const a = k.header, h = k.body, g = a.getBoundingClientRect().left, w = a.querySelector(`li[data-index="${i}"]`), S = f(m.orderedColumns[i]) ? r.rendererMinWidth : r.minWidth, b = w.getBoundingClientRect(), R = h.getBoundingClientRect().right - g, P = k.resizeLine, v = b.left - g + S, H = b.right - g, W = s.clientX, z = b.left - g;
+    h.style.overflow = "auto", P.style.left = `${H}px`, r.showResizeLine = !0;
+    const L = (T) => {
+      const E = T.clientX - W, I = H + E;
+      let M = Math.max(v, I);
+      M = Math.min(R, M), P.style.left = `${M}px`;
+    }, F = () => {
+      const E = parseInt(P.style.left, 10) - z;
+      m.orderedColumns[i] && (m.orderedColumns[i].width = E, m.orderedColumns[i].resized = !0), r.showResizeLine = !1, document.removeEventListener("mousemove", L), e();
+      const I = O(m);
+      l("resize-column", {
+        column: m.orderedColumns[i],
+        columns: I
+      }), l("change-column-info", {
+        type: "resize",
+        columns: I
+      });
+    };
+    document.addEventListener("mousemove", L), document.addEventListener("mouseup", F, { once: !0 });
+  } };
+}, G = (p) => {
+  const { emit: c } = y(), l = p, r = (f, C) => {
+    var t;
+    const d = f.target.tagName.toLowerCase();
+    let u = {};
+    return f.target.offsetParent && (d === "td" ? u = f.target.dataset : u = ((t = f.target.closest("td")) == null ? void 0 : t.dataset) ?? {}), {
+      event: f,
+      rowData: C,
+      rowIndex: C.index,
+      cellName: u.name,
+      cellIndex: u.index
+    };
+  };
+  let k = null;
+  return { onRowClick: (f, C) => {
+    var d, u;
+    return f.target && f.target.parentElement && (f.target.parentElement.classList.contains("row-checkbox-input") || (u = (d = f.target.closest("td")) == null ? void 0 : d.classList) != null && u.contains("row-contextmenu")) ? !1 : (clearTimeout(k), k = setTimeout(() => {
+      l.useSelect && (C.selected ? (C.selected = !1, l.multiple ? f.ctrlKey ? l.selectedRow = l.selectedRow.filter((t) => t.index !== C.index) : l.selectedRow = [C] : l.selectedRow = []) : (C.selected = !0, f.ctrlKey && l.multiple && (!l.limitCount || l.limitCount > l.selectedRow.length) ? l.selectedRow.push(C) : l.selectedRow = [C]), c("update:selected", l.selectedRow), c("click-row", r(f, C)));
+    }, 100), !0);
+  }, onRowDblClick: (f, C) => {
+    clearTimeout(k), c("dblclick-row", r(f, C));
+  } };
+}, N = (p) => {
+  const { checkInfo: c, stores: l, checkHeader: r, pageInfo: k, getPagingData: x } = p, { emit: m } = y(), f = () => c.useCheckbox.mode === "each", C = (o) => {
+    const n = l.treeStore.findIndex((i) => i.index === o.index);
+    n !== -1 && (l.treeStore[n].checked = o.checked);
+  }, d = (o) => {
+    f() || o.hasChild && o.children.forEach((n) => {
+      const i = n;
+      o.checked && !i.checked && !i.uncheckable && c.checkedRows.push(i), o.checked || (c.checkedRows = c.checkedRows.filter(
+        (s) => s.index !== i.index
+      )), i.checked = o.checked && !i.uncheckable, i.hasChild && d(i);
+    });
+  }, u = (o) => {
+    if (f())
+      return;
+    const n = o.parent;
+    if (n) {
+      const i = n.children.every((a) => a.checked);
+      n.checked = i && !n.uncheckable;
+      const s = n.children.filter((a) => a.uncheckable);
+      if (s.length) {
+        const a = n.children.filter((h) => h.checked);
+        s.length + a.length === n.children.length && (n.checked = !0);
+      }
+      n.indeterminate = !i && n.children.some((a) => a.checked || a.indeterminate), n.checked ? c.checkedRows.push(n) : c.checkedRows = c.checkedRows.filter(
+        (a) => a.index !== n.index
+      ), n.parent && u(n);
+    }
+  };
+  return { onCheck: (o, n) => {
+    let i = l.store;
+    k.isClientPaging && (i = x());
+    const s = () => c.useCheckbox.mode === "single", a = () => {
+      c.isHeaderChecked && (c.isHeaderChecked = !1);
+    }, h = () => {
+      s() && c.checkedRows.length > 0 && (c.prevCheckedRow.checked = !1, C(c.prevCheckedRow));
+    }, g = (S) => {
+      if (s()) {
+        c.checkedRows = [S];
+        return;
+      }
+      d(S), u(S), c.checkedRows.push(S), S.indeterminate = !1;
+    }, w = (S) => {
+      if (s()) {
+        c.checkedRows = [];
+        return;
+      }
+      c.checkedRows = c.checkedRows.filter((b) => b.index !== S.index);
+    };
+    h(), n.checked ? (g(n), r(i)) : (a(), w(n), d(n), u(n)), c.prevCheckedRow = n, m("update:checked", c.checkedRows), m("check-row", o, n.index, n);
+  }, onCheckAll: (o) => {
+    var s;
+    const n = c.isHeaderChecked;
+    let i = (s = l.store) == null ? void 0 : s.filter((a) => a.isFilter);
+    k.isClientPaging && (i = x()), i.forEach((a) => {
+      a.checked = n && !a.uncheckable, a.checked ? c.checkedRows.find((h) => h.index === a.index) || c.checkedRows.push(a) : c.checkedRows = c.checkedRows.filter(
+        (h) => h.index !== a.index
+      ), a.indeterminate = !1;
+    }), c.isHeaderIndeterminate = !1, m("update:checked", c.checkedRows), m("check-all", o, c.checkedRows);
+  } };
+}, $ = (p) => {
+  const { emit: c } = y(), {
+    contextInfo: l,
+    stores: r,
+    selectInfo: k,
+    useGridSetting: x,
+    columnSettingInfo: m,
+    setColumnHidden: f,
+    onSort: C
+  } = p, d = (o = !0) => {
+    const n = [];
+    if (o && l.customContextMenu.length) {
+      const i = k.selectedRow, s = l.customContextMenu.map((a) => {
+        const h = a;
+        return h.validate && (h.disabled = !h.validate(h.itemId, i)), h.selectedRow = i ?? [], h;
+      });
+      n.push(...s);
+    }
+    l.contextMenuItems = n;
+  };
+  return {
+    setContextMenu: d,
+    onContextMenu: (o) => {
+      var s, a;
+      const i = (a = (s = o.target.closest(".row")) == null ? void 0 : s.dataset) == null ? void 0 : a.index;
+      if (i) {
+        const h = r.viewStore.findIndex((w) => w.index === Number(i)), g = r.viewStore[h];
+        k.selectedRow = [g], d(), c("update:selected", k.selectedRow);
+      } else
+        k.selectedRow = [], d(!1), c("update:selected", []);
+    },
+    onColumnContextMenu: (o, n) => {
+      var i, s, a, h, g, w;
+      if (o.target.className.includes("column-name")) {
+        const S = !!n.sortable;
+        l.columnMenuItems = [
+          {
+            text: ((i = l.columnMenuTextInfo) == null ? void 0 : i.hide) ?? "Hide",
+            iconClass: "ev-icon-visibility-off",
+            disabled: !x.value || r.orderedColumns.length === 1 || !!n.fixed,
+            hidden: ((s = l.hiddenColumnMenuItem) == null ? void 0 : s.hide) || !x.value,
+            click: () => {
+              f(n.field), c("change-column-status", {
+                columns: r.updatedColumns
+              }), c("change-column-info", {
+                type: "display",
+                columns: r.updatedColumns
+              });
+            }
+          },
+          {
+            text: ((a = l.columnMenuTextInfo) == null ? void 0 : a.ascending) ?? "Ascending",
+            iconClass: "ev-icon-allow2-up",
+            disabled: !S,
+            hidden: (h = l.hiddenColumnMenuItem) == null ? void 0 : h.ascending,
+            click: () => C(n, "asc")
+          },
+          {
+            text: ((g = l.columnMenuTextInfo) == null ? void 0 : g.descending) ?? "Descending",
+            iconClass: "ev-icon-allow2-down",
+            disabled: !S,
+            hidden: (w = l.hiddenColumnMenuItem) == null ? void 0 : w.descending,
+            click: () => C(n, "desc")
+          }
+        ];
+      } else
+        l.columnMenuItems.length = 0;
+    },
+    onGridSettingContextMenu: (o) => {
+      const { useDefaultColumnSetting: n, columnSettingTextInfo: i } = m, s = {
+        text: (i == null ? void 0 : i.title) ?? "Column List",
+        isShowMenu: !0,
+        click: () => {
+          m.isShowColumnSetting = !0, l.isShowMenuOnClick = !0;
+        }
+      };
+      l.customGridSettingContextMenu.length && (l.gridSettingContextMenuItems = [...l.customGridSettingContextMenu]), n && l.gridSettingContextMenuItems.push(s), l.gridSettingMenu.show(o);
+    }
+  };
+}, K = (p) => {
+  const { emit: c } = y(), { stores: l, onResize: r } = p, k = () => {
+    let f = 0;
+    const C = [];
+    function d(t) {
+      const e = {};
+      return Object.keys(t).forEach((o) => {
+        o !== "children" && (e[o] = t[o]);
+      }), e;
+    }
+    function u(t) {
+      const { node: e, level: o, isShow: n, parent: i, uncheckable: s } = t;
+      e !== null && typeof e == "object" && (e.index = f++, e.level = o, Object.hasOwnProperty.call(e, "checked") || (e.checked = !1), Object.hasOwnProperty.call(e, "selected") || (e.selected = !1), Object.hasOwnProperty.call(e, "show") || (e.show = n), Object.hasOwnProperty.call(e, "expand") || (e.expand = !0), Object.hasOwnProperty.call(e, "isFilter") || (e.isFilter = !1), Object.hasOwnProperty.call(e, "uncheckable") || (e.uncheckable = s), Object.hasOwnProperty.call(e, "indeterminate") || (e.indeterminate = !1), Object.hasOwnProperty.call(e, "data") || (e.data = d(e)), C.push(e), Object.hasOwnProperty.call(e, "parent") || (e.parent = i), e.children && (e.hasChild = !0, e.children.forEach(
+        (a) => u({
+          node: a,
+          level: o + 1,
+          isShow: e.show && e.expand,
+          parent: e,
+          uncheckable: e.uncheckable
+        })
+      )));
+    }
+    return l.treeRows.forEach((t) => {
+      u({
+        node: t,
+        level: 0,
+        isShow: !0,
+        parent: void 0,
+        uncheckable: !1
+      });
+    }), C;
+  }, x = (f, C, d) => {
+    f.forEach((u) => {
+      const t = u;
+      t.show = d && C ? t.isFilter : C, t.hasChild && x(t.children, t.show && t.expand, t.isFilter);
+    });
+  };
+  return { setTreeNodeStore: k, handleExpand: (f) => {
+    const C = !f.expand, d = f;
+    d.expand = !d.expand, x(d.children, d.expand, d.isFilter), c("toggle-row", { row: d, isExpand: C }), r();
+  } };
+}, X = (p) => {
+  const {
+    stores: c,
+    filterInfo: l,
+    pageInfo: r,
+    getConvertValue: k,
+    onResize: x,
+    checkHeader: m,
+    getPagingData: f,
+    updatePagingInfo: C
+  } = p, d = (o) => {
+    if (!(o != null && o.parent))
+      return;
+    const { parent: n } = o;
+    n.show = !0, n.isFilter = !0, d(n);
+  }, u = (o) => {
+    if (!(o != null && o.children))
+      return;
+    const { children: n } = o;
+    n.forEach((i) => {
+      const s = i;
+      s.parent.show && s.parent.expand ? s.show = !0 : s.show = !1, s.isFilter = !0, s.hasChild && u(s);
+    });
+  };
+  let t = null;
+  return { onSearch: (o) => {
+    t && clearTimeout(t), t = setTimeout(() => {
+      l.isSearch = !1, l.searchWord = o;
+      const n = c.treeStore;
+      n.forEach((i) => {
+        i.show = !1, i.isFilter = !1;
+      }), o ? (n.filter((s) => {
+        let a = !1;
+        for (let h = 0; h < c.orderedColumns.length; h++) {
+          const g = c.orderedColumns[h] || {};
+          let w = s[g.field] ?? null;
+          if (g.type = g.type || "string", w !== null && !g.hide && ((g == null ? void 0 : g.searchable) === void 0 || g != null && g.searchable) && (w = k(g, w).toString(), a = w.toLowerCase().includes(o.toString().toLowerCase()), a))
+            break;
+        }
+        return a;
+      }).forEach((s) => {
+        s.show = !0, s.parent && !s.parent.expand && (s.show = !1), s.isFilter = !0, d(s), u(s);
+      }), l.isSearch = !0) : (n.forEach((i) => {
+        i.show = !0, i.isFilter = !1;
+      }), n.forEach((i) => {
+        d(i), u(i);
+      })), !o && r.isClientPaging && r.prevPage && (r.currentPage = 1, c.pagingStore = f()), C({ onSearch: !0 }), m(c.store), x();
+    }, 500);
+  } };
+}, _ = (p) => {
+  const { emit: c } = y(), { stores: l, pageInfo: r, sortInfo: k, filterInfo: x, elementInfo: m, clearCheckInfo: f } = p, C = () => {
+    const t = (r.currentPage - 1) * r.perPage, e = parseInt(t, 10) + parseInt(r.perPage, 10);
+    return l.showTreeStore.slice(t, e);
+  }, d = (t) => {
+    c("page-change", {
+      eventName: t,
+      pageInfo: {
+        currentPage: r.currentPage,
+        prevPage: r.prevPage,
+        startIndex: r.startIndex,
+        total: r.pageTotal,
+        perPage: r.perPage
+      },
+      sortInfo: {
+        field: k.sortField,
+        order: k.sortOrder
+      },
+      searchInfo: {
+        searchWord: x.searchWord,
+        searchColumns: l.orderedColumns.filter((e) => !e.hide && ((e == null ? void 0 : e.searchable) === void 0 || (e == null ? void 0 : e.searchable))).map((e) => e.field)
+      }
+    }), r.isInfinite && (t != null && t.onSearch || t != null && t.onSort) && (r.currentPage = 1, m.body.scrollTop = 0, f());
+  };
+  return { getPagingData: C, updatePagingInfo: d, changePage: (t) => {
+    if (r.isClientPaging)
+      if (r.prevPage = t, l.showTreeStore.length <= r.perPage)
+        l.pagingStore = l.showTreeStore;
+      else {
+        const e = (r.currentPage - 1) * r.perPage, o = parseInt(e, 10) + parseInt(r.perPage, 10);
+        l.pagingStore = l.showTreeStore.slice(e, o), m.body.scrollTop = 0, r.startIndex = e;
+      }
+    d({ onChangePage: !0 });
+  } };
+}, Q = ({ sortInfo: p, stores: c }) => {
+  const { emit: l } = y(), r = (t = !0) => t ? ["asc", "desc", "init"] : ["asc", "desc"];
+  function k() {
+    this.orders = r(), this.dequeue = () => this.orders.shift(), this.enqueue = (t) => this.orders.push(t);
+  }
+  const x = (t, e = "init") => {
+    c.orderedColumns.forEach((o) => {
+      o.index === (t == null ? void 0 : t.index) && e ? o.sortOption = { sortType: e } : o.sortOption = { sortType: "init" };
+    });
+  }, m = () => {
+    const t = c.originColumns.filter((e) => e.hiddenDisplay || e.hide);
+    t.length && t.forEach((e) => {
+      e.sortOption = { sortType: "init" };
+    });
+  }, f = new k();
+  return { onSort: (t, e) => {
+    if (t.sortable === void 0 ? !0 : t.sortable) {
+      p.sortColumn = t, p.sortField !== (t == null ? void 0 : t.field) && (f.orders = r(), p.sortField = t == null ? void 0 : t.field), e && (f.orders = r(), e === "desc" && (p.sortOrder = f.dequeue(), f.enqueue(p.sortOrder))), p.sortOrder = f.dequeue(), f.enqueue(p.sortOrder), m(), x(t, p.sortOrder);
+      const n = O(c);
+      l("sort-column", {
+        field: p.sortField,
+        order: p.sortOrder,
+        column: p.sortColumn,
+        columns: n
+      }), l("change-column-info", {
+        type: "sort",
+        columns: n
+      });
+    }
+  }, setSortInfo: (t, e = !0) => {
+    const o = t == null ? void 0 : t.findIndex(
+      (s) => {
+        var a;
+        return (s == null ? void 0 : s.sortable) && ((a = s == null ? void 0 : s.sortOption) == null ? void 0 : a.sortType) && s.sortOption.sortType !== "init";
+      }
+    ), n = t[o];
+    o > -1 && (n.index = o);
+    const { sortType: i } = (n == null ? void 0 : n.sortOption) || {};
+    p.sortColumn = n, p.sortField = n == null ? void 0 : n.field, p.isSorting = !!i, p.sortOrder = i, x(n, i), e && l("change-column-info", {
+      type: "sort",
+      columns: O(c)
+    });
+  }, initSortInfo: (t) => {
+    p.isSorting = !1, p.sortOrder = "init", t.forEach((e) => {
+      var o;
+      (o = e == null ? void 0 : e.sortOption) != null && o.sortType && e.sortOption.sortType !== "init" && (e.sortOption.sortType = "init");
+    });
+  } };
+};
+export {
+  N as checkEvent,
+  G as clickEvent,
+  q as commonFunctions,
+  $ as contextMenuEvent,
+  X as filterEvent,
+  O as getUpdatedColumns,
+  _ as pagingEvent,
+  B as resizeEvent,
+  A as scrollEvent,
+  Q as sortEvent,
+  K as treeEvent
+};