vft 0.0.239 → 0.0.240

package/es/components/upload/use-handlers.d.ts

@@ -18,7 +18,29 @@ export declare const useHandlers: (props: UploadProps, uploadRef: ShallowRef<Upl
             readonly size: number;
             readonly type: string;
             arrayBuffer: () => Promise<ArrayBuffer>;
-            slice: (start?: number | undefined, end?: number | undefined, contentType?: string | undefined) => Blob;
+            bytes: () => Promise<Uint8Array>;
+            slice: (start?: number, end?: number, contentType?: string) => Blob;
+            stream: () => ReadableStream<Uint8Array>;
+            text: () => Promise<string>;
+        } | undefined;
+    }[], {
+        name: string;
+        percentage?: number | undefined;
+        status: UploadStatus;
+        size?: number | undefined;
+        response?: unknown;
+        uid: number;
+        url?: string | undefined;
+        raw?: {
+            uid: number;
+            readonly lastModified: number;
+            readonly name: string;
+            readonly webkitRelativePath: string;
+            readonly size: number;
+            readonly type: string;
+            arrayBuffer: () => Promise<ArrayBuffer>;
+            bytes: () => Promise<Uint8Array>;
+            slice: (start?: number, end?: number, contentType?: string) => Blob;
             stream: () => ReadableStream<Uint8Array>;
             text: () => Promise<string>;
         } | undefined;
@@ -29,6 +51,6 @@ export declare const useHandlers: (props: UploadProps, uploadRef: ShallowRef<Upl
     handleProgress: (evt: import("./types").UploadProgressEvent, rawFile: UploadRawFile) => void;
     handleStart: (rawFile: UploadRawFile) => void;
     handleSuccess: (response: any, rawFile: UploadRawFile) => unknown;
-    handleRemove: (file: UploadFile | UploadRawFile, rawFile?: UploadRawFile | undefined) => void;
+    handleRemove: (file: UploadFile | UploadRawFile, rawFile?: UploadRawFile) => void;
     submit: () => void;
 };

package/es/components/upload/use-handlers.js

@@ -1,44 +1,38 @@
-import { useVModel as U } from "@vueuse/core";
+import { useVModel as L } from "@vueuse/core";
 import "@vft/utils";
-import { throwError as E, debugWarn as F } from "../../utils/error.js";
+import { throwError as U, debugWarn as E } from "../../utils/error.js";
 import "../../utils/ns-cover.js";
-import { isNil as O } from "lodash-es";
-import { watch as v } from "vue";
-import { genFileId as s } from "./constants.js";
-const m = "VftUpload", j = (a) => {
-  var l;
-  (l = a.url) != null && l.startsWith("blob:") && URL.revokeObjectURL(a.url);
-}, z = (a, l) => {
-  const n = U(
-    a,
+import { isNil as F } from "lodash-es";
+import { watch as l } from "vue";
+import { genFileId as d } from "./constants.js";
+const v = "VftUpload", O = (o) => {
+  o.url?.startsWith("blob:") && URL.revokeObjectURL(o.url);
+}, k = (o, c) => {
+  const a = L(
+    o,
     "fileList",
     void 0,
     { passive: !0 }
-  ), r = (e) => n.value.find((t) => t.uid === e.uid);
-  function o(e) {
-    var t;
-    (t = l.value) == null || t.abort(e);
+  ), s = (e) => a.value.find((t) => t.uid === e.uid);
+  function i(e) {
+    c.value?.abort(e);
   }
   function f(e = ["ready", "uploading", "success", "fail"]) {
-    n.value = n.value.filter(
+    a.value = a.value.filter(
       (t) => !e.includes(t.status)
     );
   }
-  const b = (e, t) => {
-    var c, i;
-    const u = r(t);
-    u && (console.error(e), u.status = "fail", n.value.splice(n.value.indexOf(u), 1), (c = a.onError) == null || c.call(a, e, u, n.value), (i = a.onChange) == null || i.call(a, u, n.value));
+  const m = (e, t) => {
+    const r = s(t);
+    r && (console.error(e), r.status = "fail", a.value.splice(a.value.indexOf(r), 1), o.onError?.(e, r, a.value), o.onChange?.(r, a.value));
+  }, b = (e, t) => {
+    const r = s(t);
+    r && (o.onProgress?.(e, r, a.value), r.status = "uploading", r.percentage = Math.round(e.percent));
   }, h = (e, t) => {
-    var c;
-    const u = r(t);
-    u && ((c = a.onProgress) == null || c.call(a, e, u, n.value), u.status = "uploading", u.percentage = Math.round(e.percent));
-  }, g = (e, t) => {
-    var c, i;
-    const u = r(t);
-    u && (u.status = "success", u.response = e, (c = a.onSuccess) == null || c.call(a, e, u, n.value), (i = a.onChange) == null || i.call(a, u, n.value));
-  }, R = (e) => {
-    var u, c;
-    O(e.uid) && (e.uid = s());
+    const r = s(t);
+    r && (r.status = "success", r.response = e, o.onSuccess?.(e, r, a.value), o.onChange?.(r, a.value));
+  }, g = (e) => {
+    F(e.uid) && (e.uid = d());
     const t = {
       name: e.name,
       percentage: 0,
@@ -47,66 +41,61 @@ const m = "VftUpload", j = (a) => {
       raw: e,
       uid: e.uid
     };
-    if (a.listType === "picture-card" || a.listType === "picture")
+    if (o.listType === "picture-card" || o.listType === "picture")
       try {
         t.url = URL.createObjectURL(e);
-      } catch (i) {
-        F(m, i.message), (u = a.onError) == null || u.call(a, i, t, n.value);
+      } catch (r) {
+        E(v, r.message), o.onError?.(r, t, a.value);
       }
-    n.value = [...n.value, t], (c = a.onChange) == null || c.call(a, t, n.value);
-  }, y = async (e) => {
-    const t = e instanceof File ? r(e) : e;
-    t || E(m, "file to be removed not found");
-    const u = (c) => {
-      var d;
-      o(c);
-      const i = n.value;
-      i.splice(i.indexOf(c), 1), (d = a.onRemove) == null || d.call(a, c, i), j(c);
+    a.value = [...a.value, t], o.onChange?.(t, a.value);
+  }, R = async (e) => {
+    const t = e instanceof File ? s(e) : e;
+    t || U(v, "file to be removed not found");
+    const r = (u) => {
+      i(u);
+      const n = a.value;
+      n.splice(n.indexOf(u), 1), o.onRemove?.(u, n), O(u);
     };
-    a.beforeRemove ? await a.beforeRemove(t, n.value) !== !1 && u(t) : u(t);
+    o.beforeRemove ? await o.beforeRemove(t, a.value) !== !1 && r(t) : r(t);
   };
-  function L() {
-    n.value.filter(({ status: e }) => e === "ready").forEach(({ raw: e }) => {
-      var t;
-      return e && ((t = l.value) == null ? void 0 : t.upload(e));
-    });
+  function y() {
+    a.value.filter(({ status: e }) => e === "ready").forEach(({ raw: e }) => e && c.value?.upload(e));
   }
-  return v(
-    () => a.listType,
+  return l(
+    () => o.listType,
     (e) => {
-      e !== "picture-card" && e !== "picture" || (n.value = n.value.map((t) => {
-        var i;
-        const { raw: u, url: c } = t;
-        if (!c && u)
+      e !== "picture-card" && e !== "picture" || (a.value = a.value.map((t) => {
+        const { raw: r, url: u } = t;
+        if (!u && r)
           try {
-            t.url = URL.createObjectURL(u);
-          } catch (d) {
-            (i = a.onError) == null || i.call(a, d, t, n.value);
+            t.url = URL.createObjectURL(r);
+          } catch (n) {
+            o.onError?.(n, t, a.value);
           }
         return t;
       }));
     }
-  ), v(
-    n,
+  ), l(
+    a,
     (e) => {
       if (e)
         for (const t of e)
-          t.uid || (t.uid = s()), t.status || (t.status = "success");
+          t.uid ||= d(), t.status ||= "success";
     },
     { immediate: !0, deep: !0 }
   ), {
     /** @description two-way binding ref from props `fileList` */
-    uploadFiles: n,
-    abort: o,
+    uploadFiles: a,
+    abort: i,
     clearFiles: f,
-    handleError: b,
-    handleProgress: h,
-    handleStart: R,
-    handleSuccess: g,
-    handleRemove: y,
-    submit: L
+    handleError: m,
+    handleProgress: b,
+    handleStart: g,
+    handleSuccess: h,
+    handleRemove: R,
+    submit: y
   };
 };
 export {
-  z as useHandlers
+  k as useHandlers
 };

package/es/components/verify-code/index.d.ts

@@ -1,4 +1,4 @@
-export declare const VftVerifyCode: import("vft/es/utils").SFCWithInstall<import("vue").DefineComponent<{
+export declare const VftVerifyCode: import("vft/es/utils").SFCWithInstall<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     height: {
         type: import("vue").PropType<number>;
     };
@@ -8,10 +8,10 @@ export declare const VftVerifyCode: import("vft/es/utils").SFCWithInstall<import
     radius: {
         type: import("vue").PropType<string | number>;
     };
-}, {
+}>, {
     getCode: () => void;
-    code: import("vue").Ref<string>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    code: import("vue").Ref<string, string>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     click: () => void;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     height: {
@@ -23,7 +23,7 @@ export declare const VftVerifyCode: import("vft/es/utils").SFCWithInstall<import
     radius: {
         type: import("vue").PropType<string | number>;
     };
-}>> & {
+}>> & Readonly<{
     onClick?: (() => any) | undefined;
-}, {}, {}>> & Record<string, any>;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>> & Record<string, any>;
 export default VftVerifyCode;

package/es/components/verify-code/useImageVerify.d.ts

@@ -4,8 +4,8 @@
  * @param height - 图形高度
  */
 export default function useImageVerify(width?: number, height?: number): {
-    domRef: import("vue").Ref<HTMLCanvasElement | undefined>;
-    imgCode: import("vue").Ref<string>;
+    domRef: import("vue").Ref<HTMLCanvasElement | undefined, HTMLCanvasElement | undefined>;
+    imgCode: import("vue").Ref<string, string>;
     setCode: (code: string) => void;
     getCode: () => void;
 };

package/es/components/verify-code/verify-code.vue.d.ts

@@ -3,14 +3,14 @@ interface VerifyCodeProps {
     width?: number;
     radius?: number | string;
 }
-declare const _default: import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<VerifyCodeProps>, {
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<VerifyCodeProps>>, {
     getCode: () => void;
-    code: import("vue").Ref<string>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    code: import("vue").Ref<string, string>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     click: () => void;
-}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<VerifyCodeProps>>> & {
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<VerifyCodeProps>>> & Readonly<{
     onClick?: (() => any) | undefined;
-}, {}, {}>;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToRuntimeProps<T> = {

package/es/components/virtual-list/builders/build-grid.d.ts

@@ -3,10 +3,10 @@ import { BACKWARD, FORWARD } from '../defaults';
 import { useCache } from '../hooks/use-cache';
 import type { VirtualizedGridProps } from '../props';
 import type { Alignment, GridConstructorProps, GridScrollOptions } from '../types';
-declare const createGrid: ({ name, clearCache, getColumnPosition, getColumnStartIndexForOffset, getColumnStopIndexForStartIndex, getEstimatedTotalHeight, getEstimatedTotalWidth, getColumnOffset, getRowOffset, getRowPosition, getRowStartIndexForOffset, getRowStopIndexForStartIndex, initCache, injectToInstance, validateProps, }: GridConstructorProps<VirtualizedGridProps>) => import("vue").DefineComponent<{
+declare const createGrid: ({ name, clearCache, getColumnPosition, getColumnStartIndexForOffset, getColumnStopIndexForStartIndex, getEstimatedTotalHeight, getEstimatedTotalWidth, getColumnOffset, getRowOffset, getRowPosition, getRowStartIndexForOffset, getRowStopIndexForStartIndex, initCache, injectToInstance, validateProps, }: GridConstructorProps<VirtualizedGridProps>) => 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>>;
@@ -16,7 +16,7 @@ declare const createGrid: ({ name, clearCache, getColumnPosition, getColumnStart
     };
     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 | CSSProperties | StyleValue[]) | (() => StyleValue) | ((new (...args: any[]) => string | false | CSSProperties | StyleValue[]) | (() => StyleValue))[], unknown, unknown>>;
+        readonly type: import("vue").PropType<import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => string | false | CSSProperties | StyleValue[]) | (() => StyleValue) | (((new (...args: any[]) => string | false | CSSProperties | StyleValue[]) | (() => StyleValue)) | null)[], unknown, unknown>>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
@@ -32,7 +32,7 @@ declare const createGrid: ({ name, clearCache, getColumnPosition, getColumnStart
     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 | import("../types").ItemSize) | (() => number | import("../types").ItemSize) | ((new (...args: any[]) => number | import("../types").ItemSize) | (() => number | import("../types").ItemSize))[], never, never>>;
+        readonly type: import("vue").PropType<import("vft/es/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;
@@ -55,17 +55,17 @@ declare const createGrid: ({ name, clearCache, getColumnPosition, getColumnStart
         (): 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 | import("../types").ItemSize) | (() => number | import("../types").ItemSize) | ((new (...args: any[]) => number | import("../types").ItemSize) | (() => number | import("../types").ItemSize))[], never, never>>;
+        readonly type: import("vue").PropType<import("vft/es/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;
@@ -87,12 +87,12 @@ declare const createGrid: ({ name, clearCache, getColumnPosition, getColumnStart
     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;
-}, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
+}>, () => 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>>;
@@ -102,7 +102,7 @@ declare const createGrid: ({ name, clearCache, getColumnPosition, getColumnStart
     };
     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 | CSSProperties | StyleValue[]) | (() => StyleValue) | ((new (...args: any[]) => string | false | CSSProperties | StyleValue[]) | (() => StyleValue))[], unknown, unknown>>;
+        readonly type: import("vue").PropType<import("vft/es/utils").EpPropMergeType<(new (...args: any[]) => string | false | CSSProperties | StyleValue[]) | (() => StyleValue) | (((new (...args: any[]) => string | false | CSSProperties | StyleValue[]) | (() => StyleValue)) | null)[], unknown, unknown>>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
@@ -118,7 +118,7 @@ declare const createGrid: ({ name, clearCache, getColumnPosition, getColumnStart
     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 | import("../types").ItemSize) | (() => number | import("../types").ItemSize) | ((new (...args: any[]) => number | import("../types").ItemSize) | (() => number | import("../types").ItemSize))[], never, never>>;
+        readonly type: import("vue").PropType<import("vft/es/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;
@@ -141,17 +141,17 @@ declare const createGrid: ({ name, clearCache, getColumnPosition, getColumnStart
         (): 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 | import("../types").ItemSize) | (() => number | import("../types").ItemSize) | ((new (...args: any[]) => number | import("../types").ItemSize) | (() => number | import("../types").ItemSize))[], never, never>>;
+        readonly type: import("vue").PropType<import("vft/es/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;
@@ -173,14 +173,14 @@ declare const createGrid: ({ name, clearCache, getColumnPosition, getColumnStart
     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>;
@@ -194,7 +194,7 @@ declare const createGrid: ({ name, clearCache, getColumnPosition, getColumnStart
     readonly vScrollbarSize: number;
     readonly scrollbarStartGap: number;
     readonly scrollbarEndGap: number;
-}, {}>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default createGrid;
 type Dir = typeof FORWARD | typeof BACKWARD;
 export type GridInstance = InstanceType<ReturnType<typeof createGrid>> & UnwrapRef<{