evui 3.5.0 → 3.5.2

package/dist/components/treeGrid/uses.js

@@ -1,497 +0,0 @@
-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
-};