vft 0.0.48 → 0.0.51

package/es/components/virtual-list/components/dynamic-size-grid.d.ts

@@ -0,0 +1,206 @@
+import type { GridInstance } from '../builders/build-grid';
+import type { ItemSize } from '../types';
+type Indices = {
+    columnIndex?: number;
+    rowIndex?: number;
+};
+declare const DynamicSizeGrid: import("vue").DefineComponent<{
+    readonly className: import("vft/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
+    readonly containerElement: import("vft/es/utils").EpPropFinalized<(new (...args: any[]) => string | Element) | (() => string | Element) | ((new (...args: any[]) => string | Element) | (() => string | Element))[], unknown, unknown, "div", boolean>;
+    readonly data: import("vft/es/utils").EpPropFinalized<(new (...args: any[]) => any[]) | (() => any[]) | ((new (...args: any[]) => any[]) | (() => any[]))[], unknown, unknown, () => [], boolean>;
+    readonly direction: import("vft/es/utils").EpPropFinalized<StringConstructor, "ltr" | "rtl", never, "ltr", false>;
+    readonly height: {
+        readonly type: import("vue").PropType<import("vft/es/utils").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>>;
+        readonly required: true;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    readonly innerElement: import("vft/es/utils").EpPropFinalized<readonly [StringConstructor, ObjectConstructor], unknown, unknown, "div", boolean>;
+    readonly style: {
+        readonly type: import("vue").PropType<import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => string | import("vue").CSSProperties | import("vue").StyleValue[]) | (() => import("vue").StyleValue) | ((new (...args: any[]) => string | import("vue").CSSProperties | import("vue").StyleValue[]) | (() => import("vue").StyleValue))[], unknown, unknown>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    readonly useIsScrolling: import("vft/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+    readonly width: {
+        readonly type: import("vue").PropType<import("vft/es/utils").EpPropMergeType<readonly [NumberConstructor, StringConstructor], unknown, unknown>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    readonly perfMode: import("vft/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    readonly scrollbarAlwaysOn: import("vft/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+    readonly columnCache: import("vft/es/utils").EpPropFinalized<NumberConstructor, never, never, 2, false>;
+    readonly columnWidth: {
+        readonly type: import("vue").PropType<import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => number | ItemSize) | (() => number | ItemSize) | ((new (...args: any[]) => number | ItemSize) | (() => number | ItemSize))[], 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("vft/es/utils").EpPropFinalized<NumberConstructor, never, never, 0, false>;
+    readonly initScrollTop: import("vft/es/utils").EpPropFinalized<NumberConstructor, never, never, 0, false>;
+    readonly itemKey: import("vft/es/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;
+    })[], unknown, unknown, ({ columnIndex, rowIndex }: {
+        columnIndex: number;
+        rowIndex: number;
+    }) => string, boolean>;
+    readonly rowCache: import("vft/es/utils").EpPropFinalized<NumberConstructor, never, never, 2, false>;
+    readonly rowHeight: {
+        readonly type: import("vue").PropType<import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => number | ItemSize) | (() => number | ItemSize) | ((new (...args: any[]) => number | ItemSize) | (() => number | ItemSize))[], 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("vft/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 6, boolean>;
+    readonly vScrollbarSize: import("vft/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 6, boolean>;
+    readonly scrollbarStartGap: import("vft/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;
+    readonly scrollbarEndGap: import("vft/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 2, boolean>;
+    readonly role: StringConstructor;
+}, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("scroll" | "itemRendered")[], "scroll" | "itemRendered", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    readonly className: import("vft/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
+    readonly containerElement: import("vft/es/utils").EpPropFinalized<(new (...args: any[]) => string | Element) | (() => string | Element) | ((new (...args: any[]) => string | Element) | (() => string | Element))[], unknown, unknown, "div", boolean>;
+    readonly data: import("vft/es/utils").EpPropFinalized<(new (...args: any[]) => any[]) | (() => any[]) | ((new (...args: any[]) => any[]) | (() => any[]))[], unknown, unknown, () => [], boolean>;
+    readonly direction: import("vft/es/utils").EpPropFinalized<StringConstructor, "ltr" | "rtl", never, "ltr", false>;
+    readonly height: {
+        readonly type: import("vue").PropType<import("vft/es/utils").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>>;
+        readonly required: true;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    readonly innerElement: import("vft/es/utils").EpPropFinalized<readonly [StringConstructor, ObjectConstructor], unknown, unknown, "div", boolean>;
+    readonly style: {
+        readonly type: import("vue").PropType<import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => string | import("vue").CSSProperties | import("vue").StyleValue[]) | (() => import("vue").StyleValue) | ((new (...args: any[]) => string | import("vue").CSSProperties | import("vue").StyleValue[]) | (() => import("vue").StyleValue))[], unknown, unknown>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    readonly useIsScrolling: import("vft/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+    readonly width: {
+        readonly type: import("vue").PropType<import("vft/es/utils").EpPropMergeType<readonly [NumberConstructor, StringConstructor], unknown, unknown>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    readonly perfMode: import("vft/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    readonly scrollbarAlwaysOn: import("vft/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+    readonly columnCache: import("vft/es/utils").EpPropFinalized<NumberConstructor, never, never, 2, false>;
+    readonly columnWidth: {
+        readonly type: import("vue").PropType<import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => number | ItemSize) | (() => number | ItemSize) | ((new (...args: any[]) => number | ItemSize) | (() => number | ItemSize))[], 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("vft/es/utils").EpPropFinalized<NumberConstructor, never, never, 0, false>;
+    readonly initScrollTop: import("vft/es/utils").EpPropFinalized<NumberConstructor, never, never, 0, false>;
+    readonly itemKey: import("vft/es/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;
+    })[], unknown, unknown, ({ columnIndex, rowIndex }: {
+        columnIndex: number;
+        rowIndex: number;
+    }) => string, boolean>;
+    readonly rowCache: import("vft/es/utils").EpPropFinalized<NumberConstructor, never, never, 2, false>;
+    readonly rowHeight: {
+        readonly type: import("vue").PropType<import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => number | ItemSize) | (() => number | ItemSize) | ((new (...args: any[]) => number | ItemSize) | (() => number | ItemSize))[], 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("vft/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 6, boolean>;
+    readonly vScrollbarSize: import("vft/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 6, boolean>;
+    readonly scrollbarStartGap: import("vft/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;
+    readonly scrollbarEndGap: import("vft/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 2, boolean>;
+    readonly role: StringConstructor;
+}>> & {
+    onScroll?: ((...args: any[]) => any) | undefined;
+    onItemRendered?: ((...args: any[]) => any) | undefined;
+}, {
+    readonly data: any[];
+    readonly scrollbarAlwaysOn: import("vft/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
+    readonly className: string;
+    readonly direction: import("vft/es/utils").EpPropMergeType<StringConstructor, "ltr" | "rtl", never>;
+    readonly containerElement: import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => string | Element) | (() => string | Element) | ((new (...args: any[]) => string | Element) | (() => string | Element))[], unknown, unknown>;
+    readonly innerElement: import("vft/es/utils").EpPropMergeType<readonly [StringConstructor, ObjectConstructor], unknown, unknown>;
+    readonly useIsScrolling: import("vft/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
+    readonly perfMode: import("vft/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
+    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;
+}>;
+export default DynamicSizeGrid;
+export type ResetAfterIndex = (idx: number, forceUpdate: boolean) => void;
+export type ResetAfterIndices = (indices: Indices, forceUpdate: boolean) => void;
+export type DynamicSizeGridInstance = GridInstance & {
+    resetAfterColumnIndex: ResetAfterIndex;
+    resetAfterRowIndex: ResetAfterIndex;
+    resetAfter: ResetAfterIndices;
+};

package/es/components/virtual-list/components/dynamic-size-grid.js

@@ -0,0 +1,200 @@
+import { isFunction as E } from "@vue/shared";
+import { isUndefined as g, isNumber as S } from "@vft/utils";
+import "vue";
+import { throwError as w } from "../../../utils/error.js";
+import "lodash";
+import "@vueuse/core";
+import "../../../utils/ns-cover.js";
+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 V, START_ALIGNMENT as x, SMART_ALIGNMENT as L } from "../defaults.js";
+const { max: I, min: v, floor: O } = Math, T = "VftDynamicSizeGrid", F = {
+  column: "columnWidth",
+  row: "rowHeight"
+}, d = {
+  column: "lastVisitedColumnIndex",
+  row: "lastVisitedRowIndex"
+}, l = (t, s, e, i) => {
+  const [o, n, f] = [
+    e[i],
+    t[F[i]],
+    e[d[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[d[i]] = s;
+  }
+  return o[s];
+}, C = (t, s, e, i, o, n) => {
+  for (; e <= i; ) {
+    const f = e + O((i - e) / 2), r = l(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 && l(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[d[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 = l(t, s, o, n), R = m(t, o), a = I(0, v(R - r, u.offset)), c = I(0, u.offset - r + f + u.size);
+  switch (e === L && (i >= c - r && i <= a + r ? e = A : e = _), e) {
+    case x:
+      return a;
+    case V:
+      return c;
+    case _:
+      return Math.round(c + (a - c) / 2);
+    case A:
+    default:
+      return i >= c && i <= a ? i : c > a || i < c ? c : a;
+  }
+}, q = G({
+  name: "ElDynamicSizeGrid",
+  getColumnPosition: (t, s, e) => {
+    const i = l(t, s, e, "column");
+    return [i.size, i.offset];
+  },
+  getRowPosition: (t, s, e) => {
+    const i = l(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 = l(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 += l(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 = l(t, s, i, "row"), r = e + n;
+    let m = f.size + f.offset, u = s;
+    for (; u < o - 1 && m < r; )
+      u++, m += l(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, S(n) && (s.value.lastVisitedColumnIndex = Math.min(
+        s.value.lastVisitedColumnIndex,
+        n - 1
+      )), S(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" && (E(t) || w(
+      T,
+      `
+          "columnWidth" must be passed as function,
+            instead ${typeof t} was given.
+        `
+    ), E(s) || w(
+      T,
+      `
+          "rowHeight" must be passed as function,
+            instead ${typeof s} was given.
+        `
+    ));
+  }
+});
+export {
+  q as default
+};

package/es/components/virtual-list/components/dynamic-size-list.d.ts

@@ -0,0 +1,165 @@
+import type { ItemSize } from '../types';
+declare const DynamicSizeList: import("vue").DefineComponent<{
+    readonly className: import("vft/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
+    readonly containerElement: import("vft/es/utils").EpPropFinalized<(new (...args: any[]) => string | Element) | (() => string | Element) | ((new (...args: any[]) => string | Element) | (() => string | Element))[], unknown, unknown, "div", boolean>;
+    readonly data: import("vft/es/utils").EpPropFinalized<(new (...args: any[]) => any[]) | (() => any[]) | ((new (...args: any[]) => any[]) | (() => any[]))[], unknown, unknown, () => [], boolean>;
+    readonly direction: import("vft/es/utils").EpPropFinalized<StringConstructor, "ltr" | "rtl", never, "ltr", false>;
+    readonly height: {
+        readonly type: import("vue").PropType<import("vft/es/utils").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>>;
+        readonly required: true;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    readonly innerElement: import("vft/es/utils").EpPropFinalized<readonly [StringConstructor, ObjectConstructor], unknown, unknown, "div", boolean>;
+    readonly style: {
+        readonly type: import("vue").PropType<import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => string | import("vue").CSSProperties | import("vue").StyleValue[]) | (() => import("vue").StyleValue) | ((new (...args: any[]) => string | import("vue").CSSProperties | import("vue").StyleValue[]) | (() => import("vue").StyleValue))[], unknown, unknown>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    readonly useIsScrolling: import("vft/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+    readonly width: {
+        readonly type: import("vue").PropType<import("vft/es/utils").EpPropMergeType<readonly [NumberConstructor, StringConstructor], unknown, unknown>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    readonly perfMode: import("vft/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    readonly scrollbarAlwaysOn: import("vft/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+    readonly cache: import("vft/es/utils").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("vft/es/utils").EpPropFinalized<StringConstructor, "horizontal" | "vertical", never, "vertical", false>;
+    readonly initScrollOffset: import("vft/es/utils").EpPropFinalized<NumberConstructor, never, never, 0, false>;
+    readonly total: {
+        readonly type: import("vue").PropType<number>;
+        readonly required: true;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    readonly itemSize: {
+        readonly type: import("vue").PropType<import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => number | ItemSize) | (() => number | ItemSize) | ((new (...args: any[]) => number | ItemSize) | (() => number | ItemSize))[], never, never>>;
+        readonly required: true;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+}, {
+    ns: {
+        namespace: import("vue").Ref<string>;
+        b: (blockSuffix?: string) => string;
+        e: (element?: string | undefined) => string;
+        m: (modifier?: string | undefined) => string;
+        be: (blockSuffix?: string | undefined, element?: string | undefined) => string;
+        em: (element?: string | undefined, modifier?: string | undefined) => string;
+        bm: (blockSuffix?: string | undefined, modifier?: string | undefined) => string;
+        bem: (blockSuffix?: string | undefined, element?: string | undefined, modifier?: string | undefined) => string;
+        is: {
+            (name: string, state: boolean | undefined): string;
+            (name: string): string;
+        };
+        cssVar: (object: Record<string, string | undefined>) => Record<string, string>;
+        cssVarName: (name: string) => string;
+        cssVarBlock: (object: Record<string, string | undefined>) => Record<string, string>;
+        cssVarBlockName: (name: string) => string;
+    };
+    clientSize: import("vue").ComputedRef<string | number | undefined>;
+    estimatedTotalSize: import("vue").ComputedRef<number>;
+    windowStyle: import("vue").ComputedRef<(string | import("vue").CSSProperties | import("vue").StyleValue[] | {
+        [x: string]: string;
+        position: string;
+        WebkitOverflowScrolling: string;
+        willChange: string;
+    } | undefined)[]>;
+    windowRef: import("vue").Ref<HTMLElement | undefined>;
+    innerRef: import("vue").Ref<HTMLElement | undefined>;
+    innerStyle: import("vue").ComputedRef<{
+        height: string;
+        pointerEvents: string | undefined;
+        width: string;
+    }>;
+    itemsToRender: import("vue").ComputedRef<number[]>;
+    scrollbarRef: import("vue").Ref<any>;
+    states: import("vue").Ref<{
+        isScrolling: boolean;
+        scrollDir: string;
+        scrollOffset: number;
+        updateRequested: boolean;
+        isScrollbarDragging: boolean;
+        scrollbarAlwaysOn: import("vft/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
+    }>;
+    getItemStyle: (idx: number) => import("vue").CSSProperties;
+    onScroll: (e: Event) => void;
+    onScrollbarScroll: (distanceToGo: number, totalSteps: number) => void;
+    onWheel: (e: WheelEvent) => void;
+    scrollTo: (offset: number) => void;
+    scrollToItem: (idx: number, alignment?: import("../types").Alignment) => void;
+    resetScrollTop: () => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("scroll" | "itemRendered")[], "scroll" | "itemRendered", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    readonly className: import("vft/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
+    readonly containerElement: import("vft/es/utils").EpPropFinalized<(new (...args: any[]) => string | Element) | (() => string | Element) | ((new (...args: any[]) => string | Element) | (() => string | Element))[], unknown, unknown, "div", boolean>;
+    readonly data: import("vft/es/utils").EpPropFinalized<(new (...args: any[]) => any[]) | (() => any[]) | ((new (...args: any[]) => any[]) | (() => any[]))[], unknown, unknown, () => [], boolean>;
+    readonly direction: import("vft/es/utils").EpPropFinalized<StringConstructor, "ltr" | "rtl", never, "ltr", false>;
+    readonly height: {
+        readonly type: import("vue").PropType<import("vft/es/utils").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>>;
+        readonly required: true;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    readonly innerElement: import("vft/es/utils").EpPropFinalized<readonly [StringConstructor, ObjectConstructor], unknown, unknown, "div", boolean>;
+    readonly style: {
+        readonly type: import("vue").PropType<import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => string | import("vue").CSSProperties | import("vue").StyleValue[]) | (() => import("vue").StyleValue) | ((new (...args: any[]) => string | import("vue").CSSProperties | import("vue").StyleValue[]) | (() => import("vue").StyleValue))[], unknown, unknown>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    readonly useIsScrolling: import("vft/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+    readonly width: {
+        readonly type: import("vue").PropType<import("vft/es/utils").EpPropMergeType<readonly [NumberConstructor, StringConstructor], unknown, unknown>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    readonly perfMode: import("vft/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    readonly scrollbarAlwaysOn: import("vft/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+    readonly cache: import("vft/es/utils").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("vft/es/utils").EpPropFinalized<StringConstructor, "horizontal" | "vertical", never, "vertical", false>;
+    readonly initScrollOffset: import("vft/es/utils").EpPropFinalized<NumberConstructor, never, never, 0, false>;
+    readonly total: {
+        readonly type: import("vue").PropType<number>;
+        readonly required: true;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    readonly itemSize: {
+        readonly type: import("vue").PropType<import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => number | ItemSize) | (() => number | ItemSize) | ((new (...args: any[]) => number | ItemSize) | (() => number | ItemSize))[], never, never>>;
+        readonly required: true;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+}>> & {
+    onScroll?: ((...args: any[]) => any) | undefined;
+    onItemRendered?: ((...args: any[]) => any) | undefined;
+}, {
+    readonly data: any[];
+    readonly layout: import("vft/es/utils").EpPropMergeType<StringConstructor, "horizontal" | "vertical", never>;
+    readonly scrollbarAlwaysOn: import("vft/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
+    readonly className: string;
+    readonly direction: import("vft/es/utils").EpPropMergeType<StringConstructor, "ltr" | "rtl", never>;
+    readonly containerElement: import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => string | Element) | (() => string | Element) | ((new (...args: any[]) => string | Element) | (() => string | Element))[], unknown, unknown>;
+    readonly innerElement: import("vft/es/utils").EpPropMergeType<readonly [StringConstructor, ObjectConstructor], unknown, unknown>;
+    readonly useIsScrolling: import("vft/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
+    readonly perfMode: import("vft/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
+    readonly cache: number;
+    readonly initScrollOffset: number;
+}>;
+export default DynamicSizeList;