ep-craft 0.1.36 → 0.1.38

package/dist/components/virtual-list/src/components/dynamic-size-grid.js

@@ -0,0 +1,200 @@
+import { isNumber as d, isUndefined as g } from "../../../../utils/types.js";
+import "lodash-unified";
+import "@vueuse/core";
+import { throwError as S } from "../../../../utils/error.js";
+import { isFunction as w } from "@vue/shared";
+import "@element-plus/icons-vue";
+import "vue";
+import G from "../builders/build-grid.js";
+import { DEFAULT_DYNAMIC_LIST_ITEM_SIZE as z, AUTO_ALIGNMENT as A, CENTERED_ALIGNMENT as _, END_ALIGNMENT as x, START_ALIGNMENT as L, SMART_ALIGNMENT as V } from "../defaults.js";
+const { max: I, min: v, floor: O } = Math, T = "EpDynamicSizeGrid", F = {
+  column: "columnWidth",
+  row: "rowHeight"
+}, E = {
+  column: "lastVisitedColumnIndex",
+  row: "lastVisitedRowIndex"
+}, a = (t, s, e, i) => {
+  const [o, n, f] = [
+    e[i],
+    t[F[i]],
+    e[E[i]]
+  ];
+  if (s > f) {
+    let r = 0;
+    if (f >= 0) {
+      const m = o[f];
+      r = m.offset + m.size;
+    }
+    for (let m = f + 1; m <= s; m++) {
+      const u = n(m);
+      o[m] = {
+        offset: r,
+        size: u
+      }, r += u;
+    }
+    e[E[i]] = s;
+  }
+  return o[s];
+}, C = (t, s, e, i, o, n) => {
+  for (; e <= i; ) {
+    const f = e + O((i - e) / 2), r = a(t, f, s, n).offset;
+    if (r === o)
+      return f;
+    r < o ? e = f + 1 : i = f - 1;
+  }
+  return I(0, e - 1);
+}, P = (t, s, e, i, o) => {
+  const n = o === "column" ? t.totalColumn : t.totalRow;
+  let f = 1;
+  for (; e < n && a(t, e, s, o).offset < i; )
+    e += f, f *= 2;
+  return C(t, s, O(e / 2), v(e, n - 1), i, o);
+}, M = (t, s, e, i) => {
+  const [o, n] = [
+    s[i],
+    s[E[i]]
+  ];
+  return (n > 0 ? o[n].offset : 0) >= e ? C(t, s, 0, n, e, i) : P(t, s, I(0, n), e, i);
+}, h = ({ totalRow: t }, { estimatedRowHeight: s, lastVisitedRowIndex: e, row: i }) => {
+  let o = 0;
+  if (e >= t && (e = t - 1), e >= 0) {
+    const r = i[e];
+    o = r.offset + r.size;
+  }
+  const f = (t - e - 1) * s;
+  return o + f;
+}, D = ({ totalColumn: t }, { column: s, estimatedColumnWidth: e, lastVisitedColumnIndex: i }) => {
+  let o = 0;
+  if (i > t && (i = t - 1), i >= 0) {
+    const r = s[i];
+    o = r.offset + r.size;
+  }
+  const f = (t - i - 1) * e;
+  return o + f;
+}, b = {
+  column: D,
+  row: h
+}, N = (t, s, e, i, o, n, f) => {
+  const [r, m] = [
+    n === "row" ? t.height : t.width,
+    b[n]
+  ], u = a(t, s, o, n), R = m(t, o), l = I(0, v(R - r, u.offset)), c = I(0, u.offset - r + f + u.size);
+  switch (e === V && (i >= c - r && i <= l + r ? e = A : e = _), e) {
+    case L:
+      return l;
+    case x:
+      return c;
+    case _:
+      return Math.round(c + (l - c) / 2);
+    case A:
+    default:
+      return i >= c && i <= l ? i : c > l || i < c ? c : l;
+  }
+}, q = G({
+  name: "EpDynamicSizeGrid",
+  getColumnPosition: (t, s, e) => {
+    const i = a(t, s, e, "column");
+    return [i.size, i.offset];
+  },
+  getRowPosition: (t, s, e) => {
+    const i = a(t, s, e, "row");
+    return [i.size, i.offset];
+  },
+  getColumnOffset: (t, s, e, i, o, n) => N(
+    t,
+    s,
+    e,
+    i,
+    o,
+    "column",
+    n
+  ),
+  getRowOffset: (t, s, e, i, o, n) => N(
+    t,
+    s,
+    e,
+    i,
+    o,
+    "row",
+    n
+  ),
+  getColumnStartIndexForOffset: (t, s, e) => M(t, e, s, "column"),
+  getColumnStopIndexForStartIndex: (t, s, e, i) => {
+    const o = a(t, s, i, "column"), n = e + t.width;
+    let f = o.offset + o.size, r = s;
+    for (; r < t.totalColumn - 1 && f < n; )
+      r++, f += a(t, s, i, "column").size;
+    return r;
+  },
+  getEstimatedTotalHeight: h,
+  getEstimatedTotalWidth: D,
+  getRowStartIndexForOffset: (t, s, e) => M(t, e, s, "row"),
+  getRowStopIndexForStartIndex: (t, s, e, i) => {
+    const { totalRow: o, height: n } = t, f = a(t, s, i, "row"), r = e + n;
+    let m = f.size + f.offset, u = s;
+    for (; u < o - 1 && m < r; )
+      u++, m += a(t, u, i, "row").size;
+    return u;
+  },
+  injectToInstance: (t, s) => {
+    const e = ({ columnIndex: n, rowIndex: f }, r) => {
+      var m, u;
+      r = g(r) ? !0 : r, d(n) && (s.value.lastVisitedColumnIndex = Math.min(
+        s.value.lastVisitedColumnIndex,
+        n - 1
+      )), d(f) && (s.value.lastVisitedRowIndex = Math.min(
+        s.value.lastVisitedRowIndex,
+        f - 1
+      )), (m = t.exposed) == null || m.getItemStyleCache.value(-1, null, null), r && ((u = t.proxy) == null || u.$forceUpdate());
+    }, i = (n, f) => {
+      e(
+        {
+          columnIndex: n
+        },
+        f
+      );
+    }, o = (n, f) => {
+      e(
+        {
+          rowIndex: n
+        },
+        f
+      );
+    };
+    Object.assign(t.proxy, {
+      resetAfterColumnIndex: i,
+      resetAfterRowIndex: o,
+      resetAfter: e
+    });
+  },
+  initCache: ({
+    estimatedColumnWidth: t = z,
+    estimatedRowHeight: s = z
+  }) => ({
+    column: {},
+    estimatedColumnWidth: t,
+    estimatedRowHeight: s,
+    lastVisitedColumnIndex: -1,
+    lastVisitedRowIndex: -1,
+    row: {}
+  }),
+  clearCache: !1,
+  validateProps: ({ columnWidth: t, rowHeight: s }) => {
+    process.env.NODE_ENV !== "production" && (w(t) || S(
+      T,
+      `
+          "columnWidth" must be passed as function,
+            instead ${typeof t} was given.
+        `
+    ), w(s) || S(
+      T,
+      `
+          "rowHeight" must be passed as function,
+            instead ${typeof s} was given.
+        `
+    ));
+  }
+});
+export {
+  q as default
+};

