ep-craft 0.1.37 → 0.1.39

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/components/fixed-size-list.d.ts

@@ -1,41 +1,41 @@
 declare const FixedSizeList: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
-    readonly className: import("@element-plus/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
-    readonly containerElement: import("@element-plus/utils").EpPropFinalized<(new (...args: any[]) => string | Element) | (() => string | Element) | (((new (...args: any[]) => string | Element) | (() => string | Element)) | null)[], unknown, unknown, "div", boolean>;
-    readonly data: import("@element-plus/utils").EpPropFinalized<(new (...args: any[]) => any[]) | (() => any[]) | (((new (...args: any[]) => any[]) | (() => any[])) | null)[], unknown, unknown, () => [], boolean>;
-    readonly direction: import("@element-plus/utils").EpPropFinalized<StringConstructor, "ltr" | "rtl", never, "ltr", false>;
+    readonly className: import("../../../../utils/index").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
+    readonly containerElement: import("../../../../utils/index").EpPropFinalized<(new (...args: any[]) => string | Element) | (() => string | Element) | (((new (...args: any[]) => string | Element) | (() => string | Element)) | null)[], unknown, unknown, "div", boolean>;
+    readonly data: import("../../../../utils/index").EpPropFinalized<(new (...args: any[]) => any[]) | (() => any[]) | (((new (...args: any[]) => any[]) | (() => any[])) | null)[], unknown, unknown, () => [], boolean>;
+    readonly direction: import("../../../../utils/index").EpPropFinalized<StringConstructor, "ltr" | "rtl", never, "ltr", false>;
     readonly height: {
-        readonly type: import("vue").PropType<import("@element-plus/utils").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>>;
+        readonly type: import("vue").PropType<import("../../../../utils/index").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>>;
         readonly required: true;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
-    readonly innerElement: import("@element-plus/utils").EpPropFinalized<readonly [StringConstructor, ObjectConstructor], unknown, unknown, "div", boolean>;
-    readonly innerProps: import("@element-plus/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("@element-plus/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 innerElement: import("../../../../utils/index").EpPropFinalized<readonly [StringConstructor, ObjectConstructor], unknown, unknown, "div", boolean>;
+    readonly innerProps: import("../../../../utils/index").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/index").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("@element-plus/utils").EpPropMergeType<readonly [NumberConstructor, StringConstructor], unknown, unknown>>;
+        readonly type: import("vue").PropType<import("../../../../utils/index").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("@element-plus/utils").EpPropMergeType<readonly [NumberConstructor, StringConstructor], unknown, unknown>>;
+        readonly type: import("vue").PropType<import("../../../../utils/index").EpPropMergeType<readonly [NumberConstructor, StringConstructor], unknown, unknown>>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
-    readonly perfMode: import("@element-plus/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    readonly perfMode: import("../../../../utils/index").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
     readonly scrollbarAlwaysOn: BooleanConstructor;
-    readonly cache: import("@element-plus/utils").EpPropFinalized<NumberConstructor, never, never, 2, false>;
+    readonly cache: import("../../../../utils/index").EpPropFinalized<NumberConstructor, never, never, 2, false>;
     readonly estimatedItemSize: {
         readonly type: import("vue").PropType<number>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
-    readonly layout: import("@element-plus/utils").EpPropFinalized<StringConstructor, "horizontal" | "vertical", never, "vertical", false>;
-    readonly initScrollOffset: import("@element-plus/utils").EpPropFinalized<NumberConstructor, never, never, 0, false>;
+    readonly layout: import("../../../../utils/index").EpPropFinalized<StringConstructor, "horizontal" | "vertical", never, "vertical", false>;
+    readonly initScrollOffset: import("../../../../utils/index").EpPropFinalized<NumberConstructor, never, never, 0, false>;
     readonly total: {
         readonly type: import("vue").PropType<number>;
         readonly required: true;
@@ -43,7 +43,7 @@ declare const FixedSizeList: import("vue").DefineComponent<import("vue").Extract
         __epPropKey: true;
     };
     readonly itemSize: {
-        readonly type: import("vue").PropType<import("@element-plus/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 type: import("vue").PropType<import("../../../../utils/index").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;
@@ -113,43 +113,43 @@ declare const FixedSizeList: import("vue").DefineComponent<import("vue").Extract
     scrollToItem: (idx: number, alignment?: import("../types").Alignment) => void;
     resetScrollTop: () => void;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("scroll" | "itemRendered" | "end-reached")[], "scroll" | "itemRendered" | "end-reached", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-    readonly className: import("@element-plus/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
-    readonly containerElement: import("@element-plus/utils").EpPropFinalized<(new (...args: any[]) => string | Element) | (() => string | Element) | (((new (...args: any[]) => string | Element) | (() => string | Element)) | null)[], unknown, unknown, "div", boolean>;
-    readonly data: import("@element-plus/utils").EpPropFinalized<(new (...args: any[]) => any[]) | (() => any[]) | (((new (...args: any[]) => any[]) | (() => any[])) | null)[], unknown, unknown, () => [], boolean>;
-    readonly direction: import("@element-plus/utils").EpPropFinalized<StringConstructor, "ltr" | "rtl", never, "ltr", false>;
+    readonly className: import("../../../../utils/index").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
+    readonly containerElement: import("../../../../utils/index").EpPropFinalized<(new (...args: any[]) => string | Element) | (() => string | Element) | (((new (...args: any[]) => string | Element) | (() => string | Element)) | null)[], unknown, unknown, "div", boolean>;
+    readonly data: import("../../../../utils/index").EpPropFinalized<(new (...args: any[]) => any[]) | (() => any[]) | (((new (...args: any[]) => any[]) | (() => any[])) | null)[], unknown, unknown, () => [], boolean>;
+    readonly direction: import("../../../../utils/index").EpPropFinalized<StringConstructor, "ltr" | "rtl", never, "ltr", false>;
     readonly height: {
-        readonly type: import("vue").PropType<import("@element-plus/utils").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>>;
+        readonly type: import("vue").PropType<import("../../../../utils/index").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>>;
         readonly required: true;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
-    readonly innerElement: import("@element-plus/utils").EpPropFinalized<readonly [StringConstructor, ObjectConstructor], unknown, unknown, "div", boolean>;
-    readonly innerProps: import("@element-plus/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("@element-plus/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 innerElement: import("../../../../utils/index").EpPropFinalized<readonly [StringConstructor, ObjectConstructor], unknown, unknown, "div", boolean>;
+    readonly innerProps: import("../../../../utils/index").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/index").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("@element-plus/utils").EpPropMergeType<readonly [NumberConstructor, StringConstructor], unknown, unknown>>;
+        readonly type: import("vue").PropType<import("../../../../utils/index").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("@element-plus/utils").EpPropMergeType<readonly [NumberConstructor, StringConstructor], unknown, unknown>>;
+        readonly type: import("vue").PropType<import("../../../../utils/index").EpPropMergeType<readonly [NumberConstructor, StringConstructor], unknown, unknown>>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
-    readonly perfMode: import("@element-plus/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    readonly perfMode: import("../../../../utils/index").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
     readonly scrollbarAlwaysOn: BooleanConstructor;
-    readonly cache: import("@element-plus/utils").EpPropFinalized<NumberConstructor, never, never, 2, false>;
+    readonly cache: import("../../../../utils/index").EpPropFinalized<NumberConstructor, never, never, 2, false>;
     readonly estimatedItemSize: {
         readonly type: import("vue").PropType<number>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
-    readonly layout: import("@element-plus/utils").EpPropFinalized<StringConstructor, "horizontal" | "vertical", never, "vertical", false>;
-    readonly initScrollOffset: import("@element-plus/utils").EpPropFinalized<NumberConstructor, never, never, 0, false>;
+    readonly layout: import("../../../../utils/index").EpPropFinalized<StringConstructor, "horizontal" | "vertical", never, "vertical", false>;
+    readonly initScrollOffset: import("../../../../utils/index").EpPropFinalized<NumberConstructor, never, never, 0, false>;
     readonly total: {
         readonly type: import("vue").PropType<number>;
         readonly required: true;
@@ -157,7 +157,7 @@ declare const FixedSizeList: import("vue").DefineComponent<import("vue").Extract
         __epPropKey: true;
     };
     readonly itemSize: {
-        readonly type: import("vue").PropType<import("@element-plus/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 type: import("vue").PropType<import("../../../../utils/index").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;
@@ -168,14 +168,14 @@ declare const FixedSizeList: import("vue").DefineComponent<import("vue").Extract
     onItemRendered?: ((...args: any[]) => any) | undefined;
 }>, {
     readonly data: any[];
-    readonly layout: import("@element-plus/utils").EpPropMergeType<StringConstructor, "horizontal" | "vertical", never>;
+    readonly layout: import("../../../../utils/index").EpPropMergeType<StringConstructor, "horizontal" | "vertical", never>;
     readonly style: import("vue").StyleValue;
-    readonly direction: import("@element-plus/utils").EpPropMergeType<StringConstructor, "ltr" | "rtl", never>;
+    readonly direction: import("../../../../utils/index").EpPropMergeType<StringConstructor, "ltr" | "rtl", never>;
     readonly className: string;
-    readonly containerElement: import("@element-plus/utils").EpPropMergeType<(new (...args: any[]) => string | Element) | (() => string | Element) | (((new (...args: any[]) => string | Element) | (() => string | Element)) | null)[], unknown, unknown>;
-    readonly innerElement: import("@element-plus/utils").EpPropMergeType<readonly [StringConstructor, ObjectConstructor], unknown, unknown>;
+    readonly containerElement: import("../../../../utils/index").EpPropMergeType<(new (...args: any[]) => string | Element) | (() => string | Element) | (((new (...args: any[]) => string | Element) | (() => string | Element)) | null)[], unknown, unknown>;
+    readonly innerElement: import("../../../../utils/index").EpPropMergeType<readonly [StringConstructor, ObjectConstructor], unknown, unknown>;
     readonly innerProps: Record<string, unknown>;
-    readonly perfMode: import("@element-plus/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
+    readonly perfMode: import("../../../../utils/index").EpPropMergeType<BooleanConstructor, unknown, unknown>;
     readonly useIsScrolling: boolean;
     readonly scrollbarAlwaysOn: boolean;
     readonly cache: number;

package/dist/components/virtual-list/src/components/scrollbar.d.ts

@@ -1,7 +1,7 @@
 declare const ScrollBar: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     readonly alwaysOn: BooleanConstructor;
     readonly class: StringConstructor;
-    readonly layout: import("@element-plus/utils").EpPropFinalized<StringConstructor, "horizontal" | "vertical", never, "vertical", false>;
+    readonly layout: import("../../../../utils/index").EpPropFinalized<StringConstructor, "horizontal" | "vertical", never, "vertical", false>;
     readonly total: {
         readonly type: import("vue").PropType<number>;
         readonly required: true;
@@ -26,16 +26,16 @@ declare const ScrollBar: import("vue").DefineComponent<import("vue").ExtractProp
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
-    readonly scrollbarSize: import("@element-plus/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 6, boolean>;
-    readonly startGap: import("@element-plus/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;
-    readonly endGap: import("@element-plus/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 2, boolean>;
+    readonly scrollbarSize: import("../../../../utils/index").EpPropFinalized<NumberConstructor, unknown, unknown, 6, boolean>;
+    readonly startGap: import("../../../../utils/index").EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;
+    readonly endGap: import("../../../../utils/index").EpPropFinalized<NumberConstructor, unknown, unknown, 2, boolean>;
     readonly visible: BooleanConstructor;
 }>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
 }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("scroll" | "start-move" | "stop-move")[], "scroll" | "start-move" | "stop-move", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     readonly alwaysOn: BooleanConstructor;
     readonly class: StringConstructor;
-    readonly layout: import("@element-plus/utils").EpPropFinalized<StringConstructor, "horizontal" | "vertical", never, "vertical", false>;
+    readonly layout: import("../../../../utils/index").EpPropFinalized<StringConstructor, "horizontal" | "vertical", never, "vertical", false>;
     readonly total: {
         readonly type: import("vue").PropType<number>;
         readonly required: true;
@@ -60,16 +60,16 @@ declare const ScrollBar: import("vue").DefineComponent<import("vue").ExtractProp
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
-    readonly scrollbarSize: import("@element-plus/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 6, boolean>;
-    readonly startGap: import("@element-plus/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;
-    readonly endGap: import("@element-plus/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 2, boolean>;
+    readonly scrollbarSize: import("../../../../utils/index").EpPropFinalized<NumberConstructor, unknown, unknown, 6, boolean>;
+    readonly startGap: import("../../../../utils/index").EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;
+    readonly endGap: import("../../../../utils/index").EpPropFinalized<NumberConstructor, unknown, unknown, 2, boolean>;
     readonly visible: BooleanConstructor;
 }>> & Readonly<{
     onScroll?: ((...args: any[]) => any) | undefined;
     "onStart-move"?: ((...args: any[]) => any) | undefined;
     "onStop-move"?: ((...args: any[]) => any) | undefined;
 }>, {
-    readonly layout: import("@element-plus/utils").EpPropMergeType<StringConstructor, "horizontal" | "vertical", never>;
+    readonly layout: import("../../../../utils/index").EpPropMergeType<StringConstructor, "horizontal" | "vertical", never>;
     readonly visible: boolean;
     readonly alwaysOn: boolean;
     readonly scrollbarSize: number;

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 {};