vft 0.0.239 → 0.0.241

package/es/components/virtual-list/builders/build-list.js

@@ -1,65 +1,65 @@
-import { isString as J, isNumber as A, hasOwn as ft } from "@vft/utils";
+import { isString as j, isNumber as k, hasOwn as ft } from "@vft/utils";
 import { isClient as ut } from "@vueuse/core";
 import "../../../utils/ns-cover.js";
 import "lodash-es";
-import { defineComponent as dt, resolveDynamicComponent as Q, h as W, getCurrentInstance as mt, ref as _, computed as u, unref as n, onMounted as ht, onUpdated as St, nextTick as F } from "vue";
+import { defineComponent as dt, resolveDynamicComponent as J, h as A, getCurrentInstance as mt, ref as x, computed as u, unref as s, onMounted as ht, onUpdated as St, nextTick as $ } from "vue";
 import { useNamespace as gt } from "../../../hooks/use-namespace/index.js";
 import "../../../hooks/use-model-toggle/index.js";
 import "@popperjs/core";
 import "../../../hooks/use-z-index/index.js";
 import wt from "../components/scrollbar.js";
-import { ITEM_RENDER_EVT as X, SCROLL_EVT as Y, HORIZONTAL as Ot, RTL as G, RTL_OFFSET_POS_ASC as vt, RTL_OFFSET_NAG as p, AUTO_ALIGNMENT as yt, BACKWARD as Tt, FORWARD as Rt, RTL_OFFSET_POS_DESC as Et } from "../defaults.js";
+import { ITEM_RENDER_EVT as Q, SCROLL_EVT as X, HORIZONTAL as Ot, RTL as U, RTL_OFFSET_POS_ASC as vt, RTL_OFFSET_NAG as Y, AUTO_ALIGNMENT as yt, BACKWARD as Tt, FORWARD as Rt, RTL_OFFSET_POS_DESC as Et } from "../defaults.js";
 import { useCache as bt } from "../hooks/use-cache.js";
 import Lt from "../hooks/use-wheel.js";
 import { virtualizedListProps as Mt } from "../props.js";