package/dist/components/virtual-list/src/components/fixed-size-grid.d.ts

@@ -0,0 +1,199 @@
+declare const FixedSizeGrid: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    readonly className: import("../../../../utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
+    readonly containerElement: import("../../../../utils").EpPropFinalized<(new (...args: any[]) => string | Element) | (() => string | Element) | (((new (...args: any[]) => string | Element) | (() => string | Element)) | null)[], unknown, unknown, "div", boolean>;
+    readonly data: import("../../../../utils").EpPropFinalized<(new (...args: any[]) => any[]) | (() => any[]) | (((new (...args: any[]) => any[]) | (() => any[])) | null)[], unknown, unknown, () => [], boolean>;
+    readonly direction: import("../../../../utils").EpPropFinalized<StringConstructor, "ltr" | "rtl", never, "ltr", false>;
+    readonly height: {
+        readonly type: import("vue").PropType<import("../../../../utils").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>>;
+        readonly required: true;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    readonly innerElement: import("../../../../utils").EpPropFinalized<readonly [StringConstructor, ObjectConstructor], unknown, unknown, "div", boolean>;
+    readonly innerProps: import("../../../../utils").EpPropFinalized<(new (...args: any[]) => Record<string, unknown>) | (() => Record<string, unknown>) | (((new (...args: any[]) => Record<string, unknown>) | (() => Record<string, unknown>)) | null)[], unknown, unknown, () => {}, boolean>;
+    readonly style: import("../../../../utils").EpPropFinalized<(new (...args: any[]) => string | false | import("vue").CSSProperties | import("vue").StyleValue[]) | (() => import("vue").StyleValue) | (((new (...args: any[]) => string | false | import("vue").CSSProperties | import("vue").StyleValue[]) | (() => import("vue").StyleValue)) | null)[], unknown, unknown, undefined, boolean>;
+    readonly useIsScrolling: BooleanConstructor;
+    readonly width: {
+        readonly type: import("vue").PropType<import("../../../../utils").EpPropMergeType<readonly [NumberConstructor, StringConstructor], unknown, unknown>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    readonly innerWidth: {
+        readonly type: import("vue").PropType<import("../../../../utils").EpPropMergeType<readonly [NumberConstructor, StringConstructor], unknown, unknown>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    readonly perfMode: import("../../../../utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    readonly scrollbarAlwaysOn: BooleanConstructor;
+    readonly columnCache: import("../../../../utils").EpPropFinalized<NumberConstructor, never, never, 2, false>;
+    readonly columnWidth: {
+        readonly type: import("vue").PropType<import("../../../../utils").EpPropMergeType<(new (...args: any[]) => number | import("../types").ItemSize) | (() => number | import("../types").ItemSize) | (((new (...args: any[]) => number | import("../types").ItemSize) | (() => number | import("../types").ItemSize)) | null)[], never, never>>;
+        readonly required: true;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    readonly estimatedColumnWidth: {
+        readonly type: import("vue").PropType<number>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    readonly estimatedRowHeight: {
+        readonly type: import("vue").PropType<number>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    readonly initScrollLeft: import("../../../../utils").EpPropFinalized<NumberConstructor, never, never, 0, false>;
+    readonly initScrollTop: import("../../../../utils").EpPropFinalized<NumberConstructor, never, never, 0, false>;
+    readonly itemKey: import("../../../../utils").EpPropFinalized<(new (...args: any[]) => import("../types").GridItemKeyGetter) | (() => import("../types").GridItemKeyGetter) | {
+        (): import("../types").GridItemKeyGetter;
+        new (): any;
+        readonly prototype: any;
+    } | (((new (...args: any[]) => import("../types").GridItemKeyGetter) | (() => import("../types").GridItemKeyGetter) | {
+        (): import("../types").GridItemKeyGetter;
+        new (): any;
+        readonly prototype: any;
+    }) | null)[], unknown, unknown, ({ columnIndex, rowIndex, }: {
+        columnIndex: number;
+        rowIndex: number;
+    }) => string, boolean>;
+    readonly rowCache: import("../../../../utils").EpPropFinalized<NumberConstructor, never, never, 2, false>;
+    readonly rowHeight: {
+        readonly type: import("vue").PropType<import("../../../../utils").EpPropMergeType<(new (...args: any[]) => number | import("../types").ItemSize) | (() => number | import("../types").ItemSize) | (((new (...args: any[]) => number | import("../types").ItemSize) | (() => number | import("../types").ItemSize)) | null)[], never, never>>;
+        readonly required: true;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    readonly totalColumn: {
+        readonly type: import("vue").PropType<number>;
+        readonly required: true;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    readonly totalRow: {
+        readonly type: import("vue").PropType<number>;
+        readonly required: true;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    readonly hScrollbarSize: import("../../../../utils").EpPropFinalized<NumberConstructor, unknown, unknown, 6, boolean>;
+    readonly vScrollbarSize: import("../../../../utils").EpPropFinalized<NumberConstructor, unknown, unknown, 6, boolean>;
+    readonly scrollbarStartGap: import("../../../../utils").EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;
+    readonly scrollbarEndGap: import("../../../../utils").EpPropFinalized<NumberConstructor, unknown, unknown, 2, boolean>;
+    readonly role: StringConstructor;
+}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("scroll" | "itemRendered")[], "scroll" | "itemRendered", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    readonly className: import("../../../../utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
+    readonly containerElement: import("../../../../utils").EpPropFinalized<(new (...args: any[]) => string | Element) | (() => string | Element) | (((new (...args: any[]) => string | Element) | (() => string | Element)) | null)[], unknown, unknown, "div", boolean>;
+    readonly data: import("../../../../utils").EpPropFinalized<(new (...args: any[]) => any[]) | (() => any[]) | (((new (...args: any[]) => any[]) | (() => any[])) | null)[], unknown, unknown, () => [], boolean>;
+    readonly direction: import("../../../../utils").EpPropFinalized<StringConstructor, "ltr" | "rtl", never, "ltr", false>;
+    readonly height: {
+        readonly type: import("vue").PropType<import("../../../../utils").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>>;
+        readonly required: true;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    readonly innerElement: import("../../../../utils").EpPropFinalized<readonly [StringConstructor, ObjectConstructor], unknown, unknown, "div", boolean>;
+    readonly innerProps: import("../../../../utils").EpPropFinalized<(new (...args: any[]) => Record<string, unknown>) | (() => Record<string, unknown>) | (((new (...args: any[]) => Record<string, unknown>) | (() => Record<string, unknown>)) | null)[], unknown, unknown, () => {}, boolean>;
+    readonly style: import("../../../../utils").EpPropFinalized<(new (...args: any[]) => string | false | import("vue").CSSProperties | import("vue").StyleValue[]) | (() => import("vue").StyleValue) | (((new (...args: any[]) => string | false | import("vue").CSSProperties | import("vue").StyleValue[]) | (() => import("vue").StyleValue)) | null)[], unknown, unknown, undefined, boolean>;
+    readonly useIsScrolling: BooleanConstructor;
+    readonly width: {
+        readonly type: import("vue").PropType<import("../../../../utils").EpPropMergeType<readonly [NumberConstructor, StringConstructor], unknown, unknown>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    readonly innerWidth: {
+        readonly type: import("vue").PropType<import("../../../../utils").EpPropMergeType<readonly [NumberConstructor, StringConstructor], unknown, unknown>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    readonly perfMode: import("../../../../utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    readonly scrollbarAlwaysOn: BooleanConstructor;
+    readonly columnCache: import("../../../../utils").EpPropFinalized<NumberConstructor, never, never, 2, false>;
+    readonly columnWidth: {
+        readonly type: import("vue").PropType<import("../../../../utils").EpPropMergeType<(new (...args: any[]) => number | import("../types").ItemSize) | (() => number | import("../types").ItemSize) | (((new (...args: any[]) => number | import("../types").ItemSize) | (() => number | import("../types").ItemSize)) | null)[], never, never>>;
+        readonly required: true;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    readonly estimatedColumnWidth: {
+        readonly type: import("vue").PropType<number>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    readonly estimatedRowHeight: {
+        readonly type: import("vue").PropType<number>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    readonly initScrollLeft: import("../../../../utils").EpPropFinalized<NumberConstructor, never, never, 0, false>;
+    readonly initScrollTop: import("../../../../utils").EpPropFinalized<NumberConstructor, never, never, 0, false>;
+    readonly itemKey: import("../../../../utils").EpPropFinalized<(new (...args: any[]) => import("../types").GridItemKeyGetter) | (() => import("../types").GridItemKeyGetter) | {
+        (): import("../types").GridItemKeyGetter;
+        new (): any;
+        readonly prototype: any;
+    } | (((new (...args: any[]) => import("../types").GridItemKeyGetter) | (() => import("../types").GridItemKeyGetter) | {
+        (): import("../types").GridItemKeyGetter;
+        new (): any;
+        readonly prototype: any;
+    }) | null)[], unknown, unknown, ({ columnIndex, rowIndex, }: {
+        columnIndex: number;
+        rowIndex: number;
+    }) => string, boolean>;
+    readonly rowCache: import("../../../../utils").EpPropFinalized<NumberConstructor, never, never, 2, false>;
+    readonly rowHeight: {
+        readonly type: import("vue").PropType<import("../../../../utils").EpPropMergeType<(new (...args: any[]) => number | import("../types").ItemSize) | (() => number | import("../types").ItemSize) | (((new (...args: any[]) => number | import("../types").ItemSize) | (() => number | import("../types").ItemSize)) | null)[], never, never>>;
+        readonly required: true;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    readonly totalColumn: {
+        readonly type: import("vue").PropType<number>;
+        readonly required: true;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    readonly totalRow: {
+        readonly type: import("vue").PropType<number>;
+        readonly required: true;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    readonly hScrollbarSize: import("../../../../utils").EpPropFinalized<NumberConstructor, unknown, unknown, 6, boolean>;
+    readonly vScrollbarSize: import("../../../../utils").EpPropFinalized<NumberConstructor, unknown, unknown, 6, boolean>;
+    readonly scrollbarStartGap: import("../../../../utils").EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;
+    readonly scrollbarEndGap: import("../../../../utils").EpPropFinalized<NumberConstructor, unknown, unknown, 2, boolean>;
+    readonly role: StringConstructor;
+}>> & Readonly<{
+    onScroll?: ((...args: any[]) => any) | undefined;
+    onItemRendered?: ((...args: any[]) => any) | undefined;
+}>, {
+    readonly data: any[];
+    readonly style: import("vue").StyleValue;
+    readonly direction: import("../../../../utils").EpPropMergeType<StringConstructor, "ltr" | "rtl", never>;
+    readonly className: string;
+    readonly containerElement: import("../../../../utils").EpPropMergeType<(new (...args: any[]) => string | Element) | (() => string | Element) | (((new (...args: any[]) => string | Element) | (() => string | Element)) | null)[], unknown, unknown>;
+    readonly innerElement: import("../../../../utils").EpPropMergeType<readonly [StringConstructor, ObjectConstructor], unknown, unknown>;
+    readonly innerProps: Record<string, unknown>;
+    readonly perfMode: import("../../../../utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
+    readonly useIsScrolling: boolean;
+    readonly scrollbarAlwaysOn: boolean;
+    readonly itemKey: import("../types").GridItemKeyGetter;
+    readonly columnCache: number;
+    readonly initScrollLeft: number;
+    readonly initScrollTop: number;
+    readonly rowCache: number;
+    readonly hScrollbarSize: number;
+    readonly vScrollbarSize: number;
+    readonly scrollbarStartGap: number;
+    readonly scrollbarEndGap: number;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default FixedSizeGrid;

package/dist/components/virtual-list/src/components/fixed-size-grid.js

@@ -0,0 +1,126 @@
+import { isNumber as p } from "../../../../utils/types.js";
+import "lodash-unified";
+import "@vueuse/core";
+import { throwError as E } from "../../../../utils/error.js";
+import "@vue/shared";
+import "@element-plus/icons-vue";
+import "vue";
+import S from "../builders/build-grid.js";
+import { AUTO_ALIGNMENT as M, CENTERED_ALIGNMENT as c, END_ALIGNMENT as N, START_ALIGNMENT as x, SMART_ALIGNMENT as C } from "../defaults.js";
+const O = "EpFixedSizeGrid", v = S({
+  name: "EpFixedSizeGrid",
+  getColumnPosition: ({ columnWidth: t }, e) => [
+    t,
+    e * t
+  ],
+  getRowPosition: ({ rowHeight: t }, e) => [
+    t,
+    e * t
+  ],
+  getEstimatedTotalHeight: ({ totalRow: t, rowHeight: e }) => e * t,
+  getEstimatedTotalWidth: ({ totalColumn: t, columnWidth: e }) => e * t,
+  getColumnOffset: ({ totalColumn: t, columnWidth: e, width: a }, o, n, s, u, d) => {
+    a = Number(a);
+    const i = Math.max(
+      0,
+      t * e - a
+    ), f = Math.min(
+      i,
+      o * e
+    ), r = Math.max(
+      0,
+      o * e - a + d + e
+    );
+    switch (n === "smart" && (s >= r - a && s <= f + a ? n = M : n = c), n) {
+      case x:
+        return f;
+      case N:
+        return r;
+      case c: {
+        const m = Math.round(r + (f - r) / 2);
+        return m < Math.ceil(a / 2) ? 0 : m > i + Math.floor(a / 2) ? i : m;
+      }
+      case M:
+      default:
+        return s >= r && s <= f ? s : r > f || s < r ? r : f;
+    }
+  },
+  getRowOffset: ({ rowHeight: t, height: e, totalRow: a }, o, n, s, u, d) => {
+    e = Number(e);
+    const i = Math.max(0, a * t - e), f = Math.min(i, o * t), r = Math.max(
+      0,
+      o * t - e + d + t
+    );
+    switch (n === C && (s >= r - e && s <= f + e ? n = M : n = c), n) {
+      case x:
+        return f;
+      case N:
+        return r;
+      case c: {
+        const m = Math.round(r + (f - r) / 2);
+        return m < Math.ceil(e / 2) ? 0 : m > i + Math.floor(e / 2) ? i : m;
+      }
+      case M:
+      default:
+        return s >= r && s <= f ? s : r > f || s < r ? r : f;
+    }
+  },
+  getColumnStartIndexForOffset: ({ columnWidth: t, totalColumn: e }, a) => Math.max(
+    0,
+    Math.min(
+      e - 1,
+      Math.floor(a / t)
+    )
+  ),
+  getColumnStopIndexForStartIndex: ({ columnWidth: t, totalColumn: e, width: a }, o, n) => {
+    const s = o * t, u = Math.ceil(
+      (a + n - s) / t
+    );
+    return Math.max(
+      0,
+      Math.min(e - 1, o + u - 1)
+    );
+  },
+  getRowStartIndexForOffset: ({ rowHeight: t, totalRow: e }, a) => Math.max(
+    0,
+    Math.min(e - 1, Math.floor(a / t))
+  ),
+  getRowStopIndexForStartIndex: ({ rowHeight: t, totalRow: e, height: a }, o, n) => {
+    const s = o * t, u = Math.ceil(
+      (a + n - s) / t
+    );
+    return Math.max(
+      0,
+      Math.min(
+        e - 1,
+        o + u - 1
+        // -1 is because stop index is inclusive
+      )
+    );
+  },
+  /**
+   * Fixed size grid does not need this cache
+   * Using any to bypass it, TODO: Using type inference to fix this.
+   */
+  initCache: () => {
+  },
+  clearCache: !0,
+  validateProps: ({ columnWidth: t, rowHeight: e }) => {
+    process.env.NODE_ENV !== "production" && (p(t) || E(
+      O,
+      `
+          "columnWidth" must be passed as number,
+            instead ${typeof t} was given.
+        `
+    ), p(e) || E(
+      O,
+      `
+          "columnWidth" must be passed as number,
+            instead ${typeof e} was given.
+        `
+    ));
+  }
+});
+export {
+  v as default
+};

package/dist/components/virtual-list/src/hooks/use-grid-touch.d.ts

@@ -0,0 +1,8 @@
+import type { ComputedRef, Ref } from 'vue';
+import type { GridScrollOptions, GridStates } from '../types';
+export declare const useGridTouch: (windowRef: Ref<HTMLElement | undefined>, states: Ref<GridStates>, scrollTo: (scrollOptions: GridScrollOptions) => void, estimatedTotalWidth: ComputedRef<number>, estimatedTotalHeight: ComputedRef<number>, parsedWidth: ComputedRef<number>, parsedHeight: ComputedRef<number>) => {
+    touchStartX: Ref<number, number>;
+    touchStartY: Ref<number, number>;
+    handleTouchStart: (event: TouchEvent) => void;
+    handleTouchMove: (event: TouchEvent) => void;
+};

package/dist/components/virtual-list/src/hooks/use-grid-touch.js

@@ -0,0 +1,40 @@
+import { ref as h, unref as i } from "vue";
+import { useEventListener as m } from "@vueuse/core";
+import "@vue/shared";
+import "lodash-unified";
+import { cAF as p, rAF as M } from "../../../../utils/raf.js";
+import "@element-plus/icons-vue";
+const b = (a, u, f, v, S, T, d) => {
+  const o = h(0), e = h(0);
+  let r, l = 0, c = 0;
+  const s = (t) => {
+    p(r), o.value = t.touches[0].clientX, e.value = t.touches[0].clientY, l = 0, c = 0;
+  }, n = (t) => {
+    t.preventDefault(), p(r), l += o.value - t.touches[0].clientX, c += e.value - t.touches[0].clientY, o.value = t.touches[0].clientX, e.value = t.touches[0].clientY, r = M(() => {
+      const L = v.value - i(T), X = S.value - i(d), Y = Math.min(
+        u.value.scrollLeft + l,
+        L
+      ), x = Math.min(
+        u.value.scrollTop + c,
+        X
+      );
+      f({
+        scrollLeft: Y,
+        scrollTop: x
+      }), l = 0, c = 0;
+    });
+  };
+  return m(a, "touchstart", s, {
+    passive: !0
+  }), m(a, "touchmove", n, {
+    passive: !1
+  }), {
+    touchStartX: o,
+    touchStartY: e,
+    handleTouchStart: s,
+    handleTouchMove: n
+  };
+};
+export {
+  b as useGridTouch
+};

package/dist/components/virtual-list/src/hooks/use-grid-wheel.d.ts

@@ -0,0 +1,13 @@
+import type { ComputedRef } from 'vue';
+interface GridWheelState {
+    atXStartEdge: ComputedRef<boolean>;
+    atXEndEdge: ComputedRef<boolean>;
+    atYStartEdge: ComputedRef<boolean>;
+    atYEndEdge: ComputedRef<boolean>;
+}
+type GridWheelHandler = (x: number, y: number) => void;
+export declare const useGridWheel: ({ atXEndEdge, atXStartEdge, atYEndEdge, atYStartEdge }: GridWheelState, onWheelDelta: GridWheelHandler) => {
+    hasReachedEdge: (x: number, y: number) => boolean;
+    onWheel: (e: WheelEvent) => void;
+};
+export {};

package/dist/components/virtual-list/src/hooks/use-grid-wheel.js

@@ -0,0 +1,30 @@
+import "@vue/shared";
+import "lodash-unified";
+import "@vueuse/core";
+import { cAF as c, rAF as p } from "../../../../utils/raf.js";
+import "@element-plus/icons-vue";
+import "vue";
+const W = ({ atXEndEdge: f, atXStartEdge: s, atYEndEdge: i, atYStartEdge: d }, u) => {
+  let o = null, a = 0, r = 0;
+  const n = (e, t) => {
+    const l = e < 0 && s.value || e > 0 && f.value, h = t < 0 && d.value || t > 0 && i.value;
+    return l || h;
+  };
+  return {
+    hasReachedEdge: n,
+    onWheel: (e) => {
+      c(o);
+      let t = e.deltaX, l = e.deltaY;
+      if (Math.abs(t) > Math.abs(l) ? l = 0 : t = 0, e.shiftKey && l !== 0 && (t = l, l = 0), n(t, l)) {
+        e.deltaX !== 0 && t === 0 && e.preventDefault();
+        return;
+      }
+      a += t, r += l, e.preventDefault(), o = p(() => {
+        u(a, r), a = 0, r = 0;
+      });
+    }
+  };
+};
+export {
+  W as useGridWheel
+};