-import { isHorizontal as xt, getRTLOffsetType as tt, getScrollDir as K } from "../utils.js";
+import { isHorizontal as xt, getRTLOffsetType as p, getScrollDir as G } from "../utils.js";
 const Pt = ({
-  name: et,
-  getOffset: lt,
-  getItemSize: ot,
-  getItemOffset: st,
-  getEstimatedTotalSize: nt,
-  getStartIndexForOffset: rt,
-  getStopIndexForStartIndex: it,
-  initCache: ct,
-  clearCache: N,
-  validateProps: at
+  name: tt,
+  getOffset: et,
+  getItemSize: lt,
+  getItemOffset: ot,
+  getEstimatedTotalSize: st,
+  getStartIndexForOffset: nt,
+  getStopIndexForStartIndex: rt,
+  initCache: it,
+  clearCache: W,
+  validateProps: ct
 }) => dt({
-  name: et ?? "VftVirtualList",
+  name: tt ?? "VftVirtualList",
   props: Mt,
-  emits: [X, Y],
-  setup(e, { emit: w, expose: $ }) {
-    at(e);
-    const T = mt(), H = gt("vl"), d = _(ct(e, T)), R = bt(), S = _(), I = _(), C = _(), r = _({
+  emits: [Q, X],
+  setup(e, { emit: z, expose: F }) {
+    ct(e);
+    const y = mt(), N = gt("vl"), d = x(it(e, y)), T = bt(), g = x(), _ = x(), I = x(), r = x({
       isScrolling: !1,
       scrollDir: "forward",
-      scrollOffset: A(e.initScrollOffset) ? e.initScrollOffset : 0,
+      scrollOffset: k(e.initScrollOffset) ? e.initScrollOffset : 0,
       updateRequested: !1,
       isScrollbarDragging: !1,
       scrollbarAlwaysOn: e.scrollbarAlwaysOn
-    }), E = u(() => {
-      const { total: t, cache: l } = e, { isScrolling: o, scrollDir: a, scrollOffset: s } = n(r);
+    }), R = u(() => {
+      const { total: t, cache: l } = e, { isScrolling: n, scrollDir: a, scrollOffset: o } = s(r);
       if (t === 0)
         return [0, 0, 0, 0];
-      const i = rt(
+      const i = nt(
         e,
-        s,
-        n(d)
-      ), c = it(
+        o,
+        s(d)
+      ), c = rt(
         e,
         i,
-        s,
-        n(d)
-      ), v = !o || a === Tt ? Math.max(1, l) : 1, y = !o || a === Rt ? Math.max(1, l) : 1;
+        o,
+        s(d)
+      ), O = !n || a === Tt ? Math.max(1, l) : 1, v = !n || a === Rt ? Math.max(1, l) : 1;
       return [
-        Math.max(0, i - v),
-        Math.max(0, Math.min(t - 1, c + y)),
+        Math.max(0, i - O),
+        Math.max(0, Math.min(t - 1, c + v)),
         i,
         c
       ];
     }), m = u(
-      () => nt(e, n(d))
-    ), h = u(() => xt(e.layout)), q = u(() => [
+      () => st(e, s(d))
+    ), h = u(() => xt(e.layout)), H = u(() => [
       {
         position: "relative",
         [`overflow-${h.value ? "x" : "y"}`]: "scroll",
@@ -68,20 +68,20 @@ const Pt = ({
       },
       {
         direction: e.direction,
-        height: A(e.height) ? `${e.height}px` : e.height,
-        width: A(e.width) ? `${e.width}px` : e.width
+        height: k(e.height) ? `${e.height}px` : e.height,
+        width: k(e.width) ? `${e.width}px` : e.width
       },
       e.style
-    ]), b = u(() => {
-      const t = n(m), l = n(h);
+    ]), E = u(() => {
+      const t = s(m), l = s(h);
       return {
         height: l ? "100%" : `${t}px`,
-        pointerEvents: n(r).isScrolling ? "none" : void 0,
+        pointerEvents: s(r).isScrolling ? "none" : void 0,
         width: l ? `${t}px` : "100%"
       };
-    }), O = u(
+    }), w = u(
       () => h.value ? e.width : e.height
-    ), { onWheel: V } = Lt(
+    ), { onWheel: q } = Lt(
       {
         atStartEdge: u(() => r.value.scrollOffset <= 0),
         atEndEdge: u(
@@ -90,51 +90,50 @@ const Pt = ({
         layout: u(() => e.layout)
       },
       (t) => {
-        var l, o;
-        (o = (l = C.value).onMouseUp) == null || o.call(l), f(
+        I.value.onMouseUp?.(), f(
           Math.min(
             r.value.scrollOffset + t,
-            m.value - O.value
+            m.value - w.value
           )
         );
       }
-    ), L = () => {
+    ), b = () => {
       const { total: t } = e;
       if (t > 0) {
-        const [s, i, c, v] = n(E);
-        w(X, s, i, c, v);
+        const [o, i, c, O] = s(R);
+        z(Q, o, i, c, O);
       }
-      const { scrollDir: l, scrollOffset: o, updateRequested: a } = n(r);
-      w(Y, l, o, a);
-    }, B = (t) => {
-      const { clientHeight: l, scrollHeight: o, scrollTop: a } = t.currentTarget, s = n(r);
-      if (s.scrollOffset === a)
+      const { scrollDir: l, scrollOffset: n, updateRequested: a } = s(r);
+      z(X, l, n, a);
+    }, V = (t) => {
+      const { clientHeight: l, scrollHeight: n, scrollTop: a } = t.currentTarget, o = s(r);
+      if (o.scrollOffset === a)
         return;
       const i = Math.max(
         0,
-        Math.min(a, o - l)
+        Math.min(a, n - l)
       );
       r.value = {
-        ...s,
+        ...o,
         isScrolling: !0,
-        scrollDir: K(s.scrollOffset, i),
+        scrollDir: G(o.scrollOffset, i),
         scrollOffset: i,
         updateRequested: !1
-      }, F(x);
-    }, P = (t) => {
-      const { clientWidth: l, scrollLeft: o, scrollWidth: a } = t.currentTarget, s = n(r);
-      if (s.scrollOffset === o)
+      }, $(M);
+    }, B = (t) => {
+      const { clientWidth: l, scrollLeft: n, scrollWidth: a } = t.currentTarget, o = s(r);
+      if (o.scrollOffset === n)
         return;
       const { direction: i } = e;
-      let c = o;
-      if (i === G)
-        switch (tt()) {
-          case p: {
-            c = -o;
+      let c = n;
+      if (i === U)
+        switch (p()) {
+          case Y: {
+            c = -n;
             break;
           }
           case Et: {
-            c = a - l - o;
+            c = a - l - n;
             break;
           }
         }
@@ -142,198 +141,197 @@ const Pt = ({
         0,
         Math.min(c, a - l)
       ), r.value = {
-        ...s,
+        ...o,
         isScrolling: !0,
-        scrollDir: K(s.scrollOffset, c),
+        scrollDir: G(o.scrollOffset, c),
         scrollOffset: c,
         updateRequested: !1
-      }, F(x);
-    }, D = (t) => {
-      n(h) ? P(t) : B(t), L();
-    }, k = (t, l) => {
-      const o = (m.value - O.value) / l * t;
+      }, $(M);
+    }, C = (t) => {
+      s(h) ? B(t) : V(t), b();
+    }, D = (t, l) => {
+      const n = (m.value - w.value) / l * t;
       f(
         Math.min(
-          m.value - O.value,
-          o
+          m.value - w.value,
+          n
         )
       );
     }, f = (t) => {
-      t = Math.max(t, 0), t !== n(r).scrollOffset && (r.value = {
-        ...n(r),
+      t = Math.max(t, 0), t !== s(r).scrollOffset && (r.value = {
+        ...s(r),
         scrollOffset: t,
-        scrollDir: K(n(r).scrollOffset, t),
+        scrollDir: G(s(r).scrollOffset, t),
         updateRequested: !0
-      }, F(x));
-    }, M = (t, l = yt) => {
-      const { scrollOffset: o } = n(r);
+      }, $(M));
+    }, L = (t, l = yt) => {
+      const { scrollOffset: n } = s(r);
       t = Math.max(0, Math.min(t, e.total - 1)), f(
-        lt(
+        et(
           e,
           t,
           l,
-          o,
-          n(d)
+          n,
+          s(d)
         )
       );
-    }, U = (t) => {
-      const { direction: l, itemSize: o, layout: a } = e, s = R.value(
-        N && o,
-        N && a,
-        N && l
+    }, P = (t) => {
+      const { direction: l, itemSize: n, layout: a } = e, o = T.value(
+        W && n,
+        W && a,
+        W && l
       );
       let i;
-      if (ft(s, String(t)))
-        i = s[t];
+      if (ft(o, String(t)))
+        i = o[t];
       else {
-        const c = st(e, t, n(d)), v = ot(e, t, n(d)), y = n(h), Z = l === G, j = y ? c : 0;
-        s[t] = i = {
+        const c = ot(e, t, s(d)), O = lt(e, t, s(d)), v = s(h), K = l === U, Z = v ? c : 0;
+        o[t] = i = {
           position: "absolute",
-          left: Z ? void 0 : `${j}px`,
-          right: Z ? `${j}px` : void 0,
-          top: y ? 0 : `${c}px`,
-          height: y ? "100%" : `${v}px`,
-          width: y ? `${v}px` : "100%"
+          left: K ? void 0 : `${Z}px`,
+          right: K ? `${Z}px` : void 0,
+          top: v ? 0 : `${c}px`,
+          height: v ? "100%" : `${O}px`,
+          width: v ? `${O}px` : "100%"
         };
       }
       return i;
-    }, x = () => {
-      r.value.isScrolling = !1, F(() => {
-        R.value(-1, null, null);
+    }, M = () => {
+      r.value.isScrolling = !1, $(() => {
+        T.value(-1, null, null);
       });
-    }, z = () => {
-      const t = S.value;
+    }, S = () => {
+      const t = g.value;
       t && (t.scrollTop = 0);
     };
     ht(() => {
       if (!ut) return;
-      const { initScrollOffset: t } = e, l = n(S);
-      A(t) && l && (n(h) ? l.scrollLeft = t : l.scrollTop = t), L();
+      const { initScrollOffset: t } = e, l = s(g);
+      k(t) && l && (s(h) ? l.scrollLeft = t : l.scrollTop = t), b();
     }), St(() => {
-      const { direction: t, layout: l } = e, { scrollOffset: o, updateRequested: a } = n(r), s = n(S);
-      if (a && s)
+      const { direction: t, layout: l } = e, { scrollOffset: n, updateRequested: a } = s(r), o = s(g);
+      if (a && o)
         if (l === Ot)
-          if (t === G)
-            switch (tt()) {
-              case p: {
-                s.scrollLeft = -o;
+          if (t === U)
+            switch (p()) {
+              case Y: {
+                o.scrollLeft = -n;
                 break;
               }
               case vt: {
-                s.scrollLeft = o;
+                o.scrollLeft = n;
                 break;
               }
               default: {
-                const { clientWidth: i, scrollWidth: c } = s;
-                s.scrollLeft = c - i - o;
+                const { clientWidth: i, scrollWidth: c } = o;
+                o.scrollLeft = c - i - n;
                 break;
               }
             }
           else
-            s.scrollLeft = o;
+            o.scrollLeft = n;
         else
-          s.scrollTop = o;
+          o.scrollTop = n;
     });
-    const g = {
-      ns: H,
-      clientSize: O,
+    const at = {
+      ns: N,
+      clientSize: w,
       estimatedTotalSize: m,
-      windowStyle: q,
-      windowRef: S,
-      innerRef: I,
-      innerStyle: b,
-      itemsToRender: E,
-      scrollbarRef: C,
+      windowStyle: H,
+      windowRef: g,
+      innerRef: _,
+      innerStyle: E,
+      itemsToRender: R,
+      scrollbarRef: I,
       states: r,
-      getItemStyle: U,
-      onScroll: D,
-      onScrollbarScroll: k,
-      onWheel: V,
+      getItemStyle: P,
+      onScroll: C,
+      onScrollbarScroll: D,
+      onWheel: q,
       scrollTo: f,
-      scrollToItem: M,
-      resetScrollTop: z
+      scrollToItem: L,
+      resetScrollTop: S
     };
-    return $({
-      windowRef: S,
-      innerRef: I,
-      getItemStyleCache: R,
+    return F({
+      windowRef: g,
+      innerRef: _,
+      getItemStyleCache: T,
       scrollTo: f,
-      scrollToItem: M,
-      resetScrollTop: z,
+      scrollToItem: L,
+      resetScrollTop: S,
       states: r
-    }), g;
+    }), at;
   },
   render(e) {
-    var z;
     const {
-      $slots: w,
-      className: $,
-      clientSize: T,
-      containerElement: H,
+      $slots: z,
+      className: F,
+      clientSize: y,
+      containerElement: N,
       data: d,
-      getItemStyle: R,
-      innerElement: S,
-      itemsToRender: I,
-      innerStyle: C,
+      getItemStyle: T,
+      innerElement: g,
+      itemsToRender: _,
+      innerStyle: I,
       layout: r,
-      total: E,
+      total: R,
       onScroll: m,
       onScrollbarScroll: h,
-      onWheel: q,
-      states: b,
-      useIsScrolling: O,
-      windowStyle: V,
-      ns: L
-    } = e, [B, P] = I, D = Q(H), k = Q(S), f = [];
-    if (E > 0)
-      for (let g = B; g <= P; g++)
+      onWheel: H,
+      states: E,
+      useIsScrolling: w,
+      windowStyle: q,
+      ns: b
+    } = e, [V, B] = _, C = J(N), D = J(g), f = [];
+    if (R > 0)
+      for (let S = V; S <= B; S++)
         f.push(
-          (z = w.default) == null ? void 0 : z.call(w, {
+          z.default?.({
             data: d,
-            key: g,
-            index: g,
-            isScrolling: O ? b.isScrolling : void 0,
-            style: R(g)
+            key: S,
+            index: S,
+            isScrolling: w ? E.isScrolling : void 0,
+            style: T(S)
           })
         );
-    const M = [
-      W(
-        k,
+    const L = [
+      A(
+        D,
         {
-          style: C,
+          style: I,
           ref: "innerRef"
         },
-        J(k) ? f : {
+        j(D) ? f : {
           default: () => f
         }
       )
-    ], U = W(wt, {
+    ], P = A(wt, {
       ref: "scrollbarRef",
-      clientSize: T,
+      clientSize: y,
       layout: r,
       onScroll: h,
-      ratio: T * 100 / this.estimatedTotalSize,
-      scrollFrom: b.scrollOffset / (this.estimatedTotalSize - T),
-      total: E
-    }), x = W(
-      D,
+      ratio: y * 100 / this.estimatedTotalSize,
+      scrollFrom: E.scrollOffset / (this.estimatedTotalSize - y),
+      total: R
+    }), M = A(
+      C,
       {
-        class: [L.e("window"), $],
-        style: V,
+        class: [b.e("window"), F],
+        style: q,
         onScroll: m,
-        onWheel: q,
+        onWheel: H,
         ref: "windowRef",
         key: 0
       },
-      J(D) ? [M] : { default: () => [M] }
+      j(C) ? [L] : { default: () => [L] }
     );
-    return W(
+    return A(
       "div",
       {
         key: 0,
-        class: [L.e("wrapper"), b.scrollbarAlwaysOn ? "always-on" : ""]
+        class: [b.e("wrapper"), E.scrollbarAlwaysOn ? "always-on" : ""]
       },
-      [x, U]
+      [M, P]
     );
   }
 });

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

@@ -4,10 +4,10 @@ type Indices = {
     columnIndex?: number;
     rowIndex?: number;
 };
-declare const DynamicSizeGrid: import("vue").DefineComponent<{
+declare const DynamicSizeGrid: import("vue").DefineComponent<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 containerElement: import("vft/es/utils").EpPropFinalized<(new (...args: any[]) => string | Element) | (() => string | Element) | (((new (...args: any[]) => string | Element) | (() => string | Element)) | null)[], unknown, unknown, "div", boolean>;
+    readonly data: import("vft/es/utils").EpPropFinalized<(new (...args: any[]) => any[]) | (() => any[]) | (((new (...args: any[]) => any[]) | (() => any[])) | null)[], 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>>;
@@ -17,7 +17,7 @@ declare const DynamicSizeGrid: import("vue").DefineComponent<{
     };
     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 | false | import("vue").CSSProperties | import("vue").StyleValue[]) | (() => import("vue").StyleValue) | ((new (...args: any[]) => string | false | import("vue").CSSProperties | import("vue").StyleValue[]) | (() => import("vue").StyleValue))[], unknown, unknown>>;
+        readonly type: import("vue").PropType<import("vft/es/utils").EpPropMergeType<(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>>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
@@ -33,7 +33,7 @@ declare const DynamicSizeGrid: import("vue").DefineComponent<{
     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 type: import("vue").PropType<import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => number | ItemSize) | (() => number | ItemSize) | (((new (...args: any[]) => number | ItemSize) | (() => number | ItemSize)) | null)[], never, never>>;
         readonly required: true;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
@@ -56,17 +56,17 @@ declare const DynamicSizeGrid: import("vue").DefineComponent<{
         (): import("../types").GridItemKeyGetter;
         new (): any;
         readonly prototype: any;
-    } | ((new (...args: any[]) => import("../types").GridItemKeyGetter) | (() => import("../types").GridItemKeyGetter) | {
+    } | (((new (...args: any[]) => import("../types").GridItemKeyGetter) | (() => import("../types").GridItemKeyGetter) | {
         (): import("../types").GridItemKeyGetter;
         new (): any;
         readonly prototype: any;
-    })[], unknown, unknown, ({ columnIndex, rowIndex, }: {
+    }) | null)[], 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 type: import("vue").PropType<import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => number | ItemSize) | (() => number | ItemSize) | (((new (...args: any[]) => number | ItemSize) | (() => number | ItemSize)) | null)[], never, never>>;
         readonly required: true;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
@@ -88,12 +88,12 @@ declare const DynamicSizeGrid: import("vue").DefineComponent<{
     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, {
+}>, () => 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").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("scroll" | "itemRendered")[], "scroll" | "itemRendered", import("vue").PublicProps, 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 containerElement: import("vft/es/utils").EpPropFinalized<(new (...args: any[]) => string | Element) | (() => string | Element) | (((new (...args: any[]) => string | Element) | (() => string | Element)) | null)[], unknown, unknown, "div", boolean>;
+    readonly data: import("vft/es/utils").EpPropFinalized<(new (...args: any[]) => any[]) | (() => any[]) | (((new (...args: any[]) => any[]) | (() => any[])) | null)[], 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>>;
@@ -103,7 +103,7 @@ declare const DynamicSizeGrid: import("vue").DefineComponent<{
     };
     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 | false | import("vue").CSSProperties | import("vue").StyleValue[]) | (() => import("vue").StyleValue) | ((new (...args: any[]) => string | false | import("vue").CSSProperties | import("vue").StyleValue[]) | (() => import("vue").StyleValue))[], unknown, unknown>>;
+        readonly type: import("vue").PropType<import("vft/es/utils").EpPropMergeType<(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>>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
@@ -119,7 +119,7 @@ declare const DynamicSizeGrid: import("vue").DefineComponent<{
     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 type: import("vue").PropType<import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => number | ItemSize) | (() => number | ItemSize) | (((new (...args: any[]) => number | ItemSize) | (() => number | ItemSize)) | null)[], never, never>>;
         readonly required: true;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
@@ -142,17 +142,17 @@ declare const DynamicSizeGrid: import("vue").DefineComponent<{
         (): import("../types").GridItemKeyGetter;
         new (): any;
         readonly prototype: any;
-    } | ((new (...args: any[]) => import("../types").GridItemKeyGetter) | (() => import("../types").GridItemKeyGetter) | {
+    } | (((new (...args: any[]) => import("../types").GridItemKeyGetter) | (() => import("../types").GridItemKeyGetter) | {
         (): import("../types").GridItemKeyGetter;
         new (): any;
         readonly prototype: any;
-    })[], unknown, unknown, ({ columnIndex, rowIndex, }: {
+    }) | null)[], 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 type: import("vue").PropType<import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => number | ItemSize) | (() => number | ItemSize) | (((new (...args: any[]) => number | ItemSize) | (() => number | ItemSize)) | null)[], never, never>>;
         readonly required: true;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
@@ -174,14 +174,14 @@ declare const DynamicSizeGrid: import("vue").DefineComponent<{
     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;
-}>> & {
+}>> & Readonly<{
     onScroll?: ((...args: any[]) => any) | undefined;
     onItemRendered?: ((...args: any[]) => any) | undefined;
-}, {
+}>, {
     readonly data: any[];
     readonly direction: import("vft/es/utils").EpPropMergeType<StringConstructor, "ltr" | "rtl", never>;
     readonly className: string;
-    readonly containerElement: import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => string | Element) | (() => string | Element) | ((new (...args: any[]) => string | Element) | (() => string | Element))[], unknown, unknown>;
+    readonly containerElement: import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => string | Element) | (() => string | Element) | (((new (...args: any[]) => string | Element) | (() => string | Element)) | null)[], 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>;
@@ -195,7 +195,7 @@ declare const DynamicSizeGrid: import("vue").DefineComponent<{
     readonly vScrollbarSize: number;
     readonly scrollbarStartGap: number;
     readonly scrollbarEndGap: number;
-}, {}>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default DynamicSizeGrid;
 export type ResetAfterIndex = (idx: number, forceUpdate: boolean) => void;
 export type ResetAfterIndices = (indices: Indices, forceUpdate: boolean) => void;